@angflow/angular 0.0.13 → 0.0.14

package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.d.ts

@@ -1,4 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * Screen-reader-only descriptions referenced by node, edge, and handle
+ * `aria-describedby` attributes. Rendered internally by `<ng-flow>`.
+ */
 export declare class A11yDescriptionsComponent {
     private store;
     get rfId(): string;

package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a11y-descriptions.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/a11y-descriptions/a11y-descriptions.component.ts"],"names":[],"mappings":";AAGA,qBAmBa,yBAAyB;IACpC,OAAO,CAAC,KAAK,CAAqB;IAElC,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,QAAQ,CAAC,MAAM;;;;;;;;;;;;;;;;OAA8B;yCAPlC,yBAAyB;2CAAzB,yBAAyB;CAQrC"}
+{"version":3,"file":"a11y-descriptions.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/a11y-descriptions/a11y-descriptions.component.ts"],"names":[],"mappings":";AAGA;;;GAGG;AACH,qBAmBa,yBAAyB;IACpC,OAAO,CAAC,KAAK,CAAqB;IAElC,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,QAAQ,CAAC,MAAM;;;;;;;;;;;;;;;;OAA8B;yCAPlC,yBAAyB;2CAAzB,yBAAyB;CAQrC"}

package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.js

@@ -1,6 +1,10 @@
 import { Component, ChangeDetectionStrategy, inject } from '@angular/core';
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
+/**
+ * Screen-reader-only descriptions referenced by node, edge, and handle
+ * `aria-describedby` attributes. Rendered internally by `<ng-flow>`.
+ */
 export class A11yDescriptionsComponent {
     constructor() {
         this.store = inject(FlowStore);
@@ -10,16 +14,16 @@ export class A11yDescriptionsComponent {
         return this.store.rfId();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: A11yDescriptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: A11yDescriptionsComponent, isStandalone: true, selector: "ng-flow-a11y-descriptions", host: { styleAttribute: "position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;" }, ngImport: i0, template: `
-    <div [id]="rfId + '-node-desc'" class="xy-flow__sr-only">
-      {{ config()['node.a11yDescription.default'] }}
-    </div>
-    <div [id]="rfId + '-handle-desc'" class="xy-flow__sr-only">
-      {{ config()['handle.ariaLabel'] }}
-    </div>
-    <div [id]="rfId + '-edge-desc'" class="xy-flow__sr-only">
-      Edge connection
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: A11yDescriptionsComponent, isStandalone: true, selector: "ng-flow-a11y-descriptions", host: { styleAttribute: "position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;" }, ngImport: i0, template: `
+    <div [id]="rfId + '-node-desc'" class="xy-flow__sr-only">
+      {{ config()['node.a11yDescription.default'] }}
+    </div>
+    <div [id]="rfId + '-handle-desc'" class="xy-flow__sr-only">
+      {{ config()['handle.ariaLabel'] }}
+    </div>
+    <div [id]="rfId + '-edge-desc'" class="xy-flow__sr-only">
+      Edge connection
+    </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: A11yDescriptionsComponent, decorators: [{
@@ -28,16 +32,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                     selector: 'ng-flow-a11y-descriptions',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <div [id]="rfId + '-node-desc'" class="xy-flow__sr-only">
-      {{ config()['node.a11yDescription.default'] }}
-    </div>
-    <div [id]="rfId + '-handle-desc'" class="xy-flow__sr-only">
-      {{ config()['handle.ariaLabel'] }}
-    </div>
-    <div [id]="rfId + '-edge-desc'" class="xy-flow__sr-only">
-      Edge connection
-    </div>
+                    template: `
+    <div [id]="rfId + '-node-desc'" class="xy-flow__sr-only">
+      {{ config()['node.a11yDescription.default'] }}
+    </div>
+    <div [id]="rfId + '-handle-desc'" class="xy-flow__sr-only">
+      {{ config()['handle.ariaLabel'] }}
+    </div>
+    <div [id]="rfId + '-edge-desc'" class="xy-flow__sr-only">
+      Edge connection
+    </div>
   `,
                     host: {
                         'style': 'position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;',

package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11y-descriptions.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/a11y-descriptions/a11y-descriptions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAqB9D,MAAM,OAAO,yBAAyB;IAnBtC;QAoBU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAMzB,WAAM,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;KAC9C;IALC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;8GALU,yBAAyB;kGAAzB,yBAAyB,2OAf1B;;;;;;;;;;GAUT;;2FAKU,yBAAyB;kBAnBrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;GAUT;oBACD,IAAI,EAAE;wBACJ,OAAO,EAAE,0HAA0H;qBACpI;iBACF"}
+{"version":3,"file":"a11y-descriptions.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/a11y-descriptions/a11y-descriptions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAE9D;;;GAGG;AAoBH,MAAM,OAAO,yBAAyB;IAnBtC;QAoBU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAMzB,WAAM,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;KAC9C;IALC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;8GALU,yBAAyB;kGAAzB,yBAAyB,2OAf1B;;;;;;;;;;GAUT;;2FAKU,yBAAyB;kBAnBrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;GAUT;oBACD,IAAI,EAAE;wBACJ,OAAO,EAAE,0HAA0H;qBACpI;iBACF"}

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

@@ -1,4 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * Small library-attribution badge rendered in the bottom-right corner.
+ * Rendered internally by `<ng-flow>`; hide via `[hideAttribution]="true"`.
+ */
 export declare class AttributionComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributionComponent, "ng-flow-attribution", never, {}, {}, never, never, true, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"attribution.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/attribution/attribution.component.ts"],"names":[],"mappings":";AAGA,qBAgBa,oBAAoB;yCAApB,oBAAoB;2CAApB,oBAAoB;CAAG"}
+{"version":3,"file":"attribution.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/attribution/attribution.component.ts"],"names":[],"mappings":";AAGA;;;GAGG;AACH,qBAgBa,oBAAoB;yCAApB,oBAAoB;2CAApB,oBAAoB;CAAG"}

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

@@ -1,17 +1,21 @@
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { PanelComponent } from '../panel/panel.component';
 import * as i0 from "@angular/core";
+/**
+ * Small library-attribution badge rendered in the bottom-right corner.
+ * Rendered internally by `<ng-flow>`; hide via `[hideAttribution]="true"`.
+ */
 export class AttributionComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AttributionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AttributionComponent, isStandalone: true, selector: "ng-flow-attribution", ngImport: i0, template: `
-    <ng-flow-panel position="bottom-right">
-      <span
-        class="ng-flow__attribution xy-flow__attribution"
-        style="font-size: 10px; color: #999; pointer-events: all;"
-      >
-        angflow
-      </span>
-    </ng-flow-panel>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AttributionComponent, isStandalone: true, selector: "ng-flow-attribution", ngImport: i0, template: `
+    <ng-flow-panel position="bottom-right">
+      <span
+        class="ng-flow__attribution xy-flow__attribution"
+        style="font-size: 10px; color: #999; pointer-events: all;"
+      >
+        angflow
+      </span>
+    </ng-flow-panel>
   `, isInline: true, dependencies: [{ kind: "component", type: PanelComponent, selector: "ng-flow-panel", inputs: ["position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AttributionComponent, decorators: [{
@@ -21,15 +25,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                     standalone: true,
                     imports: [PanelComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <ng-flow-panel position="bottom-right">
-      <span
-        class="ng-flow__attribution xy-flow__attribution"
-        style="font-size: 10px; color: #999; pointer-events: all;"
-      >
-        angflow
-      </span>
-    </ng-flow-panel>
+                    template: `
+    <ng-flow-panel position="bottom-right">
+      <span
+        class="ng-flow__attribution xy-flow__attribution"
+        style="font-size: 10px; color: #999; pointer-events: all;"
+      >
+        angflow
+      </span>
+    </ng-flow-panel>
   `,
                 }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"attribution.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/attribution/attribution.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;;AAkB1D,MAAM,OAAO,oBAAoB;8GAApB,oBAAoB;kGAApB,oBAAoB,+EAXrB;;;;;;;;;GAST,4DAXS,cAAc;;2FAab,oBAAoB;kBAhBhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;GAST;iBACF"}
+{"version":3,"file":"attribution.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/attribution/attribution.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;;AAE1D;;;GAGG;AAiBH,MAAM,OAAO,oBAAoB;8GAApB,oBAAoB;kGAApB,oBAAoB,+EAXrB;;;;;;;;;GAST,4DAXS,cAAc;;2FAab,oBAAoB;kBAhBhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;GAST;iBACF"}

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

@@ -1,15 +1,35 @@
 import * as i0 from "@angular/core";
+/** Visual pattern rendered behind the canvas. */
 export type BackgroundVariant = 'dots' | 'lines' | 'cross';
+/**
+ * Tiled SVG background rendered behind nodes and edges. Pattern tracks the
+ * viewport so it stays aligned while panning and zooming.
+ *
+ * @example
+ * ```html
+ * <ng-flow-background variant="dots" [gap]="20" />
+ * <ng-flow-background variant="lines" color="#ddd" />
+ * ```
+ */
 export declare class BackgroundComponent {
     private store;
+    /** Pattern shape. */
     readonly variant: import("@angular/core").InputSignal<BackgroundVariant>;
+    /** Distance between pattern elements. Accepts a single number or `[x, y]`. */
     readonly gap: import("@angular/core").InputSignal<number | [number, number]>;
+    /** Dot radius (for `dots`) or cross arm length (for `cross`). */
     readonly size: import("@angular/core").InputSignal<number>;
+    /** Stroke width for `lines` and `cross` variants. Defaults match `size` for dots. */
     readonly lineWidth: import("@angular/core").InputSignal<number | undefined>;
+    /** Offset of the pattern origin from the viewport origin. */
     readonly offset: import("@angular/core").InputSignal<number | [number, number]>;
+    /** Pattern stroke/fill color. */
     readonly color: import("@angular/core").InputSignal<string | undefined>;
+    /** Solid fill drawn behind the pattern. Leave unset for transparent. */
     readonly bgColor: import("@angular/core").InputSignal<string | undefined>;
+    /** Extra CSS class applied to each generated pattern shape. */
     readonly patternClassName: import("@angular/core").InputSignal<string | undefined>;
+    /** Override the generated SVG pattern id. Aliased as `id`. */
     readonly bgId: import("@angular/core").InputSignal<string | undefined>;
     readonly patternId: import("@angular/core").Signal<string>;
     readonly zoom: import("@angular/core").Signal<number>;

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

@@ -1 +1 @@
-{"version":3,"file":"background.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/background/background.component.ts"],"names":[],"mappings":";AAGA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D,qBAgFa,mBAAmB;IAC9B,OAAO,CAAC,KAAK,CAAqB;IAElC,QAAQ,CAAC,OAAO,yDAAoC;IACpD,QAAQ,CAAC,GAAG,iEAAwC;IACpD,QAAQ,CAAC,IAAI,8CAAY;IACzB,QAAQ,CAAC,SAAS,0DAAmB;IACrC,QAAQ,CAAC,MAAM,iEAAuC;IACtD,QAAQ,CAAC,KAAK,0DAAmB;IACjC,QAAQ,CAAC,OAAO,0DAAmB;IACnC,QAAQ,CAAC,gBAAgB,0DAAmB;IAC5C,QAAQ,CAAC,IAAI,0DAAyD;IAEtE,QAAQ,CAAC,SAAS,yCAGf;IAEH,QAAQ,CAAC,IAAI,yCAA6C;IAE1D,OAAO,CAAC,QAAQ,CAAC,IAAI,CAGlB;IAEH,OAAO,CAAC,QAAQ,CAAC,IAAI,CAGlB;IAEH,OAAO,CAAC,QAAQ,CAAC,OAAO,CAGrB;IAEH,OAAO,CAAC,QAAQ,CAAC,OAAO,CAGrB;IAEH,QAAQ,CAAC,UAAU,yCAA6C;IAChE,QAAQ,CAAC,UAAU,yCAA6C;IAEhE,QAAQ,CAAC,iBAAiB,yCAIvB;IAEH,QAAQ,CAAC,aAAa;;;OAMnB;IAEH,QAAQ,CAAC,SAAS,yCAOf;yCAhEQ,mBAAmB;2CAAnB,mBAAmB;CAiE/B"}
+{"version":3,"file":"background.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/background/background.component.ts"],"names":[],"mappings":";AAGA,iDAAiD;AACjD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D;;;;;;;;;GASG;AACH,qBAgFa,mBAAmB;IAC9B,OAAO,CAAC,KAAK,CAAqB;IAElC,qBAAqB;IACrB,QAAQ,CAAC,OAAO,yDAAoC;IACpD,8EAA8E;IAC9E,QAAQ,CAAC,GAAG,iEAAwC;IACpD,iEAAiE;IACjE,QAAQ,CAAC,IAAI,8CAAY;IACzB,qFAAqF;IACrF,QAAQ,CAAC,SAAS,0DAAmB;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,MAAM,iEAAuC;IACtD,iCAAiC;IACjC,QAAQ,CAAC,KAAK,0DAAmB;IACjC,wEAAwE;IACxE,QAAQ,CAAC,OAAO,0DAAmB;IACnC,+DAA+D;IAC/D,QAAQ,CAAC,gBAAgB,0DAAmB;IAC5C,8DAA8D;IAC9D,QAAQ,CAAC,IAAI,0DAAyD;IAEtE,QAAQ,CAAC,SAAS,yCAGf;IAEH,QAAQ,CAAC,IAAI,yCAA6C;IAE1D,OAAO,CAAC,QAAQ,CAAC,IAAI,CAGlB;IAEH,OAAO,CAAC,QAAQ,CAAC,IAAI,CAGlB;IAEH,OAAO,CAAC,QAAQ,CAAC,OAAO,CAGrB;IAEH,OAAO,CAAC,QAAQ,CAAC,OAAO,CAGrB;IAEH,QAAQ,CAAC,UAAU,yCAA6C;IAChE,QAAQ,CAAC,UAAU,yCAA6C;IAEhE,QAAQ,CAAC,iBAAiB,yCAIvB;IAEH,QAAQ,CAAC,aAAa;;;OAMnB;IAEH,QAAQ,CAAC,SAAS,yCAOf;yCAzEQ,mBAAmB;2CAAnB,mBAAmB;CA0E/B"}

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

@@ -1,17 +1,36 @@
 import { Component, ChangeDetectionStrategy, input, inject, computed } from '@angular/core';
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
+/**
+ * Tiled SVG background rendered behind nodes and edges. Pattern tracks the
+ * viewport so it stays aligned while panning and zooming.
+ *
+ * @example
+ * ```html
+ * <ng-flow-background variant="dots" [gap]="20" />
+ * <ng-flow-background variant="lines" color="#ddd" />
+ * ```
+ */
 export class BackgroundComponent {
     constructor() {
         this.store = inject(FlowStore);
+        /** Pattern shape. */
         this.variant = input('dots', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        /** Distance between pattern elements. Accepts a single number or `[x, y]`. */
         this.gap = input(20, ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+        /** Dot radius (for `dots`) or cross arm length (for `cross`). */
         this.size = input(1, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** Stroke width for `lines` and `cross` variants. Defaults match `size` for dots. */
         this.lineWidth = input(...(ngDevMode ? [undefined, { debugName: "lineWidth" }] : /* istanbul ignore next */ []));
+        /** Offset of the pattern origin from the viewport origin. */
         this.offset = input(0, ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
+        /** Pattern stroke/fill color. */
         this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
+        /** Solid fill drawn behind the pattern. Leave unset for transparent. */
         this.bgColor = input(...(ngDevMode ? [undefined, { debugName: "bgColor" }] : /* istanbul ignore next */ []));
+        /** Extra CSS class applied to each generated pattern shape. */
         this.patternClassName = input(...(ngDevMode ? [undefined, { debugName: "patternClassName" }] : /* istanbul ignore next */ []));
+        /** Override the generated SVG pattern id. Aliased as `id`. */
         this.bgId = input(undefined, { ...(ngDevMode ? { debugName: "bgId" } : /* istanbul ignore next */ {}), alias: 'id' });
         this.patternId = computed(() => {
             const customId = this.bgId();
@@ -59,76 +78,76 @@ export class BackgroundComponent {
         }, ...(ngDevMode ? [{ debugName: "crossPath" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: BackgroundComponent, isStandalone: true, selector: "ng-flow-background", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, lineWidth: { classPropertyName: "lineWidth", publicName: "lineWidth", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, patternClassName: { classPropertyName: "patternClassName", publicName: "patternClassName", isSignal: true, isRequired: false, transformFunction: null }, bgId: { classPropertyName: "bgId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: -1;", classAttribute: "ng-flow__background xy-flow__background xy-flow__container" }, ngImport: i0, template: `
-    <svg
-      class="ng-flow__background-svg"
-      [style.width]="'100%'"
-      [style.height]="'100%'"
-    >
-      @if (bgColor()) {
-        <rect x="0" y="0" width="100%" height="100%" [attr.fill]="bgColor()" />
-      }
-      <defs>
-        @switch (variant()) {
-          @case ('dots') {
-            <pattern
-              [attr.id]="patternId()"
-              [attr.x]="patternOffset().x"
-              [attr.y]="patternOffset().y"
-              [attr.width]="scaledGapX()"
-              [attr.height]="scaledGapY()"
-              patternUnits="userSpaceOnUse"
-            >
-              <circle
-                [class]="'xy-flow__background-pattern dots ' + (patternClassName() ?? '')"
-                [attr.cx]="size() * zoom()"
-                [attr.cy]="size() * zoom()"
-                [attr.r]="size() * zoom()"
-                [attr.fill]="color()"
-              />
-            </pattern>
-          }
-          @case ('lines') {
-            <pattern
-              [attr.id]="patternId()"
-              [attr.x]="patternOffset().x"
-              [attr.y]="patternOffset().y"
-              [attr.width]="scaledGapX()"
-              [attr.height]="scaledGapY()"
-              patternUnits="userSpaceOnUse"
-            >
-              <path
-                [class]="'xy-flow__background-pattern lines ' + (patternClassName() ?? '')"
-                [attr.stroke]="color()"
-                [attr.stroke-width]="resolvedLineWidth() * zoom()"
-                [attr.d]="'M ' + scaledGapX() + ' 0 L 0 0 0 ' + scaledGapY()"
-              />
-            </pattern>
-          }
-          @case ('cross') {
-            <pattern
-              [attr.id]="patternId()"
-              [attr.x]="patternOffset().x"
-              [attr.y]="patternOffset().y"
-              [attr.width]="scaledGapX()"
-              [attr.height]="scaledGapY()"
-              patternUnits="userSpaceOnUse"
-            >
-              <path
-                [class]="'xy-flow__background-pattern cross ' + (patternClassName() ?? '')"
-                [attr.stroke]="color()"
-                [attr.stroke-width]="resolvedLineWidth() * zoom()"
-                [attr.d]="crossPath()"
-              />
-            </pattern>
-          }
-        }
-      </defs>
-      <rect
-        x="0" y="0" width="100%" height="100%"
-        [attr.fill]="'url(#' + patternId() + ')'"
-      />
-    </svg>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: BackgroundComponent, isStandalone: true, selector: "ng-flow-background", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, lineWidth: { classPropertyName: "lineWidth", publicName: "lineWidth", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, patternClassName: { classPropertyName: "patternClassName", publicName: "patternClassName", isSignal: true, isRequired: false, transformFunction: null }, bgId: { classPropertyName: "bgId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: -1;", classAttribute: "ng-flow__background xy-flow__background xy-flow__container" }, ngImport: i0, template: `
+    <svg
+      class="ng-flow__background-svg"
+      [style.width]="'100%'"
+      [style.height]="'100%'"
+    >
+      @if (bgColor()) {
+        <rect x="0" y="0" width="100%" height="100%" [attr.fill]="bgColor()" />
+      }
+      <defs>
+        @switch (variant()) {
+          @case ('dots') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <circle
+                [class]="'xy-flow__background-pattern dots ' + (patternClassName() ?? '')"
+                [attr.cx]="size() * zoom()"
+                [attr.cy]="size() * zoom()"
+                [attr.r]="size() * zoom()"
+                [attr.fill]="color()"
+              />
+            </pattern>
+          }
+          @case ('lines') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <path
+                [class]="'xy-flow__background-pattern lines ' + (patternClassName() ?? '')"
+                [attr.stroke]="color()"
+                [attr.stroke-width]="resolvedLineWidth() * zoom()"
+                [attr.d]="'M ' + scaledGapX() + ' 0 L 0 0 0 ' + scaledGapY()"
+              />
+            </pattern>
+          }
+          @case ('cross') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <path
+                [class]="'xy-flow__background-pattern cross ' + (patternClassName() ?? '')"
+                [attr.stroke]="color()"
+                [attr.stroke-width]="resolvedLineWidth() * zoom()"
+                [attr.d]="crossPath()"
+              />
+            </pattern>
+          }
+        }
+      </defs>
+      <rect
+        x="0" y="0" width="100%" height="100%"
+        [attr.fill]="'url(#' + patternId() + ')'"
+      />
+    </svg>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BackgroundComponent, decorators: [{
@@ -141,76 +160,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         'class': 'ng-flow__background xy-flow__background xy-flow__container',
                         'style': 'display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: -1;',
                     },
-                    template: `
-    <svg
-      class="ng-flow__background-svg"
-      [style.width]="'100%'"
-      [style.height]="'100%'"
-    >
-      @if (bgColor()) {
-        <rect x="0" y="0" width="100%" height="100%" [attr.fill]="bgColor()" />
-      }
-      <defs>
-        @switch (variant()) {
-          @case ('dots') {
-            <pattern
-              [attr.id]="patternId()"
-              [attr.x]="patternOffset().x"
-              [attr.y]="patternOffset().y"
-              [attr.width]="scaledGapX()"
-              [attr.height]="scaledGapY()"
-              patternUnits="userSpaceOnUse"
-            >
-              <circle
-                [class]="'xy-flow__background-pattern dots ' + (patternClassName() ?? '')"
-                [attr.cx]="size() * zoom()"
-                [attr.cy]="size() * zoom()"
-                [attr.r]="size() * zoom()"
-                [attr.fill]="color()"
-              />
-            </pattern>
-          }
-          @case ('lines') {
-            <pattern
-              [attr.id]="patternId()"
-              [attr.x]="patternOffset().x"
-              [attr.y]="patternOffset().y"
-              [attr.width]="scaledGapX()"
-              [attr.height]="scaledGapY()"
-              patternUnits="userSpaceOnUse"
-            >
-              <path
-                [class]="'xy-flow__background-pattern lines ' + (patternClassName() ?? '')"
-                [attr.stroke]="color()"
-                [attr.stroke-width]="resolvedLineWidth() * zoom()"
-                [attr.d]="'M ' + scaledGapX() + ' 0 L 0 0 0 ' + scaledGapY()"
-              />
-            </pattern>
-          }
-          @case ('cross') {
-            <pattern
-              [attr.id]="patternId()"
-              [attr.x]="patternOffset().x"
-              [attr.y]="patternOffset().y"
-              [attr.width]="scaledGapX()"
-              [attr.height]="scaledGapY()"
-              patternUnits="userSpaceOnUse"
-            >
-              <path
-                [class]="'xy-flow__background-pattern cross ' + (patternClassName() ?? '')"
-                [attr.stroke]="color()"
-                [attr.stroke-width]="resolvedLineWidth() * zoom()"
-                [attr.d]="crossPath()"
-              />
-            </pattern>
-          }
-        }
-      </defs>
-      <rect
-        x="0" y="0" width="100%" height="100%"
-        [attr.fill]="'url(#' + patternId() + ')'"
-      />
-    </svg>
+                    template: `
+    <svg
+      class="ng-flow__background-svg"
+      [style.width]="'100%'"
+      [style.height]="'100%'"
+    >
+      @if (bgColor()) {
+        <rect x="0" y="0" width="100%" height="100%" [attr.fill]="bgColor()" />
+      }
+      <defs>
+        @switch (variant()) {
+          @case ('dots') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <circle
+                [class]="'xy-flow__background-pattern dots ' + (patternClassName() ?? '')"
+                [attr.cx]="size() * zoom()"
+                [attr.cy]="size() * zoom()"
+                [attr.r]="size() * zoom()"
+                [attr.fill]="color()"
+              />
+            </pattern>
+          }
+          @case ('lines') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <path
+                [class]="'xy-flow__background-pattern lines ' + (patternClassName() ?? '')"
+                [attr.stroke]="color()"
+                [attr.stroke-width]="resolvedLineWidth() * zoom()"
+                [attr.d]="'M ' + scaledGapX() + ' 0 L 0 0 0 ' + scaledGapY()"
+              />
+            </pattern>
+          }
+          @case ('cross') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <path
+                [class]="'xy-flow__background-pattern cross ' + (patternClassName() ?? '')"
+                [attr.stroke]="color()"
+                [attr.stroke-width]="resolvedLineWidth() * zoom()"
+                [attr.d]="crossPath()"
+              />
+            </pattern>
+          }
+        }
+      </defs>
+      <rect
+        x="0" y="0" width="100%" height="100%"
+        [attr.fill]="'url(#' + patternId() + ')'"
+      />
+    </svg>
   `,
                 }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], lineWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineWidth", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], patternClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "patternClassName", required: false }] }], bgId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });

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

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

package/dist/esm/lib/components/connection-line/connection-line.component.d.ts

@@ -2,9 +2,16 @@ import { Type } from '@angular/core';
 import { ConnectionLineType, Position } from '@angflow/system';
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
+/**
+ * Renders the in-progress connection line while the user drags from a handle.
+ * Rendered internally by `<ng-flow>`; you don't normally place this yourself —
+ * configure via `[connectionLineType]` and `[connectionLineComponent]`.
+ */
 export declare class ConnectionLineComponent {
     readonly store: FlowStore<import("../../types").Node, import("../../types").Edge>;
+    /** Optional Angular component used instead of the default SVG path. */
     readonly customComponent: import("@angular/core").InputSignal<Type<unknown> | null>;
+    /** Path shape when the default renderer is used. */
     readonly connectionLineType: import("@angular/core").InputSignal<ConnectionLineType>;
     readonly isConnecting: import("@angular/core").Signal<boolean>;
     readonly connectionProps: import("@angular/core").Signal<{

package/dist/esm/lib/components/connection-line/connection-line.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connection-line.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/connection-line/connection-line.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+D,IAAI,EAAE,MAAM,eAAe,CAAC;AAElG,OAAO,EAAqD,kBAAkB,EAAE,QAAQ,EAA6B,MAAM,iBAAiB,CAAC;AAC7I,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAE9D,qBA6Ba,uBAAuB;IAClC,QAAQ,CAAC,KAAK,oEAAqB;IAEnC,QAAQ,CAAC,eAAe,4DAAqC;IAC7D,QAAQ,CAAC,kBAAkB,0DAAwD;IAEnF,QAAQ,CAAC,YAAY,0CAIlB;IAEH,QAAQ,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;OAcrB;IAEH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAiC9B;IAEH,QAAQ,CAAC,cAAc,yCA0BpB;yCAzFQ,uBAAuB;2CAAvB,uBAAuB;CA0FnC"}
+{"version":3,"file":"connection-line.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/connection-line/connection-line.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+D,IAAI,EAAE,MAAM,eAAe,CAAC;AAElG,OAAO,EAAqD,kBAAkB,EAAE,QAAQ,EAA6B,MAAM,iBAAiB,CAAC;AAC7I,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAE9D;;;;GAIG;AACH,qBA6Ba,uBAAuB;IAClC,QAAQ,CAAC,KAAK,oEAAqB;IAEnC,uEAAuE;IACvE,QAAQ,CAAC,eAAe,4DAAqC;IAC7D,oDAAoD;IACpD,QAAQ,CAAC,kBAAkB,0DAAwD;IAEnF,QAAQ,CAAC,YAAY,0CAIlB;IAEH,QAAQ,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;OAcrB;IAEH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAiC9B;IAEH,QAAQ,CAAC,cAAc,yCA0BpB;yCA3FQ,uBAAuB;2CAAvB,uBAAuB;CA4FnC"}

package/dist/esm/lib/components/connection-line/connection-line.component.js

@@ -4,10 +4,17 @@ import { getBezierPath, getSmoothStepPath, getStraightPath, ConnectionLineType,
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+/**
+ * Renders the in-progress connection line while the user drags from a handle.
+ * Rendered internally by `<ng-flow>`; you don't normally place this yourself —
+ * configure via `[connectionLineType]` and `[connectionLineComponent]`.
+ */
 export class ConnectionLineComponent {
     constructor() {
         this.store = inject(FlowStore);
+        /** Optional Angular component used instead of the default SVG path. */
         this.customComponent = input(null, ...(ngDevMode ? [{ debugName: "customComponent" }] : /* istanbul ignore next */ []));
+        /** Path shape when the default renderer is used. */
         this.connectionLineType = input(ConnectionLineType.Bezier, ...(ngDevMode ? [{ debugName: "connectionLineType" }] : /* istanbul ignore next */ []));
         this.isConnecting = computed(() => {
             this.store.version();