@angflow/angular 0.0.1

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

@@ -0,0 +1,25 @@
+import type { PanelPosition, FitViewOptionsBase } from '@angflow/system';
+import * as i0 from "@angular/core";
+export declare class ControlsComponent {
+    private store;
+    private ngFlowService;
+    readonly position: import("@angular/core").InputSignal<PanelPosition>;
+    readonly showZoom: import("@angular/core").InputSignal<boolean>;
+    readonly showFitView: import("@angular/core").InputSignal<boolean>;
+    readonly showInteractive: import("@angular/core").InputSignal<boolean>;
+    readonly fitViewOptions: import("@angular/core").InputSignal<FitViewOptionsBase<any> | undefined>;
+    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly zoomInClick: import("@angular/core").OutputEmitterRef<void>;
+    readonly zoomOutClick: import("@angular/core").OutputEmitterRef<void>;
+    readonly fitViewClick: import("@angular/core").OutputEmitterRef<void>;
+    readonly interactiveChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly isLocked: import("@angular/core").WritableSignal<boolean>;
+    onZoomIn(): void;
+    onZoomOut(): void;
+    onFitView(): void;
+    onToggleLock(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ControlsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ControlsComponent, "ng-flow-controls", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "showZoom": { "alias": "showZoom"; "required": false; "isSignal": true; }; "showFitView": { "alias": "showFitView"; "required": false; "isSignal": true; }; "showInteractive": { "alias": "showInteractive"; "required": false; "isSignal": true; }; "fitViewOptions": { "alias": "fitViewOptions"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "zoomInClick": "zoomInClick"; "zoomOutClick": "zoomOutClick"; "fitViewClick": "fitViewClick"; "interactiveChange": "interactiveChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=controls.component.d.ts.map

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

@@ -0,0 +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,qBAuDa,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,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;IAE/C,QAAQ,CAAC,QAAQ,kDAAiB;IAElC,QAAQ;IAKR,SAAS;IAKT,SAAS;IAKT,YAAY;yCAnCD,iBAAiB;2CAAjB,iBAAiB;CA2C7B"}

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

@@ -0,0 +1,174 @@
+import { Component, ChangeDetectionStrategy, input, output, inject, signal } from '@angular/core';
+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";
+const _c0 = ["*"];
+function ControlsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵlistener("click", function ControlsComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomIn()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 5);
+    i0.ɵɵelement(2, "path", 6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(3, "button", 7);
+    i0.ɵɵlistener("click", function ControlsComponent_Conditional_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomOut()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(4, "svg", 5);
+    i0.ɵɵelement(5, "path", 8);
+    i0.ɵɵelementEnd()();
+} }
+function ControlsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵlistener("click", function ControlsComponent_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFitView()); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 5);
+    i0.ɵɵelement(2, "path", 10);
+    i0.ɵɵelementEnd()();
+} }
+function ControlsComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 12);
+    i0.ɵɵelement(1, "path", 13);
+    i0.ɵɵelementEnd();
+} }
+function ControlsComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(0, "svg", 12);
+    i0.ɵɵelement(1, "path", 14);
+    i0.ɵɵelementEnd();
+} }
+function ControlsComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 11);
+    i0.ɵɵlistener("click", function ControlsComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onToggleLock()); });
+    i0.ɵɵconditionalCreate(1, ControlsComponent_Conditional_4_Conditional_1_Template, 2, 0, ":svg:svg", 12)(2, ControlsComponent_Conditional_4_Conditional_2_Template, 2, 0, ":svg:svg", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isLocked() ? 1 : 2);
+} }
+export class ControlsComponent {
+    constructor() {
+        this.store = inject(FlowStore);
+        this.ngFlowService = inject(NgFlowService);
+        this.position = input('bottom-left', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        this.showZoom = input(true, ...(ngDevMode ? [{ debugName: "showZoom" }] : /* istanbul ignore next */ []));
+        this.showFitView = input(true, ...(ngDevMode ? [{ debugName: "showFitView" }] : /* istanbul ignore next */ []));
+        this.showInteractive = input(true, ...(ngDevMode ? [{ debugName: "showInteractive" }] : /* istanbul ignore next */ []));
+        this.fitViewOptions = input(...(ngDevMode ? [undefined, { debugName: "fitViewOptions" }] : /* istanbul ignore next */ []));
+        this.orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input('Angular Flow controls', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        // Callback outputs
+        this.zoomInClick = output();
+        this.zoomOutClick = output();
+        this.fitViewClick = output();
+        this.interactiveChange = output();
+        this.isLocked = signal(false, ...(ngDevMode ? [{ debugName: "isLocked" }] : /* istanbul ignore next */ []));
+    }
+    onZoomIn() {
+        this.ngFlowService.zoomIn();
+        this.zoomInClick.emit();
+    }
+    onZoomOut() {
+        this.ngFlowService.zoomOut();
+        this.zoomOutClick.emit();
+    }
+    onFitView() {
+        this.ngFlowService.fitView(this.fitViewOptions());
+        this.fitViewClick.emit();
+    }
+    onToggleLock() {
+        const locked = !this.isLocked();
+        this.isLocked.set(locked);
+        this.store.nodesDraggable.set(!locked);
+        this.store.nodesConnectable.set(!locked);
+        this.store.elementsSelectable.set(!locked);
+        this.interactiveChange.emit(!locked);
+    }
+    static { this.ɵfac = function ControlsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ControlsComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlsComponent, selectors: [["ng-flow-controls"]], inputs: { position: [1, "position"], showZoom: [1, "showZoom"], showFitView: [1, "showFitView"], showInteractive: [1, "showInteractive"], fitViewOptions: [1, "fitViewOptions"], orientation: [1, "orientation"], ariaLabel: [1, "ariaLabel"] }, outputs: { zoomInClick: "zoomInClick", zoomOutClick: "zoomOutClick", fitViewClick: "fitViewClick", interactiveChange: "interactiveChange" }, ngContentSelectors: _c0, decls: 6, vars: 7, consts: [[3, "position"], [1, "ng-flow__controls", "xy-flow__controls"], ["title", "fit view", 1, "ng-flow__controls-button", "xy-flow__controls-button"], ["title", "toggle interactivity", 1, "ng-flow__controls-button", "xy-flow__controls-button"], ["title", "zoom in", 1, "ng-flow__controls-button", "xy-flow__controls-button", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 32 32"], ["d", "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"], ["title", "zoom out", 1, "ng-flow__controls-button", "xy-flow__controls-button", 3, "click"], ["d", "M0 13.867h32v4.266H0z"], ["title", "fit view", 1, "ng-flow__controls-button", "xy-flow__controls-button", 3, "click"], ["d", "M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94a.919.919 0 01-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"], ["title", "toggle interactivity", 1, "ng-flow__controls-button", "xy-flow__controls-button", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 32"], ["d", "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"], ["d", "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"]], template: function ControlsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "ng-flow-panel", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, ControlsComponent_Conditional_2_Template, 6, 0);
+            i0.ɵɵconditionalCreate(3, ControlsComponent_Conditional_3_Template, 3, 0, "button", 2);
+            i0.ɵɵconditionalCreate(4, ControlsComponent_Conditional_4_Template, 3, 1, "button", 3);
+            i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("position", ctx.position());
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("horizontal", ctx.orientation() === "horizontal");
+            i0.ɵɵattribute("aria-label", ctx.ariaLabel());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showZoom() ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showFitView() ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showInteractive() ? 4 : -1);
+        } }, dependencies: [PanelComponent], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlsComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-controls',
+                standalone: true,
+                imports: [PanelComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <ng-flow-panel [position]="position()">
+      <div
+        class="ng-flow__controls xy-flow__controls"
+        [class.horizontal]="orientation() === 'horizontal'"
+        [attr.aria-label]="ariaLabel()"
+      >
+        @if (showZoom()) {
+          <button
+            class="ng-flow__controls-button xy-flow__controls-button"
+            title="zoom in"
+            (click)="onZoomIn()"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"/></svg>
+          </button>
+          <button
+            class="ng-flow__controls-button xy-flow__controls-button"
+            title="zoom out"
+            (click)="onZoomOut()"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M0 13.867h32v4.266H0z"/></svg>
+          </button>
+        }
+        @if (showFitView()) {
+          <button
+            class="ng-flow__controls-button xy-flow__controls-button"
+            title="fit view"
+            (click)="onFitView()"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94a.919.919 0 01-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"/></svg>
+          </button>
+        }
+        @if (showInteractive()) {
+          <button
+            class="ng-flow__controls-button xy-flow__controls-button"
+            title="toggle interactivity"
+            (click)="onToggleLock()"
+          >
+            @if (isLocked()) {
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32"><path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"/></svg>
+            } @else {
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32"><path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"/></svg>
+            }
+          </button>
+        }
+        <ng-content />
+      </div>
+    </ng-flow-panel>
+  `,
+            }]
+    }], null, { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], showZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "showZoom", required: false }] }], showFitView: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFitView", required: false }] }], showInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInteractive", required: false }] }], fitViewOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitViewOptions", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], zoomInClick: [{ type: i0.Output, args: ["zoomInClick"] }], zoomOutClick: [{ type: i0.Output, args: ["zoomOutClick"] }], fitViewClick: [{ type: i0.Output, args: ["fitViewClick"] }], interactiveChange: [{ type: i0.Output, args: ["interactiveChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ControlsComponent, { className: "ControlsComponent", filePath: "lib/components/controls/controls.component.ts", lineNumber: 62 }); })();
+//# sourceMappingURL=controls.component.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class EdgeLabelRendererComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EdgeLabelRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EdgeLabelRendererComponent, "ng-flow-edge-label-renderer", never, {}, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=edge-label-renderer.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,24 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class EdgeLabelRendererComponent {
+    static { this.ɵfac = function EdgeLabelRendererComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EdgeLabelRendererComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EdgeLabelRendererComponent, selectors: [["ng-flow-edge-label-renderer"]], hostAttrs: [1, "ng-flow__edgelabel-renderer", "xy-flow__edgelabel-renderer"], ngContentSelectors: _c0, decls: 1, vars: 0, template: function EdgeLabelRendererComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EdgeLabelRendererComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-edge-label-renderer',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: {
+                    'class': 'ng-flow__edgelabel-renderer xy-flow__edgelabel-renderer',
+                },
+                template: `<ng-content />`,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EdgeLabelRendererComponent, { className: "EdgeLabelRendererComponent", filePath: "lib/components/edge-label-renderer/edge-label-renderer.component.ts", lineNumber: 12 }); })();
+//# sourceMappingURL=edge-label-renderer.component.js.map

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

@@ -0,0 +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;2HAA1B,0BAA0B;oEAA1B,0BAA0B;;YAF1B,kBAAc;;;iFAEd,0BAA0B;cATtC,SAAS;eAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,OAAO,EAAE,yDAAyD;iBACnE;gBACD,QAAQ,EAAE,gBAAgB;aAC3B;;kFACY,0BAA0B"}

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

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export declare class EdgeToolbarComponent {
+    private readonly store;
+    /** The ID of the edge this toolbar belongs to. */
+    readonly edgeId: import("@angular/core").InputSignal<string>;
+    /** Horizontal position in flow coordinates. */
+    readonly x: import("@angular/core").InputSignal<number>;
+    /** 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">;
+    /** Vertical alignment relative to (x, y). */
+    readonly alignY: import("@angular/core").InputSignal<"center" | "bottom" | "top">;
+    /** 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>;
+    readonly zIndex: import("@angular/core").Signal<any>;
+    readonly toolbarTransform: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EdgeToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EdgeToolbarComponent, "ng-flow-edge-toolbar", never, { "edgeId": { "alias": "edgeId"; "required": true; "isSignal": true; }; "x": { "alias": "x"; "required": true; "isSignal": true; }; "y": { "alias": "y"; "required": true; "isSignal": true; }; "alignX": { "alias": "alignX"; "required": false; "isSignal": true; }; "alignY": { "alias": "alignY"; "required": false; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=edge-toolbar.component.d.ts.map

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

@@ -0,0 +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,yCAGtB;yCApCQ,oBAAoB;2CAApB,oBAAoB;CAqChC"}

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

@@ -0,0 +1,64 @@
+import { Component, ChangeDetectionStrategy, input, inject, computed } from '@angular/core';
+import { getEdgeToolbarTransform } from '@angflow/system';
+import { FlowStore } from '../../services/flow-store.service';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class EdgeToolbarComponent {
+    constructor() {
+        this.store = inject(FlowStore);
+        /** The ID of the edge this toolbar belongs to. */
+        this.edgeId = input.required(...(ngDevMode ? [{ debugName: "edgeId" }] : /* istanbul ignore next */ []));
+        /** Horizontal position in flow coordinates. */
+        this.x = input.required(...(ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []));
+        /** Vertical position in flow coordinates. */
+        this.y = input.required(...(ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []));
+        /** Horizontal alignment relative to (x, y). */
+        this.alignX = input('center', ...(ngDevMode ? [{ debugName: "alignX" }] : /* istanbul ignore next */ []));
+        /** Vertical alignment relative to (x, y). */
+        this.alignY = input('center', ...(ngDevMode ? [{ debugName: "alignY" }] : /* istanbul ignore next */ []));
+        /** Override visibility. Defaults to showing when the edge is selected. */
+        this.isVisible = input(undefined, ...(ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []));
+        this.shouldShow = computed(() => {
+            const vis = this.isVisible();
+            if (vis !== undefined)
+                return vis;
+            const edge = this.store.edges().find(e => e.id === this.edgeId());
+            return edge?.selected ?? false;
+        }, ...(ngDevMode ? [{ debugName: "shouldShow" }] : /* istanbul ignore next */ []));
+        this.zIndex = computed(() => {
+            const edge = this.store.edges().find(e => e.id === this.edgeId());
+            return (edge?.zIndex ?? 0) + 1;
+        }, ...(ngDevMode ? [{ debugName: "zIndex" }] : /* istanbul ignore next */ []));
+        this.toolbarTransform = computed(() => {
+            const zoom = this.store.transform()[2];
+            return getEdgeToolbarTransform(this.x(), this.y(), zoom, this.alignX(), this.alignY());
+        }, ...(ngDevMode ? [{ debugName: "toolbarTransform" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function EdgeToolbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EdgeToolbarComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EdgeToolbarComponent, selectors: [["ng-flow-edge-toolbar"]], hostAttrs: [1, "ng-flow__edge-toolbar", "xy-flow__edge-toolbar"], hostVars: 12, hostBindings: function EdgeToolbarComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("display", ctx.shouldShow() ? "block" : "none")("position", "absolute")("transform", ctx.toolbarTransform())("transform-origin", "0 0")("z-index", ctx.zIndex())("pointer-events", "all");
+        } }, inputs: { edgeId: [1, "edgeId"], x: [1, "x"], y: [1, "y"], alignX: [1, "alignX"], alignY: [1, "alignY"], isVisible: [1, "isVisible"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function EdgeToolbarComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EdgeToolbarComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-edge-toolbar',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: {
+                    'class': 'ng-flow__edge-toolbar xy-flow__edge-toolbar',
+                    '[style.display]': 'shouldShow() ? "block" : "none"',
+                    '[style.position]': '"absolute"',
+                    '[style.transform]': 'toolbarTransform()',
+                    '[style.transform-origin]': '"0 0"',
+                    '[style.z-index]': 'zIndex()',
+                    '[style.pointer-events]': '"all"',
+                },
+                template: `<ng-content />`,
+            }]
+    }], null, { edgeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "edgeId", required: true }] }], x: [{ type: i0.Input, args: [{ isSignal: true, alias: "x", required: true }] }], y: [{ type: i0.Input, args: [{ isSignal: true, alias: "y", required: true }] }], alignX: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignX", required: false }] }], alignY: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignY", required: false }] }], isVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isVisible", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EdgeToolbarComponent, { className: "EdgeToolbarComponent", filePath: "lib/components/edge-toolbar/edge-toolbar.component.ts", lineNumber: 20 }); })();
+//# sourceMappingURL=edge-toolbar.component.js.map

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

@@ -0,0 +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,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;YACvC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACzF,CAAC,uFAAC,CAAC;KACJ;qHArCY,oBAAoB;oEAApB,oBAAoB;YAApB,0BAAA,gBAAY,GAAG,OAAO,GACjC,MAAM,CADyB,aAApB,UAAU,CAAU,cAApB,sBAAkB,CAAE,qBAApB,KAAK,CAAe,YAApB,YAAQ,CAAY,mBAApB,KAAK,CAAe;;;YAFpB,kBAAc;;;iFAEd,oBAAoB;cAfhC,SAAS;eAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,OAAO,EAAE,6CAA6C;oBACtD,iBAAiB,EAAE,iCAAiC;oBACpD,kBAAkB,EAAE,YAAY;oBAChC,mBAAmB,EAAE,oBAAoB;oBACzC,0BAA0B,EAAE,OAAO;oBACnC,iBAAiB,EAAE,UAAU;oBAC7B,wBAAwB,EAAE,OAAO;iBAClC;gBACD,QAAQ,EAAE,gBAAgB;aAC3B;;kFACY,oBAAoB"}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class BaseEdgeComponent {
+    readonly path: import("@angular/core").InputSignal<string>;
+    readonly markerStart: import("@angular/core").InputSignal<string | undefined>;
+    readonly markerEnd: import("@angular/core").InputSignal<string | undefined>;
+    readonly style: import("@angular/core").InputSignal<string | undefined>;
+    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>;
+}
+//# sourceMappingURL=base-edge.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/base-edge.component.ts"],"names":[],"mappings":";AAEA,qBAyBa,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"}

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

@@ -0,0 +1,56 @@
+import { Component, ChangeDetectionStrategy, input, NO_ERRORS_SCHEMA } from '@angular/core';
+import * as i0 from "@angular/core";
+function BaseEdgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElement(0, "path", 0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("d", ctx_r0.path())("stroke-width", ctx_r0.interactionWidth());
+} }
+export class BaseEdgeComponent {
+    constructor() {
+        this.path = input.required(...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+        this.markerStart = input(...(ngDevMode ? [undefined, { debugName: "markerStart" }] : /* istanbul ignore next */ []));
+        this.markerEnd = input(...(ngDevMode ? [undefined, { debugName: "markerEnd" }] : /* istanbul ignore next */ []));
+        this.style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
+        this.interactionWidth = input(20, ...(ngDevMode ? [{ debugName: "interactionWidth" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function BaseEdgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseEdgeComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseEdgeComponent, selectors: [["ng-flow-base-edge"]], hostAttrs: [2, "display", "contents"], inputs: { path: [1, "path"], markerStart: [1, "markerStart"], markerEnd: [1, "markerEnd"], style: [1, "style"], interactionWidth: [1, "interactionWidth"] }, decls: 2, vars: 5, consts: [["fill", "none", "stroke", "transparent", 1, "xy-flow__edge-interaction"], [1, "xy-flow__edge-path"]], template: function BaseEdgeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, BaseEdgeComponent_Conditional_0_Template, 1, 2, "path", 0);
+            i0.ɵɵdomElement(1, "path", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.interactionWidth() ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("d", ctx.path())("marker-start", ctx.markerStart())("marker-end", ctx.markerEnd())("style", ctx.style(), i0.ɵɵsanitizeStyle);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseEdgeComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-base-edge',
+                standalone: true,
+                schemas: [NO_ERRORS_SCHEMA],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: { 'style': 'display: contents;' },
+                template: `
+    @if (interactionWidth()) {
+      <path
+        class="xy-flow__edge-interaction"
+        [attr.d]="path()"
+        fill="none"
+        stroke="transparent"
+        [attr.stroke-width]="interactionWidth()"
+      />
+    }
+    <path
+      class="xy-flow__edge-path"
+      [attr.d]="path()"
+      [attr.marker-start]="markerStart()"
+      [attr.marker-end]="markerEnd()"
+      [attr.style]="style()"
+    />
+  `,
+            }]
+    }], null, { 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 }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BaseEdgeComponent, { className: "BaseEdgeComponent", filePath: "lib/components/edges/base-edge.component.ts", lineNumber: 28 }); })();
+//# sourceMappingURL=base-edge.component.js.map

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

@@ -0,0 +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;;;IAUtF,6BAME;;;;;AAWR,MAAM,OAAO,iBAAiB;IAzB9B;QA0BW,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;kHANY,iBAAiB;oEAAjB,iBAAiB;YAlB1B,oFAA0B;YAS1B,6BAME;;YAfF,iDAQC;YAGC,cAAiB;;;;iFAOV,iBAAiB;cAzB7B,SAAS;eAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;gBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;gBACvC,QAAQ,EAAE;;;;;;;;;;;;;;;;;GAiBT;aACF;;kFACY,iBAAiB"}

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

@@ -0,0 +1,30 @@
+import { Position, type BezierPathOptions } from '@angflow/system';
+import * as i0 from "@angular/core";
+export declare class BezierEdgeComponent {
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
+    readonly source: import("@angular/core").InputSignal<string | undefined>;
+    readonly target: import("@angular/core").InputSignal<string | undefined>;
+    readonly type: import("@angular/core").InputSignal<string | undefined>;
+    readonly animated: import("@angular/core").InputSignal<boolean>;
+    readonly selected: import("@angular/core").InputSignal<boolean>;
+    readonly data: import("@angular/core").InputSignal<any>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly sourceX: import("@angular/core").InputSignal<number>;
+    readonly sourceY: import("@angular/core").InputSignal<number>;
+    readonly targetX: import("@angular/core").InputSignal<number>;
+    readonly targetY: import("@angular/core").InputSignal<number>;
+    readonly sourcePosition: import("@angular/core").InputSignal<Position>;
+    readonly targetPosition: import("@angular/core").InputSignal<Position>;
+    readonly markerStart: import("@angular/core").InputSignal<string | undefined>;
+    readonly markerEnd: import("@angular/core").InputSignal<string | undefined>;
+    readonly interactionWidth: import("@angular/core").InputSignal<number | undefined>;
+    readonly pathOptions: import("@angular/core").InputSignal<BezierPathOptions | undefined>;
+    readonly sourceHandleId: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly targetHandleId: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly selectable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly deletable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly edgePath: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BezierEdgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BezierEdgeComponent, "ng-flow-bezier-edge", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "source": { "alias": "source"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sourceX": { "alias": "sourceX"; "required": false; "isSignal": true; }; "sourceY": { "alias": "sourceY"; "required": false; "isSignal": true; }; "targetX": { "alias": "targetX"; "required": false; "isSignal": true; }; "targetY": { "alias": "targetY"; "required": false; "isSignal": true; }; "sourcePosition": { "alias": "sourcePosition"; "required": false; "isSignal": true; }; "targetPosition": { "alias": "targetPosition"; "required": false; "isSignal": true; }; "markerStart": { "alias": "markerStart"; "required": false; "isSignal": true; }; "markerEnd": { "alias": "markerEnd"; "required": false; "isSignal": true; }; "interactionWidth": { "alias": "interactionWidth"; "required": false; "isSignal": true; }; "pathOptions": { "alias": "pathOptions"; "required": false; "isSignal": true; }; "sourceHandleId": { "alias": "sourceHandleId"; "required": false; "isSignal": true; }; "targetHandleId": { "alias": "targetHandleId"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "deletable": { "alias": "deletable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=bezier-edge.component.d.ts.map

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

@@ -0,0 +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,MAAM,iBAAiB,CAAC;;AAGlF,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;IAEtC,QAAQ,CAAC,QAAQ,yCAWd;yCAnCQ,mBAAmB;2CAAnB,mBAAmB;CAoC/B"}

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

@@ -0,0 +1,68 @@
+import { Component, ChangeDetectionStrategy, input, computed } from '@angular/core';
+import { getBezierPath, Position } from '@angflow/system';
+import { BaseEdgeComponent } from './base-edge.component';
+import * as i0 from "@angular/core";
+export class BezierEdgeComponent {
+    constructor() {
+        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
+        this.source = input(...(ngDevMode ? [undefined, { debugName: "source" }] : /* istanbul ignore next */ []));
+        this.target = input(...(ngDevMode ? [undefined, { debugName: "target" }] : /* istanbul ignore next */ []));
+        this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
+        this.animated = input(false, ...(ngDevMode ? [{ debugName: "animated" }] : /* istanbul ignore next */ []));
+        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.sourceX = input(0, ...(ngDevMode ? [{ debugName: "sourceX" }] : /* istanbul ignore next */ []));
+        this.sourceY = input(0, ...(ngDevMode ? [{ debugName: "sourceY" }] : /* istanbul ignore next */ []));
+        this.targetX = input(0, ...(ngDevMode ? [{ debugName: "targetX" }] : /* istanbul ignore next */ []));
+        this.targetY = input(0, ...(ngDevMode ? [{ debugName: "targetY" }] : /* istanbul ignore next */ []));
+        this.sourcePosition = input(Position.Bottom, ...(ngDevMode ? [{ debugName: "sourcePosition" }] : /* istanbul ignore next */ []));
+        this.targetPosition = input(Position.Top, ...(ngDevMode ? [{ debugName: "targetPosition" }] : /* istanbul ignore next */ []));
+        this.markerStart = input(...(ngDevMode ? [undefined, { debugName: "markerStart" }] : /* istanbul ignore next */ []));
+        this.markerEnd = input(...(ngDevMode ? [undefined, { debugName: "markerEnd" }] : /* istanbul ignore next */ []));
+        this.interactionWidth = input(...(ngDevMode ? [undefined, { debugName: "interactionWidth" }] : /* istanbul ignore next */ []));
+        this.pathOptions = input(...(ngDevMode ? [undefined, { debugName: "pathOptions" }] : /* istanbul ignore next */ []));
+        this.sourceHandleId = input(...(ngDevMode ? [undefined, { debugName: "sourceHandleId" }] : /* istanbul ignore next */ []));
+        this.targetHandleId = input(...(ngDevMode ? [undefined, { debugName: "targetHandleId" }] : /* istanbul ignore next */ []));
+        this.selectable = input(...(ngDevMode ? [undefined, { debugName: "selectable" }] : /* istanbul ignore next */ []));
+        this.deletable = input(...(ngDevMode ? [undefined, { debugName: "deletable" }] : /* istanbul ignore next */ []));
+        this.edgePath = computed(() => {
+            const [path] = getBezierPath({
+                sourceX: this.sourceX(),
+                sourceY: this.sourceY(),
+                targetX: this.targetX(),
+                targetY: this.targetY(),
+                sourcePosition: this.sourcePosition(),
+                targetPosition: this.targetPosition(),
+                ...this.pathOptions(),
+            });
+            return path;
+        }, ...(ngDevMode ? [{ debugName: "edgePath" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function BezierEdgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BezierEdgeComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BezierEdgeComponent, selectors: [["ng-flow-bezier-edge"]], hostAttrs: [2, "display", "contents"], inputs: { id: [1, "id"], source: [1, "source"], target: [1, "target"], type: [1, "type"], animated: [1, "animated"], selected: [1, "selected"], data: [1, "data"], label: [1, "label"], sourceX: [1, "sourceX"], sourceY: [1, "sourceY"], targetX: [1, "targetX"], targetY: [1, "targetY"], sourcePosition: [1, "sourcePosition"], targetPosition: [1, "targetPosition"], markerStart: [1, "markerStart"], markerEnd: [1, "markerEnd"], interactionWidth: [1, "interactionWidth"], pathOptions: [1, "pathOptions"], sourceHandleId: [1, "sourceHandleId"], targetHandleId: [1, "targetHandleId"], selectable: [1, "selectable"], deletable: [1, "deletable"] }, decls: 1, vars: 4, consts: [[3, "path", "markerStart", "markerEnd", "interactionWidth"]], template: function BezierEdgeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "ng-flow-base-edge", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("path", ctx.edgePath())("markerStart", ctx.markerStart())("markerEnd", ctx.markerEnd())("interactionWidth", ctx.interactionWidth() ?? 20);
+        } }, dependencies: [BaseEdgeComponent], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BezierEdgeComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-bezier-edge',
+                standalone: true,
+                imports: [BaseEdgeComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: { 'style': 'display: contents;' },
+                template: `
+    <ng-flow-base-edge
+      [path]="edgePath()"
+      [markerStart]="markerStart()"
+      [markerEnd]="markerEnd()"
+      [interactionWidth]="interactionWidth() ?? 20"
+    />
+  `,
+            }]
+    }], null, { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], sourceX: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceX", required: false }] }], sourceY: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceY", required: false }] }], targetX: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetX", required: false }] }], targetY: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetY", required: false }] }], sourcePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourcePosition", required: false }] }], targetPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetPosition", required: false }] }], markerStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerStart", required: false }] }], markerEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerEnd", required: false }] }], interactionWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactionWidth", required: false }] }], pathOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathOptions", required: false }] }], sourceHandleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceHandleId", required: false }] }], targetHandleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHandleId", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], deletable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletable", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BezierEdgeComponent, { className: "BezierEdgeComponent", filePath: "lib/components/edges/bezier-edge.component.ts", lineNumber: 20 }); })();
+//# sourceMappingURL=bezier-edge.component.js.map

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

@@ -0,0 +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,EAA0B,MAAM,iBAAiB,CAAC;AAClF,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;QAE7B,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;oHApCY,mBAAmB;oEAAnB,mBAAmB;YAR5B,uCAKE;;YADA,AADA,AADA,AADA,qCAAmB,kCACU,8BACJ,kDACoB;4BARvC,iBAAiB;;iFAYhB,mBAAmB;cAf/B,SAAS;eAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;gBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;gBACvC,QAAQ,EAAE;;;;;;;GAOT;aACF;;kFACY,mBAAmB"}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class EdgeTextComponent {
+    readonly x: import("@angular/core").InputSignal<number>;
+    readonly y: import("@angular/core").InputSignal<number>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly width: import("@angular/core").InputSignal<number>;
+    readonly height: import("@angular/core").InputSignal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EdgeTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EdgeTextComponent, "ng-flow-edge-text", never, { "x": { "alias": "x"; "required": false; "isSignal": true; }; "y": { "alias": "y"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=edge-text.component.d.ts.map

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

@@ -0,0 +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"}