@angflow/angular 0.0.19 → 0.3.4

package/dist/esm/lib/components/nodes/template-node.component.d.ts

@@ -13,18 +13,7 @@ import * as i0 from "@angular/core";
  */
 export declare class TemplateNodeComponent {
     private readonly store;
-    readonly id: import("@angular/core").InputSignal<string>;
-    readonly data: import("@angular/core").InputSignal<any>;
-    readonly type: import("@angular/core").InputSignal<string | undefined>;
-    readonly selected: import("@angular/core").InputSignal<boolean>;
-    readonly dragging: import("@angular/core").InputSignal<boolean>;
-    readonly zIndex: import("@angular/core").InputSignal<number>;
-    readonly isConnectable: import("@angular/core").InputSignal<boolean>;
-    readonly positionAbsoluteX: import("@angular/core").InputSignal<number>;
-    readonly positionAbsoluteY: import("@angular/core").InputSignal<number>;
-    readonly sourcePosition: import("@angular/core").InputSignal<Position | undefined>;
-    readonly targetPosition: import("@angular/core").InputSignal<Position | undefined>;
-    readonly dragHandle: import("@angular/core").InputSignal<string | undefined>;
+    readonly node: import("../../types").NgFlowNodeContext<Record<string, unknown>>;
     readonly spec: import("@angular/core").Signal<import("../../types").NodeTemplateSpec | undefined>;
     readonly title: import("@angular/core").Signal<string>;
     readonly iconPath: import("@angular/core").Signal<string | null>;
@@ -43,6 +32,5 @@ export declare class TemplateNodeComponent {
         position: Position;
     }[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateNodeComponent, "ng-flow-template-node", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "dragging": { "alias": "dragging"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "isConnectable": { "alias": "isConnectable"; "required": false; "isSignal": true; }; "positionAbsoluteX": { "alias": "positionAbsoluteX"; "required": false; "isSignal": true; }; "positionAbsoluteY": { "alias": "positionAbsoluteY"; "required": false; "isSignal": true; }; "sourcePosition": { "alias": "sourcePosition"; "required": false; "isSignal": true; }; "targetPosition": { "alias": "targetPosition"; "required": false; "isSignal": true; }; "dragHandle": { "alias": "dragHandle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateNodeComponent, "ng-flow-template-node", never, {}, {}, never, never, true, never>;
 }
-//# sourceMappingURL=template-node.component.d.ts.map

package/dist/esm/lib/components/nodes/template-node.component.js

@@ -1,8 +1,9 @@
-import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
 import { Position } from '@angflow/system';
 import { HandleComponent } from '../handle/handle.component';
 import { FlowStore } from '../../services/flow-store.service';
 import { interpolateTemplateString, isTemplateConditionTrue, } from '../../utils/template-interpolation';
+import { injectNgFlowNode } from '../../utils/inject-ng-flow-node';
 import * as i0 from "@angular/core";
 const POSITION_MAP = {
     top: Position.Top,
@@ -39,34 +40,23 @@ const ICONS = {
 export class TemplateNodeComponent {
     constructor() {
         this.store = inject(FlowStore);
-        this.id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
-        this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
-        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
-        this.dragging = input(false, ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
-        this.zIndex = input(0, ...(ngDevMode ? [{ debugName: "zIndex" }] : /* istanbul ignore next */ []));
-        this.isConnectable = input(true, ...(ngDevMode ? [{ debugName: "isConnectable" }] : /* istanbul ignore next */ []));
-        this.positionAbsoluteX = input(0, ...(ngDevMode ? [{ debugName: "positionAbsoluteX" }] : /* istanbul ignore next */ []));
-        this.positionAbsoluteY = input(0, ...(ngDevMode ? [{ debugName: "positionAbsoluteY" }] : /* istanbul ignore next */ []));
-        this.sourcePosition = input(...(ngDevMode ? [undefined, { debugName: "sourcePosition" }] : /* istanbul ignore next */ []));
-        this.targetPosition = input(...(ngDevMode ? [undefined, { debugName: "targetPosition" }] : /* istanbul ignore next */ []));
-        this.dragHandle = input(...(ngDevMode ? [undefined, { debugName: "dragHandle" }] : /* istanbul ignore next */ []));
-        this.spec = computed(() => this.store.nodeTemplates().get(this.type() ?? ''), ...(ngDevMode ? [{ debugName: "spec" }] : /* istanbul ignore next */ []));
-        this.title = computed(() => interpolateTemplateString(this.spec()?.title ?? '', this.data()), ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.node = injectNgFlowNode();
+        this.spec = computed(() => this.store.nodeTemplates().get(this.node.type() ?? ''), ...(ngDevMode ? [{ debugName: "spec" }] : /* istanbul ignore next */ []));
+        this.title = computed(() => interpolateTemplateString(this.spec()?.title ?? '', this.node.data()), ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
         this.iconPath = computed(() => {
             const icon = this.spec()?.icon;
             return icon ? ICONS[icon] ?? null : null;
         }, ...(ngDevMode ? [{ debugName: "iconPath" }] : /* istanbul ignore next */ []));
         this.badges = computed(() => (this.spec()?.badges ?? [])
-            .filter((b) => isTemplateConditionTrue(b.showIf, this.data()))
+            .filter((b) => isTemplateConditionTrue(b.showIf, this.node.data()))
             .map((b) => ({
-            text: interpolateTemplateString(b.text, this.data()),
+            text: interpolateTemplateString(b.text, this.node.data()),
             color: BADGE_COLORS.has(b.color) ? b.color : 'slate',
         })), ...(ngDevMode ? [{ debugName: "badges" }] : /* istanbul ignore next */ []));
         this.fields = computed(() => (this.spec()?.fields ?? [])
-            .filter((f) => isTemplateConditionTrue(f.showIf, this.data()))
-            .map((f) => ({ label: f.label, value: interpolateTemplateString(f.value, this.data()) })), ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
-        this.bodyText = computed(() => interpolateTemplateString(this.spec()?.body ?? '', this.data()), ...(ngDevMode ? [{ debugName: "bodyText" }] : /* istanbul ignore next */ []));
+            .filter((f) => isTemplateConditionTrue(f.showIf, this.node.data()))
+            .map((f) => ({ label: f.label, value: interpolateTemplateString(f.value, this.node.data()) })), ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+        this.bodyText = computed(() => interpolateTemplateString(this.spec()?.body ?? '', this.node.data()), ...(ngDevMode ? [{ debugName: "bodyText" }] : /* istanbul ignore next */ []));
         this.handles = computed(() => {
             const declared = this.spec()?.handles ?? [
                 { type: 'target', position: 'left' },
@@ -80,12 +70,12 @@ export class TemplateNodeComponent {
         }, ...(ngDevMode ? [{ debugName: "handles" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: TemplateNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: TemplateNodeComponent, isStandalone: true, selector: "ng-flow-template-node", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, dragging: { classPropertyName: "dragging", publicName: "dragging", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, isConnectable: { classPropertyName: "isConnectable", publicName: "isConnectable", isSignal: true, isRequired: false, transformFunction: null }, positionAbsoluteX: { classPropertyName: "positionAbsoluteX", publicName: "positionAbsoluteX", isSignal: true, isRequired: false, transformFunction: null }, positionAbsoluteY: { classPropertyName: "positionAbsoluteY", publicName: "positionAbsoluteY", isSignal: true, isRequired: false, transformFunction: null }, sourcePosition: { classPropertyName: "sourcePosition", publicName: "sourcePosition", isSignal: true, isRequired: false, transformFunction: null }, targetPosition: { classPropertyName: "targetPosition", publicName: "targetPosition", isSignal: true, isRequired: false, transformFunction: null }, dragHandle: { classPropertyName: "dragHandle", publicName: "dragHandle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: TemplateNodeComponent, isStandalone: true, selector: "ng-flow-template-node", ngImport: i0, template: `
     @if (spec(); as s) {
       <div
         class="ng-flow__template-node"
         [class.ng-flow__template-node--compact]="(s.variant ?? 'detailed') === 'compact'"
-        [class.ng-flow__template-node--selected]="selected()"
+        [class.ng-flow__template-node--selected]="node.selected()"
         [style.borderLeftColor]="s.accent ?? null"
       >
         <div class="ng-flow__template-node__header" [style.color]="s.accent ?? null">
@@ -135,7 +125,7 @@ export class TemplateNodeComponent {
             [type]="h.type"
             [id]="h.id ?? null"
             [position]="h.position"
-            [isConnectable]="isConnectable()"
+            [isConnectable]="node.isConnectable()"
           />
         }
       </div>
@@ -149,7 +139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
       <div
         class="ng-flow__template-node"
         [class.ng-flow__template-node--compact]="(s.variant ?? 'detailed') === 'compact'"
-        [class.ng-flow__template-node--selected]="selected()"
+        [class.ng-flow__template-node--selected]="node.selected()"
         [style.borderLeftColor]="s.accent ?? null"
       >
         <div class="ng-flow__template-node__header" [style.color]="s.accent ?? null">
@@ -199,11 +189,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
             [type]="h.type"
             [id]="h.id ?? null"
             [position]="h.position"
-            [isConnectable]="isConnectable()"
+            [isConnectable]="node.isConnectable()"
           />
         }
       </div>
     }
   `, styles: ["\n      .ng-flow__template-node {\n        min-width: 140px;\n        max-width: 280px;\n        padding: 8px 10px;\n        border: 1px solid #d4d4d8;\n        border-left: 3px solid #94a3b8;\n        border-radius: 6px;\n        background: #ffffff;\n        font-size: 12px;\n        color: #1e293b;\n      }\n      .ng-flow__template-node--selected {\n        box-shadow: 0 0 0 1px #6366f1;\n      }\n      .ng-flow__template-node--compact {\n        padding: 4px 8px;\n        min-width: 100px;\n      }\n      .ng-flow__template-node__header {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        font-weight: 600;\n      }\n      .ng-flow__template-node__icon {\n        width: 16px;\n        height: 16px;\n        flex: none;\n      }\n      .ng-flow__template-node__badges {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n        margin-top: 4px;\n      }\n      .ng-flow__template-node__badge {\n        padding: 0 6px;\n        border-radius: 999px;\n        font-size: 10px;\n        line-height: 16px;\n      }\n      .ng-flow__template-node__badge--slate { background: #f1f5f9; color: #475569; }\n      .ng-flow__template-node__badge--indigo { background: #e0e7ff; color: #4338ca; }\n      .ng-flow__template-node__badge--emerald { background: #d1fae5; color: #047857; }\n      .ng-flow__template-node__badge--amber { background: #fef3c7; color: #b45309; }\n      .ng-flow__template-node__badge--rose { background: #ffe4e6; color: #be123c; }\n      .ng-flow__template-node__fields {\n        margin: 6px 0 0;\n      }\n      .ng-flow__template-node__field {\n        display: flex;\n        justify-content: space-between;\n        gap: 8px;\n      }\n      .ng-flow__template-node__field dt {\n        color: #64748b;\n        font-weight: 400;\n      }\n      .ng-flow__template-node__field dd {\n        margin: 0;\n        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n      }\n      .ng-flow__template-node__body {\n        margin: 6px 0 0;\n        color: #475569;\n      }\n    "] }]
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], dragging: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragging", required: false }] }], zIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndex", required: false }] }], isConnectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectable", required: false }] }], positionAbsoluteX: [{ type: i0.Input, args: [{ isSignal: true, alias: "positionAbsoluteX", required: false }] }], positionAbsoluteY: [{ type: i0.Input, args: [{ isSignal: true, alias: "positionAbsoluteY", required: false }] }], sourcePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourcePosition", required: false }] }], targetPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetPosition", required: false }] }], dragHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragHandle", required: false }] }] } });
+        }] });
 //# sourceMappingURL=template-node.component.js.map

package/dist/esm/lib/components/nodes/template-node.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"template-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/template-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAE9D,OAAO,EACL,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,oCAAoC,CAAC;;AAE5C,MAAM,YAAY,GAA6B;IAC7C,GAAG,EAAE,QAAQ,CAAC,GAAG;IACjB,KAAK,EAAE,QAAQ,CAAC,KAAK;IACrB,MAAM,EAAE,QAAQ,CAAC,MAAM;IACvB,IAAI,EAAE,QAAQ,CAAC,IAAI;CACpB,CAAC;AAEF,MAAM,YAAY,GAAG,IAAI,GAAG,CAAyB,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AAEtG;;;;GAIG;AACH,MAAM,KAAK,GAA2B;IACpC,QAAQ,EACN,kIAAkI;IACpI,MAAM,EAAE,4CAA4C;IACpD,KAAK,EAAE,yBAAyB;IAChC,KAAK,EAAE,yEAAyE;IAChF,IAAI,EAAE,wDAAwD;IAC9D,QAAQ,EAAE,4BAA4B;IACtC,IAAI,EAAE,gCAAgC;IACtC,QAAQ,EAAE,4CAA4C;CACvD,CAAC;AAEF;;;;;;;;;GASG;AA0IH,MAAM,OAAO,qBAAqB;IAzIlC;QA0ImB,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAElC,OAAE,GAAG,KAAK,CAAC,QAAQ,wEAAU,CAAC;QAC9B,SAAI,GAAG,KAAK,qFAAO,CAAC;QACpB,SAAI,GAAG,KAAK,qFAAU,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,WAAM,GAAG,KAAK,CAAC,CAAC,6EAAC,CAAC;QAClB,kBAAa,GAAG,KAAK,CAAC,IAAI,oFAAC,CAAC;QAC5B,sBAAiB,GAAG,KAAK,CAAC,CAAC,wFAAC,CAAC;QAC7B,sBAAiB,GAAG,KAAK,CAAC,CAAC,wFAAC,CAAC;QAC7B,mBAAc,GAAG,KAAK,+FAAY,CAAC;QACnC,mBAAc,GAAG,KAAK,+FAAY,CAAC;QACnC,eAAU,GAAG,KAAK,2FAAU,CAAC;QAE7B,SAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,2EAAC,CAAC;QAEzE,UAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7B,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,4EACjE,CAAC;QAEO,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC;YAC/B,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3C,CAAC,+EAAC,CAAC;QAEM,WAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC9B,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,EAAE,CAAC;aACxB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;aAC7D,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;YACpD,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,KAA+B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAM,CAAC,CAAC,CAAC,OAAO;SAChF,CAAC,CAAC,6EACN,CAAC;QAEO,WAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC9B,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,EAAE,CAAC;aACxB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;aAC7D,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,6EAC5F,CAAC;QAEO,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAChC,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,+EAChE,CAAC;QAEO,YAAO,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,IAAI;gBACvC,EAAE,IAAI,EAAE,QAAiB,EAAE,QAAQ,EAAE,MAAe,EAAE;gBACtD,EAAE,IAAI,EAAE,QAAiB,EAAE,QAAQ,EAAE,OAAgB,EAAE;aACxD,CAAC;YACF,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC1B,IAAI,EAAE,CAAC,CAAC,IAAI;gBACZ,EAAE,EAAE,CAAC,CAAC,EAAE;gBACR,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aAC/E,CAAC,CAAC,CAAC;QACN,CAAC,8EAAC,CAAC;KACJ;+GAzDY,qBAAqB;mGAArB,qBAAqB,uqDApItB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DT,8lEA9DS,eAAe;;4FAsId,qBAAqB;kBAzIjC,SAAS;+BACE,uBAAuB,cACrB,IAAI,WACP,CAAC,eAAe,CAAC,mBACT,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DT"}
+{"version":3,"file":"template-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/template-node.component.ts"],"names":[],"mappings":"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"}

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

@@ -22,4 +22,3 @@ export declare class PanelComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "ng-flow-panel", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-//# sourceMappingURL=panel.component.d.ts.map

package/dist/esm/lib/components/selection-box/selection-box.component.d.ts

@@ -3,6 +3,10 @@ import * as i0 from "@angular/core";
 export declare class SelectionBoxComponent {
     readonly store: FlowStore<import("../../types").Node, import("../../types").Edge>;
     readonly contextMenu: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    private readonly destroyRef;
+    private readonly nodesSelectionBox;
+    private dragInstance;
+    constructor();
     readonly isVisible: import("@angular/core").Signal<boolean>;
     readonly rect: import("@angular/core").Signal<import("@angflow/system").SelectionRect | null>;
     readonly nodesSelectionBounds: import("@angular/core").Signal<{
@@ -13,7 +17,13 @@ export declare class SelectionBoxComponent {
     }>;
     readonly nodesSelectionTransform: import("@angular/core").Signal<string>;
     onContextMenu(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Ports React's useMoveSelectedNodes: shift every selected & draggable node
+     * by a snap-grid-aware velocity, then push the batch through the same
+     * updateNodePositions path a drag uses.
+     */
+    private moveSelectedNodes;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectionBoxComponent, "ng-flow-selection-box", never, {}, { "contextMenu": "contextMenu"; }, never, never, true, never>;
 }
-//# sourceMappingURL=selection-box.component.d.ts.map

package/dist/esm/lib/components/selection-box/selection-box.component.js

@@ -1,10 +1,21 @@
-import { Component, ChangeDetectionStrategy, inject, computed, output } from '@angular/core';
+import { Component, ChangeDetectionStrategy, inject, computed, output, viewChild, effect, DestroyRef, } from '@angular/core';
+import { XYDrag, calculateNodePosition, snapPosition, } from '@angflow/system';
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
+/** Per-key unit direction vectors for arrow-key node movement (React parity). */
+const arrowKeyDiffs = {
+    ArrowUp: { x: 0, y: -1 },
+    ArrowDown: { x: 0, y: 1 },
+    ArrowLeft: { x: -1, y: 0 },
+    ArrowRight: { x: 1, y: 0 },
+};
 export class SelectionBoxComponent {
     constructor() {
         this.store = inject(FlowStore);
         this.contextMenu = output();
+        this.destroyRef = inject(DestroyRef);
+        this.nodesSelectionBox = viewChild('nodesSelectionBox', ...(ngDevMode ? [{ debugName: "nodesSelectionBox" }] : /* istanbul ignore next */ []));
+        this.dragInstance = null;
         this.isVisible = computed(() => this.store.userSelectionActive() && this.store.userSelectionRect() !== null, ...(ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []));
         this.rect = computed(() => this.store.userSelectionRect(), ...(ngDevMode ? [{ debugName: "rect" }] : /* istanbul ignore next */ []));
         this.nodesSelectionBounds = computed(() => {
@@ -30,13 +41,101 @@ export class SelectionBoxComponent {
             const b = this.nodesSelectionBounds();
             return `translate(${b.x}px, ${b.y}px)`;
         }, ...(ngDevMode ? [{ debugName: "nodesSelectionTransform" }] : /* istanbul ignore next */ []));
+        // Bind/unbind XYDrag to the nodes-selection box as it enters/leaves the
+        // DOM (@if on nodesSelectionActive). No nodeId is passed: XYDrag's
+        // undefined-nodeId path collects all selected nodes and routes through the
+        // onSelectionDrag* store callbacks (already wired on <ng-flow>), mirroring
+        // React's useDrag({ nodeRef }) with no nodeId.
+        effect(() => {
+            const box = this.nodesSelectionBox();
+            if (!box) {
+                // Box left the DOM (selection cleared) — drop the d3-drag binding.
+                this.dragInstance?.destroy();
+                this.dragInstance = null;
+                return;
+            }
+            if (!this.dragInstance) {
+                this.dragInstance = XYDrag({
+                    getStoreItems: () => this.store.getStoreItems(),
+                });
+            }
+            this.dragInstance.update({
+                domNode: box.nativeElement,
+                // nodeId intentionally omitted → selection-drag path.
+                noDragClassName: this.store.noDragClassName(),
+            });
+        });
+        // Safety net: if the component is destroyed while the box is still bound
+        // (e.g. <ng-flow> torn down mid-drag), release the d3 listeners.
+        this.destroyRef.onDestroy(() => this.dragInstance?.destroy());
     }
     onContextMenu(event) {
         event.preventDefault();
         this.contextMenu.emit(event);
     }
+    onKeyDown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.store.nodesSelectionActive.set(false);
+            event.currentTarget?.blur();
+            return;
+        }
+        const direction = arrowKeyDiffs[event.key];
+        if (!direction)
+            return;
+        event.preventDefault();
+        this.moveSelectedNodes(direction, event.shiftKey ? 4 : 1);
+    }
+    /**
+     * Ports React's useMoveSelectedNodes: shift every selected & draggable node
+     * by a snap-grid-aware velocity, then push the batch through the same
+     * updateNodePositions path a drag uses.
+     */
+    moveSelectedNodes(direction, factor) {
+        const store = this.store;
+        const snapToGrid = store.snapToGrid();
+        const snapGrid = store.snapGrid();
+        const nodeExtent = store.nodeExtent();
+        const nodeOrigin = store.nodeOrigin();
+        const nodesDraggable = store.nodesDraggable();
+        const onError = store.onError();
+        const nodeLookup = store.nodeLookup;
+        // By default a node moves 5px per press; snap grid overrides the velocity.
+        const xVelo = snapToGrid ? snapGrid[0] : 5;
+        const yVelo = snapToGrid ? snapGrid[1] : 5;
+        const xDiff = direction.x * xVelo * factor;
+        const yDiff = direction.y * yVelo * factor;
+        const nodeUpdates = new Map();
+        for (const [, node] of nodeLookup) {
+            const userDraggable = node.draggable;
+            const isSelectedDraggable = node.selected && (userDraggable || (nodesDraggable && typeof userDraggable === 'undefined'));
+            if (!isSelectedDraggable)
+                continue;
+            let nextPosition = {
+                x: node.internals.positionAbsolute.x + xDiff,
+                y: node.internals.positionAbsolute.y + yDiff,
+            };
+            if (snapToGrid) {
+                nextPosition = snapPosition(nextPosition, snapGrid);
+            }
+            const { position, positionAbsolute } = calculateNodePosition({
+                nodeId: node.id,
+                nextPosition,
+                nodeLookup,
+                nodeExtent,
+                nodeOrigin,
+                onError,
+            });
+            node.position = position;
+            node.internals.positionAbsolute = positionAbsolute;
+            nodeUpdates.set(node.id, node);
+        }
+        if (nodeUpdates.size > 0) {
+            store.updateNodePositions(nodeUpdates);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SelectionBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SelectionBoxComponent, isStandalone: true, selector: "ng-flow-selection-box", outputs: { contextMenu: "contextMenu" }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: SelectionBoxComponent, isStandalone: true, selector: "ng-flow-selection-box", outputs: { contextMenu: "contextMenu" }, host: { styleAttribute: "display: contents;" }, viewQueries: [{ propertyName: "nodesSelectionBox", first: true, predicate: ["nodesSelectionBox"], descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (isVisible()) {
       <div
         class="ng-flow__selection xy-flow__selection"
@@ -50,11 +149,14 @@ export class SelectionBoxComponent {
     }
     @if (store.nodesSelectionActive()) {
       <div
+        #nodesSelectionBox
         class="ng-flow__selection ng-flow__nodesselection xy-flow__selection xy-flow__nodesselection"
         style="position: absolute; pointer-events: all; z-index: 10; transform-origin: left top;"
         [style.transform]="nodesSelectionTransform()"
         [style.width.px]="nodesSelectionBounds().width"
         [style.height.px]="nodesSelectionBounds().height"
+        tabindex="-1"
+        (keydown)="onKeyDown($event)"
         (contextmenu)="onContextMenu($event)"
       ></div>
     }
@@ -83,15 +185,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
     }
     @if (store.nodesSelectionActive()) {
       <div
+        #nodesSelectionBox
         class="ng-flow__selection ng-flow__nodesselection xy-flow__selection xy-flow__nodesselection"
         style="position: absolute; pointer-events: all; z-index: 10; transform-origin: left top;"
         [style.transform]="nodesSelectionTransform()"
         [style.width.px]="nodesSelectionBounds().width"
         [style.height.px]="nodesSelectionBounds().height"
+        tabindex="-1"
+        (keydown)="onKeyDown($event)"
         (contextmenu)="onContextMenu($event)"
       ></div>
     }
   `,
                 }]
-        }], propDecorators: { contextMenu: [{ type: i0.Output, args: ["contextMenu"] }] } });
+        }], ctorParameters: () => [], propDecorators: { contextMenu: [{ type: i0.Output, args: ["contextMenu"] }], nodesSelectionBox: [{ type: i0.ViewChild, args: ['nodesSelectionBox', { isSignal: true }] }] } });
 //# sourceMappingURL=selection-box.component.js.map

package/dist/esm/lib/components/selection-box/selection-box.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-box.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/selection-box/selection-box.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"selection-box.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/selection-box/selection-box.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,uBAAuB,EACvB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EAEN,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,MAAM,EAGN,qBAAqB,EACrB,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAE9D,iFAAiF;AACjF,MAAM,aAAa,GAA+B;IAChD,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;IACxB,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACzB,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IAC1B,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;CAC3B,CAAC;AAoCF,MAAM,OAAO,qBAAqB;IAShC;QARS,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE1B,gBAAW,GAAG,MAAM,EAAc,CAAC;QAE3B,eAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;QAChC,sBAAiB,GAAG,SAAS,CAA6B,mBAAmB,wFAAC,CAAC;QACxF,iBAAY,GAA0B,IAAI,CAAC;QAoC1C,cAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,IAAI,gFAAC,CAAC;QACxG,SAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,2EAAC,CAAC;QAEtD,yBAAoB,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC5C,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YAC5C,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;YACtE,IAAI,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC;YACzE,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;gBAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACpD,MAAM,CAAC,GAAG,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACtE,MAAM,CAAC,GAAG,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACtE,MAAM,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;gBACzD,MAAM,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;gBAC1D,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACzB,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACzB,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC7B,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;QACvE,CAAC,2FAAC,CAAC;QAEM,4BAAuB,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC/C,MAAM,CAAC,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACtC,OAAO,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QACzC,CAAC,8FAAC,CAAC;QA1DD,wEAAwE;QACxE,mEAAmE;QACnE,2EAA2E;QAC3E,2EAA2E;QAC3E,+CAA+C;QAC/C,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,GAAG,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAErC,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,mEAAmE;gBACnE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,CAAC;gBAC7B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACvB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;oBACzB,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;iBAChD,CAAC,CAAC;YACL,CAAC;YAED,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;gBACvB,OAAO,EAAE,GAAG,CAAC,aAAa;gBAC1B,sDAAsD;gBACtD,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;aAC9C,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,iEAAiE;QACjE,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC;IA6BD,aAAa,CAAC,KAAiB;QAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,SAAS,CAAC,KAAoB;QAC5B,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC1C,KAAK,CAAC,aAAoC,EAAE,IAAI,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED;;;;OAIG;IACK,iBAAiB,CAAC,SAAqB,EAAE,MAAc;QAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAClC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;QACtC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;QACtC,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;QAEpC,2EAA2E;QAC3E,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC;QAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC;QAE3C,MAAM,WAAW,GAAG,IAAI,GAAG,EAAmB,CAAC;QAE/C,KAAK,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,UAAU,EAAE,CAAC;YAClC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC;YACrC,MAAM,mBAAmB,GACvB,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc,IAAI,OAAO,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC;YAC/F,IAAI,CAAC,mBAAmB;gBAAE,SAAS;YAEnC,IAAI,YAAY,GAAG;gBACjB,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,GAAG,KAAK;gBAC5C,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,GAAG,KAAK;aAC7C,CAAC;YACF,IAAI,UAAU,EAAE,CAAC;gBACf,YAAY,GAAG,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;YACtD,CAAC;YAED,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,CAAC;gBAC3D,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,YAAY;gBACZ,UAAU;gBACV,UAAU;gBACV,UAAU;gBACV,OAAO;aACR,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,SAAS,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;YACnD,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACjC,CAAC;QAED,IAAI,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YACzB,KAAK,CAAC,mBAAmB,CAAC,WAAiC,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC;+GAhJU,qBAAqB;mGAArB,qBAAqB,kTA3BtB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;;4FAEU,qBAAqB;kBAlCjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,oBAAoB;qBAC9B;oBACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;iBACF;oKAO4E,mBAAmB"}

package/dist/esm/lib/components/viewport-portal/viewport-portal.component.d.ts

@@ -10,4 +10,3 @@ export declare class ViewportPortalComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewportPortalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ViewportPortalComponent, "ng-flow-viewport-portal", never, {}, {}, never, ["*"], true, never>;
 }
-//# sourceMappingURL=viewport-portal.component.d.ts.map

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

@@ -1,8 +1,22 @@
 import { Type } from '@angular/core';
 import { type HandleType, type Connection, type FinalConnectionState } from '@angflow/system';
 import { FlowStore } from '../../services/flow-store.service';
-import type { Edge, EdgeTypes } from '../../types';
+import type { Edge, EdgeTypes, InternalNode } from '../../types';
 import * as i0 from "@angular/core";
+/**
+ * Pure, identity-free fingerprint of everything that affects an edge's
+ * geometry: endpoint absolute positions, node sizes, and the global edge
+ * mode (plus the flow id, which feeds marker URLs). Used as the memo key so
+ * a dragged node (position change) or a remeasure (size change) invalidates
+ * the cached inputs while an unchanged frame stays a cheap string-equal hit.
+ */
+export declare function computeEdgeGeometryKey(edge: Edge, sourceNode: InternalNode | undefined, targetNode: InternalNode | undefined, edgeMode: 'handles' | 'floating', rfId?: string): string;
+/**
+ * Computes an edge's SVG path string from a built inputs object. Byte-for-byte
+ * equivalent to the inline switch the template used to call per binding —
+ * extracted so the memo can compute it exactly once per inputs build.
+ */
+export declare function computeEdgePathFromInputs(ei: Record<string, unknown>): string;
 export declare class EdgeRendererComponent {
     readonly store: FlowStore<import("../../types").Node, Edge>;
     readonly reconnectRadius: import("@angular/core").InputSignal<number>;
@@ -50,7 +64,7 @@ export declare class EdgeRendererComponent {
         handleType: HandleType;
         connectionState: FinalConnectionState;
     }>;
-    readonly visibleEdges: import("@angular/core").Signal<Edge[]>;
+    readonly visibleEdges: import("@angular/core").Signal<import("../../public-api").DisplayEdge<Edge>[]>;
     readonly markers: import("@angular/core").Signal<Record<string, unknown>[]>;
     isCustomEdge(type?: string): boolean;
     getEdgeClasses(edge: Edge): string;
@@ -68,7 +82,18 @@ export declare class EdgeRendererComponent {
      */
     getEdgeComponentInputs(edge: Edge, all: Record<string, unknown>): Record<string, unknown>;
     private getDeclaredInputs;
+    private buildEdgeInputs;
+    /**
+     * Per-edge memo of the built inputs object and its computed path. The
+     * template calls getEdgeInputs(edge) up to 3x per edge (main SVG, custom-edge
+     * overlay, label) and getEdgePath() twice; without this each call rebuilt the
+     * inputs and recomputed the path. Cached on edge id, validated against a
+     * geometry fingerprint plus reference identities for the inputs that don't
+     * appear in the key (edge object, handle-data map, handle bounds).
+     */
+    private readonly edgeMemo;
     getEdgeInputs(edge: Edge): Record<string, any>;
+    constructor();
     onEdgeEvent(event: MouseEvent, edge: Edge, eventType: string): void;
     onEdgeKeyDown(event: KeyboardEvent, edge: Edge): void;
     onEdgeFocus(edge: Edge): void;
@@ -87,4 +112,3 @@ export declare class EdgeRendererComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<EdgeRendererComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EdgeRendererComponent, "ng-flow-edge-renderer", never, { "reconnectRadius": { "alias": "reconnectRadius"; "required": false; "isSignal": true; }; "customEdgeTypes": { "alias": "customEdgeTypes"; "required": false; "isSignal": true; }; }, { "edgeClick": "edgeClick"; "edgeDoubleClick": "edgeDoubleClick"; "edgeContextMenu": "edgeContextMenu"; "edgeMouseEnter": "edgeMouseEnter"; "edgeMouseMove": "edgeMouseMove"; "edgeMouseLeave": "edgeMouseLeave"; "reconnect": "reconnect"; "reconnectStart": "reconnectStart"; "reconnectEnd": "reconnectEnd"; }, never, never, true, never>;
 }
-//# sourceMappingURL=edge-renderer.component.d.ts.map