@angflow/angular 0.0.13 → 0.0.15

package/dist/esm/lib/components/controls/controls.component.d.ts

@@ -1,19 +1,40 @@
 import type { PanelPosition, FitViewOptionsBase } from '@angflow/system';
 import * as i0 from "@angular/core";
+/**
+ * Floating panel with zoom-in, zoom-out, fit-view, and lock-interactivity
+ * buttons. Project additional `<button>`s as children to extend the toolbar.
+ *
+ * @example
+ * ```html
+ * <ng-flow-controls position="bottom-left" />
+ * ```
+ */
 export declare class ControlsComponent {
     private store;
     private ngFlowService;
+    /** Where the panel is anchored. */
     readonly position: import("@angular/core").InputSignal<PanelPosition>;
+    /** Render the zoom-in and zoom-out buttons. */
     readonly showZoom: import("@angular/core").InputSignal<boolean>;
+    /** Render the fit-view button. */
     readonly showFitView: import("@angular/core").InputSignal<boolean>;
+    /** Render the lock-interactivity button. */
     readonly showInteractive: import("@angular/core").InputSignal<boolean>;
+    /** Options passed to `fitView` when the button is pressed. */
     readonly fitViewOptions: import("@angular/core").InputSignal<FitViewOptionsBase<any> | undefined>;
+    /** Custom handler invoked instead of `fitView` when the fit button is pressed. */
     readonly fitViewFn: import("@angular/core").InputSignal<(() => void) | undefined>;
+    /** Lay buttons out horizontally or vertically. */
     readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    /** ARIA label for the toolbar container. */
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    /** Fires when the zoom-in button is clicked. */
     readonly zoomInClick: import("@angular/core").OutputEmitterRef<void>;
+    /** Fires when the zoom-out button is clicked. */
     readonly zoomOutClick: import("@angular/core").OutputEmitterRef<void>;
+    /** Fires when the fit-view button is clicked. */
     readonly fitViewClick: import("@angular/core").OutputEmitterRef<void>;
+    /** Fires with the new interactive state after the lock button is toggled. */
     readonly interactiveChange: import("@angular/core").OutputEmitterRef<boolean>;
     readonly isInteractive: import("@angular/core").Signal<boolean>;
     readonly isLocked: import("@angular/core").Signal<boolean>;

package/dist/esm/lib/components/controls/controls.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/controls/controls.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAKzE,qBAkEa,iBAAiB;IAC5B,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,aAAa,CAAyB;IAE9C,QAAQ,CAAC,QAAQ,qDAAuC;IACxD,QAAQ,CAAC,QAAQ,+CAAe;IAChC,QAAQ,CAAC,WAAW,+CAAe;IACnC,QAAQ,CAAC,eAAe,+CAAe;IACvC,QAAQ,CAAC,cAAc,2EAAoC;IAC3D,QAAQ,CAAC,SAAS,6CAAgB,IAAI,eAA0B;IAChE,QAAQ,CAAC,WAAW,iEAAgD;IACpE,QAAQ,CAAC,SAAS,8CAA0C;IAG5D,QAAQ,CAAC,WAAW,iDAAkB;IACtC,QAAQ,CAAC,YAAY,iDAAkB;IACvC,QAAQ,CAAC,YAAY,iDAAkB;IACvC,QAAQ,CAAC,iBAAiB,oDAAqB;IAK/C,QAAQ,CAAC,aAAa,0CAKpB;IACF,QAAQ,CAAC,QAAQ,0CAAyC;IAG1D,QAAQ,CAAC,cAAc,0CAAqE;IAC5F,QAAQ,CAAC,cAAc,0CAAqE;IAE5F,QAAQ;IAKR,SAAS;IAKT,SAAS;IAUT,YAAY;yCAtDD,iBAAiB;2CAAjB,iBAAiB;CA6D7B"}
+{"version":3,"file":"controls.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/controls/controls.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAKzE;;;;;;;;GAQG;AACH,qBAkEa,iBAAiB;IAC5B,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,aAAa,CAAyB;IAE9C,mCAAmC;IACnC,QAAQ,CAAC,QAAQ,qDAAuC;IACxD,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,+CAAe;IAChC,kCAAkC;IAClC,QAAQ,CAAC,WAAW,+CAAe;IACnC,4CAA4C;IAC5C,QAAQ,CAAC,eAAe,+CAAe;IACvC,8DAA8D;IAC9D,QAAQ,CAAC,cAAc,2EAAoC;IAC3D,kFAAkF;IAClF,QAAQ,CAAC,SAAS,6CAAgB,IAAI,eAA0B;IAChE,kDAAkD;IAClD,QAAQ,CAAC,WAAW,iEAAgD;IACpE,4CAA4C;IAC5C,QAAQ,CAAC,SAAS,8CAA0C;IAE5D,gDAAgD;IAChD,QAAQ,CAAC,WAAW,iDAAkB;IACtC,iDAAiD;IACjD,QAAQ,CAAC,YAAY,iDAAkB;IACvC,iDAAiD;IACjD,QAAQ,CAAC,YAAY,iDAAkB;IACvC,6EAA6E;IAC7E,QAAQ,CAAC,iBAAiB,oDAAqB;IAK/C,QAAQ,CAAC,aAAa,0CAKpB;IACF,QAAQ,CAAC,QAAQ,0CAAyC;IAG1D,QAAQ,CAAC,cAAc,0CAAqE;IAC5F,QAAQ,CAAC,cAAc,0CAAqE;IAE5F,QAAQ;IAKR,SAAS;IAKT,SAAS;IAUT,YAAY;yCAjED,iBAAiB;2CAAjB,iBAAiB;CAwE7B"}

package/dist/esm/lib/components/controls/controls.component.js

@@ -3,22 +3,42 @@ import { FlowStore } from '../../services/flow-store.service';
 import { NgFlowService } from '../../services/ng-flow.service';
 import { PanelComponent } from '../panel/panel.component';
 import * as i0 from "@angular/core";
+/**
+ * Floating panel with zoom-in, zoom-out, fit-view, and lock-interactivity
+ * buttons. Project additional `<button>`s as children to extend the toolbar.
+ *
+ * @example
+ * ```html
+ * <ng-flow-controls position="bottom-left" />
+ * ```
+ */
 export class ControlsComponent {
     constructor() {
         this.store = inject(FlowStore);
         this.ngFlowService = inject(NgFlowService);
+        /** Where the panel is anchored. */
         this.position = input('bottom-left', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        /** Render the zoom-in and zoom-out buttons. */
         this.showZoom = input(true, ...(ngDevMode ? [{ debugName: "showZoom" }] : /* istanbul ignore next */ []));
+        /** Render the fit-view button. */
         this.showFitView = input(true, ...(ngDevMode ? [{ debugName: "showFitView" }] : /* istanbul ignore next */ []));
+        /** Render the lock-interactivity button. */
         this.showInteractive = input(true, ...(ngDevMode ? [{ debugName: "showInteractive" }] : /* istanbul ignore next */ []));
+        /** Options passed to `fitView` when the button is pressed. */
         this.fitViewOptions = input(...(ngDevMode ? [undefined, { debugName: "fitViewOptions" }] : /* istanbul ignore next */ []));
+        /** Custom handler invoked instead of `fitView` when the fit button is pressed. */
         this.fitViewFn = input(undefined, ...(ngDevMode ? [{ debugName: "fitViewFn" }] : /* istanbul ignore next */ []));
+        /** Lay buttons out horizontally or vertically. */
         this.orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+        /** ARIA label for the toolbar container. */
         this.ariaLabel = input('Angular Flow controls', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        // Callback outputs
+        /** Fires when the zoom-in button is clicked. */
         this.zoomInClick = output();
+        /** Fires when the zoom-out button is clicked. */
         this.zoomOutClick = output();
+        /** Fires when the fit-view button is clicked. */
         this.fitViewClick = output();
+        /** Fires with the new interactive state after the lock button is toggled. */
         this.interactiveChange = output();
         // Derive interactive/locked state directly from the store so external
         // mutations of nodesDraggable/nodesConnectable/elementsSelectable stay

package/dist/esm/lib/components/controls/controls.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/controls/controls.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"controls.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/controls/controls.component.ts"],"names":[],"mappings":"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"}

package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.d.ts

@@ -1,4 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * Host layer for HTML edge labels. Placing label HTML here instead of inside
+ * the SVG lets you use any DOM element (inputs, buttons, etc.) as a label.
+ */
 export declare class EdgeLabelRendererComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<EdgeLabelRendererComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EdgeLabelRendererComponent, "ng-flow-edge-label-renderer", never, {}, {}, never, ["*"], true, never>;

package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edge-label-renderer.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edge-label-renderer/edge-label-renderer.component.ts"],"names":[],"mappings":";AAEA,qBASa,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;CAAG"}
+{"version":3,"file":"edge-label-renderer.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edge-label-renderer/edge-label-renderer.component.ts"],"names":[],"mappings":";AAEA;;;GAGG;AACH,qBASa,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;CAAG"}

package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.js

@@ -1,5 +1,9 @@
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Host layer for HTML edge labels. Placing label HTML here instead of inside
+ * the SVG lets you use any DOM element (inputs, buttons, etc.) as a label.
+ */
 export class EdgeLabelRendererComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeLabelRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: EdgeLabelRendererComponent, isStandalone: true, selector: "ng-flow-edge-label-renderer", host: { classAttribute: "ng-flow__edgelabel-renderer xy-flow__edgelabel-renderer" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }

package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"edge-label-renderer.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edge-label-renderer/edge-label-renderer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;AAWnE,MAAM,OAAO,0BAA0B;8GAA1B,0BAA0B;kGAA1B,0BAA0B,4KAF3B,gBAAgB;;2FAEf,0BAA0B;kBATtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,yDAAyD;qBACnE;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}
+{"version":3,"file":"edge-label-renderer.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edge-label-renderer/edge-label-renderer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;AAEnE;;;GAGG;AAUH,MAAM,OAAO,0BAA0B;8GAA1B,0BAA0B;kGAA1B,0BAA0B,4KAF3B,gBAAgB;;2FAEf,0BAA0B;kBATtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,yDAAyD;qBACnE;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}

package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.d.ts

@@ -1,4 +1,16 @@
 import * as i0 from "@angular/core";
+/**
+ * Floating toolbar anchored to a fixed `(x, y)` in flow coordinates — typically
+ * placed near an edge's midpoint. By default it shows only while the owning
+ * edge is selected.
+ *
+ * @example
+ * ```html
+ * <ng-flow-edge-toolbar [edgeId]="edge.id" [x]="labelX" [y]="labelY">
+ *   <button (click)="remove(edge.id)">Delete</button>
+ * </ng-flow-edge-toolbar>
+ * ```
+ */
 export declare class EdgeToolbarComponent {
     private readonly store;
     /** The ID of the edge this toolbar belongs to. */
@@ -8,9 +20,9 @@ export declare class EdgeToolbarComponent {
     /** Vertical position in flow coordinates. */
     readonly y: import("@angular/core").InputSignal<number>;
     /** Horizontal alignment relative to (x, y). */
-    readonly alignX: import("@angular/core").InputSignal<"center" | "left" | "right">;
+    readonly alignX: import("@angular/core").InputSignal<"left" | "right" | "center">;
     /** Vertical alignment relative to (x, y). */
-    readonly alignY: import("@angular/core").InputSignal<"center" | "bottom" | "top">;
+    readonly alignY: import("@angular/core").InputSignal<"bottom" | "top" | "center">;
     /** Override visibility. Defaults to showing when the edge is selected. */
     readonly isVisible: import("@angular/core").InputSignal<boolean | undefined>;
     readonly shouldShow: import("@angular/core").Signal<boolean>;

package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edge-toolbar.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edge-toolbar/edge-toolbar.component.ts"],"names":[],"mappings":";AAIA,qBAea,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqB;IAE3C,kDAAkD;IAClD,QAAQ,CAAC,MAAM,8CAA4B;IAE3C,+CAA+C;IAC/C,QAAQ,CAAC,CAAC,8CAA4B;IAEtC,6CAA6C;IAC7C,QAAQ,CAAC,CAAC,8CAA4B;IAEtC,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,mEAAgD;IAE/D,6CAA6C;IAC7C,QAAQ,CAAC,MAAM,mEAAgD;IAE/D,0EAA0E;IAC1E,QAAQ,CAAC,SAAS,2DAAyC;IAE3D,QAAQ,CAAC,UAAU,0CAKhB;IAEH,QAAQ,CAAC,MAAM,sCAGZ;IAEH,QAAQ,CAAC,gBAAgB,yCAMtB;yCAvCQ,oBAAoB;2CAApB,oBAAoB;CAwChC"}
+{"version":3,"file":"edge-toolbar.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edge-toolbar/edge-toolbar.component.ts"],"names":[],"mappings":";AAIA;;;;;;;;;;;GAWG;AACH,qBAea,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqB;IAE3C,kDAAkD;IAClD,QAAQ,CAAC,MAAM,8CAA4B;IAE3C,+CAA+C;IAC/C,QAAQ,CAAC,CAAC,8CAA4B;IAEtC,6CAA6C;IAC7C,QAAQ,CAAC,CAAC,8CAA4B;IAEtC,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,mEAAgD;IAE/D,6CAA6C;IAC7C,QAAQ,CAAC,MAAM,mEAAgD;IAE/D,0EAA0E;IAC1E,QAAQ,CAAC,SAAS,2DAAyC;IAE3D,QAAQ,CAAC,UAAU,0CAKhB;IAEH,QAAQ,CAAC,MAAM,sCAGZ;IAEH,QAAQ,CAAC,gBAAgB,yCAMtB;yCAvCQ,oBAAoB;2CAApB,oBAAoB;CAwChC"}

package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.js

@@ -2,6 +2,18 @@ import { Component, ChangeDetectionStrategy, input, inject, computed } from '@an
 import { getEdgeToolbarTransform } from '@angflow/system';
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
+/**
+ * Floating toolbar anchored to a fixed `(x, y)` in flow coordinates — typically
+ * placed near an edge's midpoint. By default it shows only while the owning
+ * edge is selected.
+ *
+ * @example
+ * ```html
+ * <ng-flow-edge-toolbar [edgeId]="edge.id" [x]="labelX" [y]="labelY">
+ *   <button (click)="remove(edge.id)">Delete</button>
+ * </ng-flow-edge-toolbar>
+ * ```
+ */
 export class EdgeToolbarComponent {
     constructor() {
         this.store = inject(FlowStore);

package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"edge-toolbar.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edge-toolbar/edge-toolbar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAiB9D,MAAM,OAAO,oBAAoB;IAfjC;QAgBmB,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE3C,kDAAkD;QACzC,WAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU,CAAC;QAE3C,+CAA+C;QACtC,MAAC,GAAG,KAAK,CAAC,QAAQ,uEAAU,CAAC;QAEtC,6CAA6C;QACpC,MAAC,GAAG,KAAK,CAAC,QAAQ,uEAAU,CAAC;QAEtC,+CAA+C;QACtC,WAAM,GAAG,KAAK,CAA8B,QAAQ,6EAAC,CAAC;QAE/D,6CAA6C;QACpC,WAAM,GAAG,KAAK,CAA8B,QAAQ,6EAAC,CAAC;QAE/D,0EAA0E;QACjE,cAAS,GAAG,KAAK,CAAsB,SAAS,gFAAC,CAAC;QAElD,eAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;YAClC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7B,IAAI,GAAG,KAAK,SAAS;gBAAE,OAAO,GAAG,CAAC;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,OAAO,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;QACjC,CAAC,iFAAC,CAAC;QAEM,WAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,OAAO,CAAE,IAAY,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC,6EAAC,CAAC;QAEM,qBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;YACxC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YAC9C,qEAAqE;YACrE,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;YAChC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;YAChC,OAAO,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC7E,CAAC,uFAAC,CAAC;KACJ;8GAxCY,oBAAoB;kGAApB,oBAAoB,umCAFrB,gBAAgB;;2FAEf,oBAAoB;kBAfhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,6CAA6C;wBACtD,iBAAiB,EAAE,iCAAiC;wBACpD,kBAAkB,EAAE,YAAY;wBAChC,mBAAmB,EAAE,oBAAoB;wBACzC,0BAA0B,EAAE,OAAO;wBACnC,iBAAiB,EAAE,UAAU;wBAC7B,wBAAwB,EAAE,OAAO;qBAClC;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}
+{"version":3,"file":"edge-toolbar.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edge-toolbar/edge-toolbar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAE9D;;;;;;;;;;;GAWG;AAgBH,MAAM,OAAO,oBAAoB;IAfjC;QAgBmB,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE3C,kDAAkD;QACzC,WAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU,CAAC;QAE3C,+CAA+C;QACtC,MAAC,GAAG,KAAK,CAAC,QAAQ,uEAAU,CAAC;QAEtC,6CAA6C;QACpC,MAAC,GAAG,KAAK,CAAC,QAAQ,uEAAU,CAAC;QAEtC,+CAA+C;QACtC,WAAM,GAAG,KAAK,CAA8B,QAAQ,6EAAC,CAAC;QAE/D,6CAA6C;QACpC,WAAM,GAAG,KAAK,CAA8B,QAAQ,6EAAC,CAAC;QAE/D,0EAA0E;QACjE,cAAS,GAAG,KAAK,CAAsB,SAAS,gFAAC,CAAC;QAElD,eAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;YAClC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7B,IAAI,GAAG,KAAK,SAAS;gBAAE,OAAO,GAAG,CAAC;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,OAAO,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;QACjC,CAAC,iFAAC,CAAC;QAEM,WAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,OAAO,CAAE,IAAY,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC,6EAAC,CAAC;QAEM,qBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;YACxC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YAC9C,qEAAqE;YACrE,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;YAChC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;YAChC,OAAO,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC7E,CAAC,uFAAC,CAAC;KACJ;8GAxCY,oBAAoB;kGAApB,oBAAoB,umCAFrB,gBAAgB;;2FAEf,oBAAoB;kBAfhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,6CAA6C;wBACtD,iBAAiB,EAAE,iCAAiC;wBACpD,kBAAkB,EAAE,YAAY;wBAChC,mBAAmB,EAAE,oBAAoB;wBACzC,0BAA0B,EAAE,OAAO;wBACnC,iBAAiB,EAAE,UAAU;wBAC7B,wBAAwB,EAAE,OAAO;qBAClC;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}

package/dist/esm/lib/components/edges/base-edge.component.d.ts

@@ -1,9 +1,32 @@
 import * as i0 from "@angular/core";
+/**
+ * Low-level edge renderer. Draws the SVG path and an invisible wider
+ * "interaction" path (for easier pointer targeting). Use this as the building
+ * block for custom edge components — feed it a precomputed `path` string.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'my-edge',
+ *   imports: [BaseEdgeComponent],
+ *   template: `<ng-flow-base-edge [path]="path()" [markerEnd]="markerEnd()" />`,
+ * })
+ * export class MyEdge {
+ *   readonly sourceX = input(0); // ...etc
+ *   readonly path = computed(() => getBezierPath({ ... })[0]);
+ * }
+ * ```
+ */
 export declare class BaseEdgeComponent {
+    /** SVG path data (`d` attribute) to render. */
     readonly path: import("@angular/core").InputSignal<string>;
+    /** SVG `url(#…)` reference for a marker drawn at the path start. */
     readonly markerStart: import("@angular/core").InputSignal<string | undefined>;
+    /** SVG `url(#…)` reference for a marker drawn at the path end. */
     readonly markerEnd: import("@angular/core").InputSignal<string | undefined>;
+    /** Inline CSS applied to the visible path (stroke, color, dash, etc.). */
     readonly style: import("@angular/core").InputSignal<string | undefined>;
+    /** Width of the invisible interaction path used for pointer targeting. Set to `0` to disable. */
     readonly interactionWidth: import("@angular/core").InputSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseEdgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BaseEdgeComponent, "ng-flow-base-edge", never, { "path": { "alias": "path"; "required": true; "isSignal": true; }; "markerStart": { "alias": "markerStart"; "required": false; "isSignal": true; }; "markerEnd": { "alias": "markerEnd"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "interactionWidth": { "alias": "interactionWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/dist/esm/lib/components/edges/base-edge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/base-edge.component.ts"],"names":[],"mappings":";AAEA,qBAiCa,iBAAiB;IAC5B,QAAQ,CAAC,IAAI,8CAA4B;IACzC,QAAQ,CAAC,WAAW,0DAAmB;IACvC,QAAQ,CAAC,SAAS,0DAAmB;IACrC,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,gBAAgB,8CAAqB;yCALnC,iBAAiB;2CAAjB,iBAAiB;CAM7B"}
+{"version":3,"file":"base-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/base-edge.component.ts"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAiCa,iBAAiB;IAC5B,+CAA+C;IAC/C,QAAQ,CAAC,IAAI,8CAA4B;IACzC,oEAAoE;IACpE,QAAQ,CAAC,WAAW,0DAAmB;IACvC,kEAAkE;IAClE,QAAQ,CAAC,SAAS,0DAAmB;IACrC,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,0DAAmB;IACjC,iGAAiG;IACjG,QAAQ,CAAC,gBAAgB,8CAAqB;yCAVnC,iBAAiB;2CAAjB,iBAAiB;CAW7B"}

package/dist/esm/lib/components/edges/base-edge.component.js

@@ -1,34 +1,57 @@
 import { Component, ChangeDetectionStrategy, input, NO_ERRORS_SCHEMA } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Low-level edge renderer. Draws the SVG path and an invisible wider
+ * "interaction" path (for easier pointer targeting). Use this as the building
+ * block for custom edge components — feed it a precomputed `path` string.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'my-edge',
+ *   imports: [BaseEdgeComponent],
+ *   template: `<ng-flow-base-edge [path]="path()" [markerEnd]="markerEnd()" />`,
+ * })
+ * export class MyEdge {
+ *   readonly sourceX = input(0); // ...etc
+ *   readonly path = computed(() => getBezierPath({ ... })[0]);
+ * }
+ * ```
+ */
 export class BaseEdgeComponent {
     constructor() {
+        /** SVG path data (`d` attribute) to render. */
         this.path = input.required(...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+        /** SVG `url(#…)` reference for a marker drawn at the path start. */
         this.markerStart = input(...(ngDevMode ? [undefined, { debugName: "markerStart" }] : /* istanbul ignore next */ []));
+        /** SVG `url(#…)` reference for a marker drawn at the path end. */
         this.markerEnd = input(...(ngDevMode ? [undefined, { debugName: "markerEnd" }] : /* istanbul ignore next */ []));
+        /** Inline CSS applied to the visible path (stroke, color, dash, etc.). */
         this.style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
+        /** Width of the invisible interaction path used for pointer targeting. Set to `0` to disable. */
         this.interactionWidth = input(20, ...(ngDevMode ? [{ debugName: "interactionWidth" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BaseEdgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: BaseEdgeComponent, isStandalone: true, selector: "ng-flow-base-edge", inputs: { path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: true, transformFunction: null }, markerStart: { classPropertyName: "markerStart", publicName: "markerStart", isSignal: true, isRequired: false, transformFunction: null }, markerEnd: { classPropertyName: "markerEnd", publicName: "markerEnd", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, interactionWidth: { classPropertyName: "interactionWidth", publicName: "interactionWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
-    <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;">
-      @if (interactionWidth()) {
-        <path
-          class="xy-flow__edge-interaction"
-          [attr.d]="path()"
-          fill="none"
-          stroke="transparent"
-          [attr.stroke-width]="interactionWidth()"
-          style="pointer-events: stroke;"
-        />
-      }
-      <path
-        class="xy-flow__edge-path"
-        [attr.d]="path()"
-        [attr.marker-start]="markerStart()"
-        [attr.marker-end]="markerEnd()"
-        [attr.style]="style()"
-      />
-    </svg>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: BaseEdgeComponent, isStandalone: true, selector: "ng-flow-base-edge", inputs: { path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: true, transformFunction: null }, markerStart: { classPropertyName: "markerStart", publicName: "markerStart", isSignal: true, isRequired: false, transformFunction: null }, markerEnd: { classPropertyName: "markerEnd", publicName: "markerEnd", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, interactionWidth: { classPropertyName: "interactionWidth", publicName: "interactionWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
+    <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;">
+      @if (interactionWidth()) {
+        <path
+          class="xy-flow__edge-interaction"
+          [attr.d]="path()"
+          fill="none"
+          stroke="transparent"
+          [attr.stroke-width]="interactionWidth()"
+          style="pointer-events: stroke;"
+        />
+      }
+      <path
+        class="xy-flow__edge-path"
+        [attr.d]="path()"
+        [attr.marker-start]="markerStart()"
+        [attr.marker-end]="markerEnd()"
+        [attr.style]="style()"
+      />
+    </svg>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BaseEdgeComponent, decorators: [{
@@ -44,26 +67,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                     // (Angular creates the dynamic component's host in the XHTML namespace even
                     // when it sits inside an <svg>, so raw <path> children would render as unknown
                     // HTML elements without this wrapper).
-                    template: `
-    <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;">
-      @if (interactionWidth()) {
-        <path
-          class="xy-flow__edge-interaction"
-          [attr.d]="path()"
-          fill="none"
-          stroke="transparent"
-          [attr.stroke-width]="interactionWidth()"
-          style="pointer-events: stroke;"
-        />
-      }
-      <path
-        class="xy-flow__edge-path"
-        [attr.d]="path()"
-        [attr.marker-start]="markerStart()"
-        [attr.marker-end]="markerEnd()"
-        [attr.style]="style()"
-      />
-    </svg>
+                    template: `
+    <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;">
+      @if (interactionWidth()) {
+        <path
+          class="xy-flow__edge-interaction"
+          [attr.d]="path()"
+          fill="none"
+          stroke="transparent"
+          [attr.stroke-width]="interactionWidth()"
+          style="pointer-events: stroke;"
+        />
+      }
+      <path
+        class="xy-flow__edge-path"
+        [attr.d]="path()"
+        [attr.marker-start]="markerStart()"
+        [attr.marker-end]="markerEnd()"
+        [attr.style]="style()"
+      />
+    </svg>
   `,
                 }]
         }], propDecorators: { path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: true }] }], markerStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerStart", required: false }] }], markerEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerEnd", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], interactionWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactionWidth", required: false }] }] } });

package/dist/esm/lib/components/edges/base-edge.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/base-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;AAmC5F,MAAM,OAAO,iBAAiB;IAjC9B;QAkCW,SAAI,GAAG,KAAK,CAAC,QAAQ,0EAAU,CAAC;QAChC,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,qBAAgB,GAAG,KAAK,CAAS,EAAE,uFAAC,CAAC;KAC/C;8GANY,iBAAiB;kGAAjB,iBAAiB,4xBAtBlB;;;;;;;;;;;;;;;;;;;;GAoBT;;2FAEU,iBAAiB;kBAjC7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;oBACvC,8EAA8E;oBAC9E,+EAA+E;oBAC/E,4EAA4E;oBAC5E,+EAA+E;oBAC/E,uCAAuC;oBACvC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;GAoBT;iBACF"}
+{"version":3,"file":"base-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/base-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;AAE5F;;;;;;;;;;;;;;;;;GAiBG;AAkCH,MAAM,OAAO,iBAAiB;IAjC9B;QAkCE,+CAA+C;QACtC,SAAI,GAAG,KAAK,CAAC,QAAQ,0EAAU,CAAC;QACzC,oEAAoE;QAC3D,gBAAW,GAAG,KAAK,4FAAU,CAAC;QACvC,kEAAkE;QACzD,cAAS,GAAG,KAAK,0FAAU,CAAC;QACrC,0EAA0E;QACjE,UAAK,GAAG,KAAK,sFAAU,CAAC;QACjC,iGAAiG;QACxF,qBAAgB,GAAG,KAAK,CAAS,EAAE,uFAAC,CAAC;KAC/C;8GAXY,iBAAiB;kGAAjB,iBAAiB,4xBAtBlB;;;;;;;;;;;;;;;;;;;;GAoBT;;2FAEU,iBAAiB;kBAjC7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;oBACvC,8EAA8E;oBAC9E,+EAA+E;oBAC/E,4EAA4E;oBAC5E,+EAA+E;oBAC/E,uCAAuC;oBACvC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;GAoBT;iBACF"}

package/dist/esm/lib/components/edges/bezier-edge.component.d.ts

@@ -1,5 +1,9 @@
 import { Position, type BezierPathOptions, type Handle } from '@angflow/system';
 import * as i0 from "@angular/core";
+/**
+ * Default cubic-bezier edge. Registered as the `'default'` edge type in
+ * `<ng-flow>`; pass a `pathOptions` input to tweak the curvature.
+ */
 export declare class BezierEdgeComponent {
     readonly id: import("@angular/core").InputSignal<string | undefined>;
     readonly source: import("@angular/core").InputSignal<string | undefined>;

package/dist/esm/lib/components/edges/bezier-edge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bezier-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/bezier-edge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,QAAQ,EAAE,KAAK,iBAAiB,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAG/F,qBAea,mBAAmB;IAC9B,QAAQ,CAAC,EAAE,0DAAmB;IAC9B,QAAQ,CAAC,MAAM,0DAAmB;IAClC,QAAQ,CAAC,MAAM,0DAAmB;IAClC,QAAQ,CAAC,IAAI,0DAAmB;IAChC,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,IAAI,2CAAgB;IAC7B,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,cAAc,gDAAoC;IAC3D,QAAQ,CAAC,cAAc,gDAAiC;IACxD,QAAQ,CAAC,WAAW,0DAAmB;IACvC,QAAQ,CAAC,SAAS,0DAAmB;IACrC,QAAQ,CAAC,gBAAgB,0DAAmB;IAC5C,QAAQ,CAAC,WAAW,qEAA8B;IAClD,QAAQ,CAAC,cAAc,iEAA0B;IACjD,QAAQ,CAAC,cAAc,iEAA0B;IACjD,QAAQ,CAAC,UAAU,2DAAoB;IACvC,QAAQ,CAAC,SAAS,2DAAoB;IACtC,QAAQ,CAAC,YAAY,qDAA8B;IACnD,QAAQ,CAAC,YAAY,qDAA8B;IAEnD,QAAQ,CAAC,QAAQ,yCAWd;yCArCQ,mBAAmB;2CAAnB,mBAAmB;CAsC/B"}
+{"version":3,"file":"bezier-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/bezier-edge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,QAAQ,EAAE,KAAK,iBAAiB,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAG/F;;;GAGG;AACH,qBAea,mBAAmB;IAC9B,QAAQ,CAAC,EAAE,0DAAmB;IAC9B,QAAQ,CAAC,MAAM,0DAAmB;IAClC,QAAQ,CAAC,MAAM,0DAAmB;IAClC,QAAQ,CAAC,IAAI,0DAAmB;IAChC,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,IAAI,2CAAgB;IAC7B,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,cAAc,gDAAoC;IAC3D,QAAQ,CAAC,cAAc,gDAAiC;IACxD,QAAQ,CAAC,WAAW,0DAAmB;IACvC,QAAQ,CAAC,SAAS,0DAAmB;IACrC,QAAQ,CAAC,gBAAgB,0DAAmB;IAC5C,QAAQ,CAAC,WAAW,qEAA8B;IAClD,QAAQ,CAAC,cAAc,iEAA0B;IACjD,QAAQ,CAAC,cAAc,iEAA0B;IACjD,QAAQ,CAAC,UAAU,2DAAoB;IACvC,QAAQ,CAAC,SAAS,2DAAoB;IACtC,QAAQ,CAAC,YAAY,qDAA8B;IACnD,QAAQ,CAAC,YAAY,qDAA8B;IAEnD,QAAQ,CAAC,QAAQ,yCAWd;yCArCQ,mBAAmB;2CAAnB,mBAAmB;CAsC/B"}

package/dist/esm/lib/components/edges/bezier-edge.component.js

@@ -2,6 +2,10 @@ import { Component, ChangeDetectionStrategy, input, computed } from '@angular/co
 import { getBezierPath, Position } from '@angflow/system';
 import { BaseEdgeComponent } from './base-edge.component';
 import * as i0 from "@angular/core";
+/**
+ * Default cubic-bezier edge. Registered as the `'default'` edge type in
+ * `<ng-flow>`; pass a `pathOptions` input to tweak the curvature.
+ */
 export class BezierEdgeComponent {
     constructor() {
         this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));

package/dist/esm/lib/components/edges/bezier-edge.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"bezier-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/bezier-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAuC,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAiB1D,MAAM,OAAO,mBAAmB;IAfhC;QAgBW,OAAE,GAAG,KAAK,mFAAU,CAAC;QACrB,WAAM,GAAG,KAAK,uFAAU,CAAC;QACzB,WAAM,GAAG,KAAK,uFAAU,CAAC;QACzB,SAAI,GAAG,KAAK,qFAAU,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,SAAI,GAAG,KAAK,qFAAO,CAAC;QACpB,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,MAAM,qFAAC,CAAC;QAClD,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,GAAG,qFAAC,CAAC;QAC/C,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,qBAAgB,GAAG,KAAK,iGAAU,CAAC;QACnC,gBAAW,GAAG,KAAK,4FAAqB,CAAC;QACzC,mBAAc,GAAG,KAAK,+FAAiB,CAAC;QACxC,mBAAc,GAAG,KAAK,+FAAiB,CAAC;QACxC,eAAU,GAAG,KAAK,2FAAW,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAW,CAAC;QAC7B,iBAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC,CAAC;QAC1C,iBAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC,CAAC;QAE1C,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,GAAG,IAAI,CAAC,WAAW,EAAE;aACtB,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,+EAAC,CAAC;KACJ;8GAtCY,mBAAmB;kGAAnB,mBAAmB,8uGATpB;;;;;;;GAOT,4DAVS,iBAAiB;;2FAYhB,mBAAmB;kBAf/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;oBACvC,QAAQ,EAAE;;;;;;;GAOT;iBACF"}
+{"version":3,"file":"bezier-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/bezier-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAuC,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAE1D;;;GAGG;AAgBH,MAAM,OAAO,mBAAmB;IAfhC;QAgBW,OAAE,GAAG,KAAK,mFAAU,CAAC;QACrB,WAAM,GAAG,KAAK,uFAAU,CAAC;QACzB,WAAM,GAAG,KAAK,uFAAU,CAAC;QACzB,SAAI,GAAG,KAAK,qFAAU,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,SAAI,GAAG,KAAK,qFAAO,CAAC;QACpB,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,MAAM,qFAAC,CAAC;QAClD,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,GAAG,qFAAC,CAAC;QAC/C,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,qBAAgB,GAAG,KAAK,iGAAU,CAAC;QACnC,gBAAW,GAAG,KAAK,4FAAqB,CAAC;QACzC,mBAAc,GAAG,KAAK,+FAAiB,CAAC;QACxC,mBAAc,GAAG,KAAK,+FAAiB,CAAC;QACxC,eAAU,GAAG,KAAK,2FAAW,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAW,CAAC;QAC7B,iBAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC,CAAC;QAC1C,iBAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC,CAAC;QAE1C,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,GAAG,IAAI,CAAC,WAAW,EAAE;aACtB,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,+EAAC,CAAC;KACJ;8GAtCY,mBAAmB;kGAAnB,mBAAmB,8uGATpB;;;;;;;GAOT,4DAVS,iBAAiB;;2FAYhB,mBAAmB;kBAf/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;oBACvC,QAAQ,EAAE;;;;;;;GAOT;iBACF"}

package/dist/esm/lib/components/edges/edge-text.component.d.ts

@@ -1,4 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * Helper that renders a text label centered at `(x, y)` in flow coordinates,
+ * with a small background for readability. Place inside an SVG edge template.
+ */
 export declare class EdgeTextComponent {
     readonly x: import("@angular/core").InputSignal<number>;
     readonly y: import("@angular/core").InputSignal<number>;

package/dist/esm/lib/components/edges/edge-text.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edge-text.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/edge-text.component.ts"],"names":[],"mappings":";AAEA,qBAmBa,iBAAiB;IAC5B,QAAQ,CAAC,CAAC,8CAAY;IACtB,QAAQ,CAAC,CAAC,8CAAY;IACtB,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,MAAM,8CAAa;yCALjB,iBAAiB;2CAAjB,iBAAiB;CAM7B"}
+{"version":3,"file":"edge-text.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/edge-text.component.ts"],"names":[],"mappings":";AAEA;;;GAGG;AACH,qBAmBa,iBAAiB;IAC5B,QAAQ,CAAC,CAAC,8CAAY;IACtB,QAAQ,CAAC,CAAC,8CAAY;IACtB,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,KAAK,8CAAa;IAC3B,QAAQ,CAAC,MAAM,8CAAa;yCALjB,iBAAiB;2CAAjB,iBAAiB;CAM7B"}

package/dist/esm/lib/components/edges/edge-text.component.js

@@ -1,5 +1,9 @@
 import { Component, ChangeDetectionStrategy, input } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Helper that renders a text label centered at `(x, y)` in flow coordinates,
+ * with a small background for readability. Place inside an SVG edge template.
+ */
 export class EdgeTextComponent {
     constructor() {
         this.x = input(0, ...(ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []));
@@ -9,19 +13,19 @@ export class EdgeTextComponent {
         this.height = input(20, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: EdgeTextComponent, isStandalone: true, selector: "ng-flow-edge-text", inputs: { x: { classPropertyName: "x", publicName: "x", isSignal: true, isRequired: false, transformFunction: null }, y: { classPropertyName: "y", publicName: "y", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <foreignObject
-      [attr.width]="width()"
-      [attr.height]="height()"
-      [attr.x]="x() - width() / 2"
-      [attr.y]="y() - height() / 2"
-      class="xy-flow__edge-textwrapper"
-      requiredExtensions="http://www.w3.org/1999/xhtml"
-    >
-      <div class="xy-flow__edge-textbg" xmlns="http://www.w3.org/1999/xhtml">
-        <span class="xy-flow__edge-text">{{ label() }}</span>
-      </div>
-    </foreignObject>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: EdgeTextComponent, isStandalone: true, selector: "ng-flow-edge-text", inputs: { x: { classPropertyName: "x", publicName: "x", isSignal: true, isRequired: false, transformFunction: null }, y: { classPropertyName: "y", publicName: "y", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <foreignObject
+      [attr.width]="width()"
+      [attr.height]="height()"
+      [attr.x]="x() - width() / 2"
+      [attr.y]="y() - height() / 2"
+      class="xy-flow__edge-textwrapper"
+      requiredExtensions="http://www.w3.org/1999/xhtml"
+    >
+      <div class="xy-flow__edge-textbg" xmlns="http://www.w3.org/1999/xhtml">
+        <span class="xy-flow__edge-text">{{ label() }}</span>
+      </div>
+    </foreignObject>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeTextComponent, decorators: [{
@@ -30,19 +34,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                     selector: 'ng-flow-edge-text',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <foreignObject
-      [attr.width]="width()"
-      [attr.height]="height()"
-      [attr.x]="x() - width() / 2"
-      [attr.y]="y() - height() / 2"
-      class="xy-flow__edge-textwrapper"
-      requiredExtensions="http://www.w3.org/1999/xhtml"
-    >
-      <div class="xy-flow__edge-textbg" xmlns="http://www.w3.org/1999/xhtml">
-        <span class="xy-flow__edge-text">{{ label() }}</span>
-      </div>
-    </foreignObject>
+                    template: `
+    <foreignObject
+      [attr.width]="width()"
+      [attr.height]="height()"
+      [attr.x]="x() - width() / 2"
+      [attr.y]="y() - height() / 2"
+      class="xy-flow__edge-textwrapper"
+      requiredExtensions="http://www.w3.org/1999/xhtml"
+    >
+      <div class="xy-flow__edge-textbg" xmlns="http://www.w3.org/1999/xhtml">
+        <span class="xy-flow__edge-text">{{ label() }}</span>
+      </div>
+    </foreignObject>
   `,
                 }]
         }], propDecorators: { x: [{ type: i0.Input, args: [{ isSignal: true, alias: "x", required: false }] }], y: [{ type: i0.Input, args: [{ isSignal: true, alias: "y", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });

package/dist/esm/lib/components/edges/edge-text.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"edge-text.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/edge-text.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAqB1E,MAAM,OAAO,iBAAiB;IAnB9B;QAoBW,MAAC,GAAG,KAAK,CAAC,CAAC,wEAAC,CAAC;QACb,MAAC,GAAG,KAAK,CAAC,CAAC,wEAAC,CAAC;QACb,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,UAAK,GAAG,KAAK,CAAC,EAAE,4EAAC,CAAC;QAClB,WAAM,GAAG,KAAK,CAAC,EAAE,6EAAC,CAAC;KAC7B;8GANY,iBAAiB;kGAAjB,iBAAiB,4pBAflB;;;;;;;;;;;;;GAaT;;2FAEU,iBAAiB;kBAnB7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;;;;GAaT;iBACF"}
+{"version":3,"file":"edge-text.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/edge-text.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAE1E;;;GAGG;AAoBH,MAAM,OAAO,iBAAiB;IAnB9B;QAoBW,MAAC,GAAG,KAAK,CAAC,CAAC,wEAAC,CAAC;QACb,MAAC,GAAG,KAAK,CAAC,CAAC,wEAAC,CAAC;QACb,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,UAAK,GAAG,KAAK,CAAC,EAAE,4EAAC,CAAC;QAClB,WAAM,GAAG,KAAK,CAAC,EAAE,6EAAC,CAAC;KAC7B;8GANY,iBAAiB;kGAAjB,iBAAiB,4pBAflB;;;;;;;;;;;;;GAaT;;2FAEU,iBAAiB;kBAnB7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;;;;GAaT;iBACF"}

package/dist/esm/lib/components/edges/simple-bezier-edge.component.d.ts

@@ -1,5 +1,9 @@
 import { Position, type Handle } from '@angflow/system';
 import * as i0 from "@angular/core";
+/**
+ * Cubic-bezier edge with a simpler curve approximation than `BezierEdgeComponent`.
+ * Cheaper to compute; useful when rendering many edges.
+ */
 export declare class SimpleBezierEdgeComponent {
     readonly id: import("@angular/core").InputSignal<string | undefined>;
     readonly sourceX: import("@angular/core").InputSignal<number>;

package/dist/esm/lib/components/edges/simple-bezier-edge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-bezier-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/simple-bezier-edge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAGvE,qBAca,yBAAyB;IACpC,QAAQ,CAAC,EAAE,0DAAmB;IAC9B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,cAAc,gDAAoC;IAC3D,QAAQ,CAAC,cAAc,gDAAiC;IACxD,QAAQ,CAAC,IAAI,2CAAgB;IAC7B,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,WAAW,0DAAmB;IACvC,QAAQ,CAAC,SAAS,0DAAmB;IACrC,QAAQ,CAAC,gBAAgB,0DAAmB;IAC5C,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,YAAY,qDAA8B;IACnD,QAAQ,CAAC,YAAY,qDAA8B;IAEnD,QAAQ,CAAC,QAAQ,yCAUd;yCA3BQ,yBAAyB;2CAAzB,yBAAyB;CA4BrC"}
+{"version":3,"file":"simple-bezier-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/simple-bezier-edge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAGvE;;;GAGG;AACH,qBAca,yBAAyB;IACpC,QAAQ,CAAC,EAAE,0DAAmB;IAC9B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,cAAc,gDAAoC;IAC3D,QAAQ,CAAC,cAAc,gDAAiC;IACxD,QAAQ,CAAC,IAAI,2CAAgB;IAC7B,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,WAAW,0DAAmB;IACvC,QAAQ,CAAC,SAAS,0DAAmB;IACrC,QAAQ,CAAC,gBAAgB,0DAAmB;IAC5C,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,YAAY,qDAA8B;IACnD,QAAQ,CAAC,YAAY,qDAA8B;IAEnD,QAAQ,CAAC,QAAQ,yCAUd;yCA3BQ,yBAAyB;2CAAzB,yBAAyB;CA4BrC"}

package/dist/esm/lib/components/edges/simple-bezier-edge.component.js

@@ -2,6 +2,10 @@ import { Component, ChangeDetectionStrategy, input, computed } from '@angular/co
 import { getBezierPath, Position } from '@angflow/system';
 import { BaseEdgeComponent } from './base-edge.component';
 import * as i0 from "@angular/core";
+/**
+ * Cubic-bezier edge with a simpler curve approximation than `BezierEdgeComponent`.
+ * Cheaper to compute; useful when rendering many edges.
+ */
 export class SimpleBezierEdgeComponent {
     constructor() {
         this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));

package/dist/esm/lib/components/edges/simple-bezier-edge.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-bezier-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/simple-bezier-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAe,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAgB1D,MAAM,OAAO,yBAAyB;IAdtC;QAeW,OAAE,GAAG,KAAK,mFAAU,CAAC;QACrB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,MAAM,qFAAC,CAAC;QAClD,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,GAAG,qFAAC,CAAC;QAC/C,SAAI,GAAG,KAAK,qFAAO,CAAC;QACpB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,qBAAgB,GAAG,KAAK,iGAAU,CAAC;QACnC,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,iBAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC,CAAC;QAC1C,iBAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC,CAAC;QAE1C,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;aACtC,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,+EAAC,CAAC;KACJ;8GA5BY,yBAAyB;kGAAzB,yBAAyB,8hEAT1B;;;;;;;GAOT,4DATS,iBAAiB;;2FAWhB,yBAAyB;kBAdrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;GAOT;iBACF"}
+{"version":3,"file":"simple-bezier-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/simple-bezier-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAe,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAE1D;;;GAGG;AAeH,MAAM,OAAO,yBAAyB;IAdtC;QAeW,OAAE,GAAG,KAAK,mFAAU,CAAC;QACrB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,MAAM,qFAAC,CAAC;QAClD,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,GAAG,qFAAC,CAAC;QAC/C,SAAI,GAAG,KAAK,qFAAO,CAAC;QACpB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,qBAAgB,GAAG,KAAK,iGAAU,CAAC;QACnC,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,iBAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC,CAAC;QAC1C,iBAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC,CAAC;QAE1C,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;aACtC,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,+EAAC,CAAC;KACJ;8GA5BY,yBAAyB;kGAAzB,yBAAyB,8hEAT1B;;;;;;;GAOT,4DATS,iBAAiB;;2FAWhB,yBAAyB;kBAdrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;GAOT;iBACF"}

package/dist/esm/lib/components/edges/smooth-step-edge.component.d.ts

@@ -1,5 +1,6 @@
 import { Position, type SmoothStepPathOptions, type Handle } from '@angflow/system';
 import * as i0 from "@angular/core";
+/** Edge rendered as orthogonal step segments with rounded corners. */
 export declare class SmoothStepEdgeComponent {
     readonly id: import("@angular/core").InputSignal<string | undefined>;
     readonly sourceX: import("@angular/core").InputSignal<number>;

package/dist/esm/lib/components/edges/smooth-step-edge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"smooth-step-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/smooth-step-edge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,QAAQ,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAGvG,qBAca,uBAAuB;IAClC,QAAQ,CAAC,EAAE,0DAAmB;IAC9B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,cAAc,gDAAoC;IAC3D,QAAQ,CAAC,cAAc,gDAAiC;IACxD,QAAQ,CAAC,IAAI,2CAAgB;IAC7B,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,WAAW,0DAAmB;IACvC,QAAQ,CAAC,SAAS,0DAAmB;IACrC,QAAQ,CAAC,gBAAgB,0DAAmB;IAC5C,QAAQ,CAAC,WAAW,yEAAkC;IACtD,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,YAAY,qDAA8B;IACnD,QAAQ,CAAC,YAAY,qDAA8B;IAEnD,QAAQ,CAAC,QAAQ,yCAWd;yCA7BQ,uBAAuB;2CAAvB,uBAAuB;CA8BnC"}
+{"version":3,"file":"smooth-step-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/smooth-step-edge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,QAAQ,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAGvG,sEAAsE;AACtE,qBAca,uBAAuB;IAClC,QAAQ,CAAC,EAAE,0DAAmB;IAC9B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,OAAO,8CAAY;IAC5B,QAAQ,CAAC,cAAc,gDAAoC;IAC3D,QAAQ,CAAC,cAAc,gDAAiC;IACxD,QAAQ,CAAC,IAAI,2CAAgB;IAC7B,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,WAAW,0DAAmB;IACvC,QAAQ,CAAC,SAAS,0DAAmB;IACrC,QAAQ,CAAC,gBAAgB,0DAAmB;IAC5C,QAAQ,CAAC,WAAW,yEAAkC;IACtD,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,YAAY,qDAA8B;IACnD,QAAQ,CAAC,YAAY,qDAA8B;IAEnD,QAAQ,CAAC,QAAQ,yCAWd;yCA7BQ,uBAAuB;2CAAvB,uBAAuB;CA8BnC"}

package/dist/esm/lib/components/edges/smooth-step-edge.component.js

@@ -2,6 +2,7 @@ import { Component, ChangeDetectionStrategy, input, computed } from '@angular/co
 import { getSmoothStepPath, Position } from '@angflow/system';
 import { BaseEdgeComponent } from './base-edge.component';
 import * as i0 from "@angular/core";
+/** Edge rendered as orthogonal step segments with rounded corners. */
 export class SmoothStepEdgeComponent {
     constructor() {
         this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));