@angflow/angular 0.0.1

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

@@ -0,0 +1,48 @@
+import { Component, ChangeDetectionStrategy, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EdgeTextComponent {
+    constructor() {
+        this.x = input(0, ...(ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []));
+        this.y = input(0, ...(ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.width = input(40, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+        this.height = input(20, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function EdgeTextComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EdgeTextComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EdgeTextComponent, selectors: [["ng-flow-edge-text"]], inputs: { x: [1, "x"], y: [1, "y"], label: [1, "label"], width: [1, "width"], height: [1, "height"] }, decls: 4, vars: 5, consts: [["requiredExtensions", "http://www.w3.org/1999/xhtml", 1, "xy-flow__edge-textwrapper"], ["xmlns", "http://www.w3.org/1999/xhtml", 1, "xy-flow__edge-textbg"], [1, "xy-flow__edge-text"]], template: function EdgeTextComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵdomElementStart(0, "foreignObject", 0);
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵdomElementStart(1, "div", 1)(2, "span", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵdomElementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵattribute("width", ctx.width())("height", ctx.height())("x", ctx.x() - ctx.width() / 2)("y", ctx.y() - ctx.height() / 2);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.label());
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EdgeTextComponent, [{
+        type: Component,
+        args: [{
+                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>
+  `,
+            }]
+    }], null, { 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 }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EdgeTextComponent, { className: "EdgeTextComponent", filePath: "lib/components/edges/edge-text.component.ts", lineNumber: 22 }); })();
+//# sourceMappingURL=edge-text.component.js.map

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

@@ -0,0 +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;kHANY,iBAAiB;oEAAjB,iBAAiB;;YAd1B,2CAOC;;YAEG,AADF,iCAAuE,cACpC;YAAA,YAAa;YAElD,AADE,AADgD,oBAAO,EACjD,EACQ;;;YAFqB,eAAa;YAAb,iCAAa;;;iFAKzC,iBAAiB;cAnB7B,SAAS;eAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;;;;;;;GAaT;aACF;;kFACY,iBAAiB"}

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

@@ -0,0 +1,21 @@
+import { Position } from '@angflow/system';
+import * as i0 from "@angular/core";
+export declare class SimpleBezierEdgeComponent {
+    readonly id: 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 data: import("@angular/core").InputSignal<any>;
+    readonly selected: import("@angular/core").InputSignal<boolean>;
+    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 label: import("@angular/core").InputSignal<string | undefined>;
+    readonly edgePath: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleBezierEdgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimpleBezierEdgeComponent, "ng-flow-simple-bezier-edge", never, { "id": { "alias": "id"; "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; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=simple-bezier-edge.component.d.ts.map

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

@@ -0,0 +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,MAAM,iBAAiB,CAAC;;AAG1D,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;IAEjC,QAAQ,CAAC,QAAQ,yCAUd;yCAzBQ,yBAAyB;2CAAzB,yBAAyB;CA0BrC"}

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

@@ -0,0 +1,57 @@
+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 SimpleBezierEdgeComponent {
+    constructor() {
+        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* 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.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
+        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* 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.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* 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(),
+            });
+            return path;
+        }, ...(ngDevMode ? [{ debugName: "edgePath" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function SimpleBezierEdgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SimpleBezierEdgeComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SimpleBezierEdgeComponent, selectors: [["ng-flow-simple-bezier-edge"]], inputs: { id: [1, "id"], sourceX: [1, "sourceX"], sourceY: [1, "sourceY"], targetX: [1, "targetX"], targetY: [1, "targetY"], sourcePosition: [1, "sourcePosition"], targetPosition: [1, "targetPosition"], data: [1, "data"], selected: [1, "selected"], markerStart: [1, "markerStart"], markerEnd: [1, "markerEnd"], interactionWidth: [1, "interactionWidth"], label: [1, "label"] }, decls: 1, vars: 4, consts: [[3, "path", "markerStart", "markerEnd", "interactionWidth"]], template: function SimpleBezierEdgeComponent_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(SimpleBezierEdgeComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-simple-bezier-edge',
+                standalone: true,
+                imports: [BaseEdgeComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                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 }] }], 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 }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", 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 }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimpleBezierEdgeComponent, { className: "SimpleBezierEdgeComponent", filePath: "lib/components/edges/simple-bezier-edge.component.ts", lineNumber: 19 }); })();
+//# sourceMappingURL=simple-bezier-edge.component.js.map

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

@@ -0,0 +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;AAC1D,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;QAExB,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;0HA1BY,yBAAyB;oEAAzB,yBAAyB;YARlC,uCAKE;;YADA,AADA,AADA,AADA,qCAAmB,kCACU,8BACJ,kDACoB;4BAPvC,iBAAiB;;iFAWhB,yBAAyB;cAdrC,SAAS;eAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;gBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;GAOT;aACF;;kFACY,yBAAyB"}

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

@@ -0,0 +1,22 @@
+import { Position, type SmoothStepPathOptions } from '@angflow/system';
+import * as i0 from "@angular/core";
+export declare class SmoothStepEdgeComponent {
+    readonly id: 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 data: import("@angular/core").InputSignal<any>;
+    readonly selected: import("@angular/core").InputSignal<boolean>;
+    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<SmoothStepPathOptions | undefined>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly edgePath: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmoothStepEdgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmoothStepEdgeComponent, "ng-flow-smooth-step-edge", never, { "id": { "alias": "id"; "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; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=smooth-step-edge.component.d.ts.map

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

@@ -0,0 +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,MAAM,iBAAiB,CAAC;;AAG1F,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;IAEjC,QAAQ,CAAC,QAAQ,yCAWd;yCA3BQ,uBAAuB;2CAAvB,uBAAuB;CA4BnC"}

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

@@ -0,0 +1,59 @@
+import { Component, ChangeDetectionStrategy, input, computed } from '@angular/core';
+import { getSmoothStepPath, Position } from '@angflow/system';
+import { BaseEdgeComponent } from './base-edge.component';
+import * as i0 from "@angular/core";
+export class SmoothStepEdgeComponent {
+    constructor() {
+        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* 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.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
+        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* 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.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.edgePath = computed(() => {
+            const [path] = getSmoothStepPath({
+                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 SmoothStepEdgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SmoothStepEdgeComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmoothStepEdgeComponent, selectors: [["ng-flow-smooth-step-edge"]], inputs: { id: [1, "id"], sourceX: [1, "sourceX"], sourceY: [1, "sourceY"], targetX: [1, "targetX"], targetY: [1, "targetY"], sourcePosition: [1, "sourcePosition"], targetPosition: [1, "targetPosition"], data: [1, "data"], selected: [1, "selected"], markerStart: [1, "markerStart"], markerEnd: [1, "markerEnd"], interactionWidth: [1, "interactionWidth"], pathOptions: [1, "pathOptions"], label: [1, "label"] }, decls: 1, vars: 4, consts: [[3, "path", "markerStart", "markerEnd", "interactionWidth"]], template: function SmoothStepEdgeComponent_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(SmoothStepEdgeComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-smooth-step-edge',
+                standalone: true,
+                imports: [BaseEdgeComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                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 }] }], 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 }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", 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 }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SmoothStepEdgeComponent, { className: "SmoothStepEdgeComponent", filePath: "lib/components/edges/smooth-step-edge.component.ts", lineNumber: 19 }); })();
+//# sourceMappingURL=smooth-step-edge.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smooth-step-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/smooth-step-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAA8B,MAAM,iBAAiB,CAAC;AAC1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAgB1D,MAAM,OAAO,uBAAuB;IAdpC;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,gBAAW,GAAG,KAAK,4FAAyB,CAAC;QAC7C,UAAK,GAAG,KAAK,sFAAU,CAAC;QAExB,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC;gBAC/B,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;wHA5BY,uBAAuB;oEAAvB,uBAAuB;YARhC,uCAKE;;YADA,AADA,AADA,AADA,qCAAmB,kCACU,8BACJ,kDACoB;4BAPvC,iBAAiB;;iFAWhB,uBAAuB;cAdnC,SAAS;eAAC;gBACT,QAAQ,EAAE,0BAA0B;gBACpC,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;gBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;GAOT;aACF;;kFACY,uBAAuB"}

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

@@ -0,0 +1,22 @@
+import { Position, type StepPathOptions } from '@angflow/system';
+import * as i0 from "@angular/core";
+export declare class StepEdgeComponent {
+    readonly id: 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 data: import("@angular/core").InputSignal<any>;
+    readonly selected: import("@angular/core").InputSignal<boolean>;
+    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<StepPathOptions | undefined>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly edgePath: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepEdgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepEdgeComponent, "ng-flow-step-edge", never, { "id": { "alias": "id"; "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; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=step-edge.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/step-edge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,QAAQ,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;;AAGpF,qBAca,iBAAiB;IAC5B,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,mEAA4B;IAChD,QAAQ,CAAC,KAAK,0DAAmB;IAEjC,QAAQ,CAAC,QAAQ,yCAYd;yCA5BQ,iBAAiB;2CAAjB,iBAAiB;CA6B7B"}

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

@@ -0,0 +1,60 @@
+import { Component, ChangeDetectionStrategy, input, computed } from '@angular/core';
+import { getSmoothStepPath, Position } from '@angflow/system';
+import { BaseEdgeComponent } from './base-edge.component';
+import * as i0 from "@angular/core";
+export class StepEdgeComponent {
+    constructor() {
+        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* 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.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
+        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* 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.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.edgePath = computed(() => {
+            const [path] = getSmoothStepPath({
+                sourceX: this.sourceX(),
+                sourceY: this.sourceY(),
+                targetX: this.targetX(),
+                targetY: this.targetY(),
+                sourcePosition: this.sourcePosition(),
+                targetPosition: this.targetPosition(),
+                borderRadius: 0,
+                ...this.pathOptions(),
+            });
+            return path;
+        }, ...(ngDevMode ? [{ debugName: "edgePath" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function StepEdgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StepEdgeComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StepEdgeComponent, selectors: [["ng-flow-step-edge"]], inputs: { id: [1, "id"], sourceX: [1, "sourceX"], sourceY: [1, "sourceY"], targetX: [1, "targetX"], targetY: [1, "targetY"], sourcePosition: [1, "sourcePosition"], targetPosition: [1, "targetPosition"], data: [1, "data"], selected: [1, "selected"], markerStart: [1, "markerStart"], markerEnd: [1, "markerEnd"], interactionWidth: [1, "interactionWidth"], pathOptions: [1, "pathOptions"], label: [1, "label"] }, decls: 1, vars: 4, consts: [[3, "path", "markerStart", "markerEnd", "interactionWidth"]], template: function StepEdgeComponent_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(StepEdgeComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-step-edge',
+                standalone: true,
+                imports: [BaseEdgeComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                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 }] }], 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 }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", 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 }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StepEdgeComponent, { className: "StepEdgeComponent", filePath: "lib/components/edges/step-edge.component.ts", lineNumber: 19 }); })();
+//# sourceMappingURL=step-edge.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/step-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAwB,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAgB1D,MAAM,OAAO,iBAAiB;IAd9B;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,gBAAW,GAAG,KAAK,4FAAmB,CAAC;QACvC,UAAK,GAAG,KAAK,sFAAU,CAAC;QAExB,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC;gBAC/B,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,YAAY,EAAE,CAAC;gBACf,GAAG,IAAI,CAAC,WAAW,EAAE;aACtB,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,+EAAC,CAAC;KACJ;kHA7BY,iBAAiB;oEAAjB,iBAAiB;YAR1B,uCAKE;;YADA,AADA,AADA,AADA,qCAAmB,kCACU,8BACJ,kDACoB;4BAPvC,iBAAiB;;iFAWhB,iBAAiB;cAd7B,SAAS;eAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;gBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;GAOT;aACF;;kFACY,iBAAiB"}

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

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class StraightEdgeComponent {
+    readonly id: 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 data: import("@angular/core").InputSignal<any>;
+    readonly selected: import("@angular/core").InputSignal<boolean>;
+    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 label: import("@angular/core").InputSignal<string | undefined>;
+    readonly edgePath: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StraightEdgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StraightEdgeComponent, "ng-flow-straight-edge", never, { "id": { "alias": "id"; "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; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=straight-edge.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"straight-edge.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/edges/straight-edge.component.ts"],"names":[],"mappings":";AAIA,qBAca,qBAAqB;IAChC,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,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;IAEjC,QAAQ,CAAC,QAAQ,yCAQd;yCArBQ,qBAAqB;2CAArB,qBAAqB;CAsBjC"}

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

@@ -0,0 +1,53 @@
+import { Component, ChangeDetectionStrategy, input, computed } from '@angular/core';
+import { getStraightPath } from '@angflow/system';
+import { BaseEdgeComponent } from './base-edge.component';
+import * as i0 from "@angular/core";
+export class StraightEdgeComponent {
+    constructor() {
+        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* 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.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
+        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* 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.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.edgePath = computed(() => {
+            const [path] = getStraightPath({
+                sourceX: this.sourceX(),
+                sourceY: this.sourceY(),
+                targetX: this.targetX(),
+                targetY: this.targetY(),
+            });
+            return path;
+        }, ...(ngDevMode ? [{ debugName: "edgePath" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function StraightEdgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StraightEdgeComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StraightEdgeComponent, selectors: [["ng-flow-straight-edge"]], inputs: { id: [1, "id"], sourceX: [1, "sourceX"], sourceY: [1, "sourceY"], targetX: [1, "targetX"], targetY: [1, "targetY"], data: [1, "data"], selected: [1, "selected"], markerStart: [1, "markerStart"], markerEnd: [1, "markerEnd"], interactionWidth: [1, "interactionWidth"], label: [1, "label"] }, decls: 1, vars: 4, consts: [[3, "path", "markerStart", "markerEnd", "interactionWidth"]], template: function StraightEdgeComponent_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(StraightEdgeComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-straight-edge',
+                standalone: true,
+                imports: [BaseEdgeComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                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 }] }], 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 }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", 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 }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StraightEdgeComponent, { className: "StraightEdgeComponent", filePath: "lib/components/edges/straight-edge.component.ts", lineNumber: 19 }); })();
+//# sourceMappingURL=straight-edge.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"straight-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/straight-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,eAAe,EAAY,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAgB1D,MAAM,OAAO,qBAAqB;IAdlC;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,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;QAExB,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC;gBAC7B,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;aACxB,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,+EAAC,CAAC;KACJ;sHAtBY,qBAAqB;oEAArB,qBAAqB;YAR9B,uCAKE;;YADA,AADA,AADA,AADA,qCAAmB,kCACU,8BACJ,kDACoB;4BAPvC,iBAAiB;;iFAWhB,qBAAqB;cAdjC,SAAS;eAAC;gBACT,QAAQ,EAAE,uBAAuB;gBACjC,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;gBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;GAOT;aACF;;kFACY,qBAAqB"}

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

@@ -0,0 +1,28 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { Position, type HandleType, type Connection } from '@angflow/system';
+import { FlowStore } from '../../services/flow-store.service';
+import * as i0 from "@angular/core";
+export declare class HandleComponent implements OnInit, OnDestroy {
+    readonly Position: typeof Position;
+    readonly type: import("@angular/core").InputSignal<HandleType>;
+    readonly position: import("@angular/core").InputSignal<Position>;
+    readonly handleId: import("@angular/core").InputSignal<string | null>;
+    readonly isConnectable: import("@angular/core").InputSignal<boolean>;
+    readonly isConnectableStart: import("@angular/core").InputSignal<boolean>;
+    readonly isConnectableEnd: import("@angular/core").InputSignal<boolean>;
+    readonly isValidConnection: import("@angular/core").InputSignal<((connection: Connection) => boolean) | undefined>;
+    /** Emitted when a connection is completed on this handle. */
+    readonly handleConnect: import("@angular/core").OutputEmitterRef<Connection>;
+    readonly store: FlowStore<import("../../types").Node, import("../../types").Edge>;
+    private readonly el;
+    nodeId: string;
+    readonly dataId: import("@angular/core").Signal<string>;
+    constructor(nodeId: string | null);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onPointerDown(event: MouseEvent | PointerEvent): void;
+    onClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HandleComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HandleComponent, "ng-flow-handle", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "handleId": { "alias": "id"; "required": false; "isSignal": true; }; "isConnectable": { "alias": "isConnectable"; "required": false; "isSignal": true; }; "isConnectableStart": { "alias": "isConnectableStart"; "required": false; "isSignal": true; }; "isConnectableEnd": { "alias": "isConnectableEnd"; "required": false; "isSignal": true; }; "isValidConnection": { "alias": "isValidConnection"; "required": false; "isSignal": true; }; }, { "handleConnect": "onConnect"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=handle.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"handle.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/handle/handle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,MAAM,EACN,SAAS,EAGV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAY,KAAK,UAAU,EAAE,KAAK,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AAC7G,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAG9D,qBA0Ba,eAAgB,YAAW,MAAM,EAAE,SAAS;IACvD,QAAQ,CAAC,QAAQ,kBAAY;IAE7B,QAAQ,CAAC,IAAI,kDAAgC;IAC7C,QAAQ,CAAC,QAAQ,gDAAiC;IAClD,QAAQ,CAAC,QAAQ,qDAA+C;IAChE,QAAQ,CAAC,aAAa,+CAAe;IACrC,QAAQ,CAAC,kBAAkB,+CAAe;IAC1C,QAAQ,CAAC,gBAAgB,+CAAe;IACxC,QAAQ,CAAC,iBAAiB,oDAAuB,UAAU,KAAK,OAAO,eAA0B;IAEjG,6DAA6D;IAC7D,QAAQ,CAAC,aAAa,uDAA8C;IAEpE,QAAQ,CAAC,KAAK,oEAAqB;IACnC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAmC;IAGtD,MAAM,EAAE,MAAM,CAAM;IAGpB,QAAQ,CAAC,MAAM,yCAA2F;gBAEjE,MAAM,EAAE,MAAM,GAAG,IAAI;IAI9D,QAAQ,IAAI,IAAI;IAEhB,WAAW,IAAI,IAAI;IAEnB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,GAAG,IAAI;IA8CrD,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCA7ErB,eAAe;2CAAf,eAAe;CA6H3B"}