@angflow/angular 0.0.19 → 0.3.1

package/dist/esm/lib/components/node-resizer/node-resizer.component.js

@@ -1,8 +1,13 @@
-import { Component, ChangeDetectionStrategy, input, output, inject, computed, ElementRef, Optional, Inject, } from '@angular/core';
+import { Component, ChangeDetectionStrategy, input, output, inject, computed, effect, Injector, ElementRef, Optional, Inject, } from '@angular/core';
 import { XYResizer, } from '@angflow/system';
 import { FlowStore } from '../../services/flow-store.service';
 import { NODE_ID } from '../../services/tokens';
 import * as i0 from "@angular/core";
+/** Control positions, in the same order as the template elements (4 corners, then 4 lines). */
+const CONTROL_POSITIONS = [
+    'top-left', 'top-right', 'bottom-left', 'bottom-right',
+    'top', 'right', 'bottom', 'left',
+];
 /**
  * Adds draggable resize handles and edges to a node. Place inside a node
  * template — the resizer auto-discovers the host node id — or pass `[nodeId]`
@@ -17,6 +22,7 @@ export class NodeResizerComponent {
     constructor(nodeId) {
         this.store = inject(FlowStore);
         this.el = inject((ElementRef));
+        this.injector = inject(Injector);
         /** Node to resize. Defaults to the host node when placed inside a node template. Aliased as `nodeId`. */
         this.nodeIdInput = input(undefined, { ...(ngDevMode ? { debugName: "nodeIdInput" } : /* istanbul ignore next */ {}), alias: 'nodeId' });
         /** Minimum allowed width in pixels. */
@@ -84,13 +90,9 @@ export class NodeResizerComponent {
     }
     ngAfterViewInit() {
         const resolvedNodeId = this.nodeIdInput() ?? this.nodeId;
-        // Template order: 4 corners, then 4 lines. Must match `positions` below.
+        // Template order: 4 corners, then 4 lines. Must match CONTROL_POSITIONS.
         const handles = Array.from(this.el.nativeElement.querySelectorAll(':scope > .xy-flow__resize-control'));
-        const positions = [
-            'top-left', 'top-right', 'bottom-left', 'bottom-right',
-            'top', 'right', 'bottom', 'left',
-        ];
-        handles.forEach((handle, index) => {
+        handles.forEach((handle) => {
             const resizer = XYResizer({
                 domNode: handle,
                 nodeId: resolvedNodeId,
@@ -145,27 +147,42 @@ export class NodeResizerComponent {
                     this.resizeEnd.emit({ changes: change });
                 },
             });
+            this.resizerInstances.push(resizer);
+        });
+        // Apply config now, then re-apply reactively whenever any config input
+        // changes. XYResizer.update() is idempotent, so the effect's first run
+        // re-applying the same config is harmless.
+        this.applyResizerConfig();
+        effect(() => this.applyResizerConfig(), { injector: this.injector });
+    }
+    applyResizerConfig() {
+        const boundaries = {
+            minWidth: this.minWidth(),
+            minHeight: this.minHeight(),
+            maxWidth: this.maxWidth(),
+            maxHeight: this.maxHeight(),
+        };
+        const keepAspectRatio = this.keepAspectRatio();
+        const shouldResize = this.shouldResize();
+        const onResizeStart = this.onResizeStartCb() ?? ((event, params) => {
+            this.resizeStart.emit({ event, ...params });
+        });
+        const onResize = this.onResizeCb() ?? ((event, params) => {
+            this.resize.emit({ event, ...params });
+        });
+        const onResizeEnd = this.onResizeEndCb() ?? ((event, params) => {
+            this.resizeEnd.emit({ event, ...params });
+        });
+        this.resizerInstances.forEach((resizer, index) => {
             resizer.update({
-                controlPosition: positions[index],
-                boundaries: {
-                    minWidth: this.minWidth(),
-                    minHeight: this.minHeight(),
-                    maxWidth: this.maxWidth(),
-                    maxHeight: this.maxHeight(),
-                },
-                keepAspectRatio: this.keepAspectRatio(),
-                onResizeStart: this.onResizeStartCb() ?? ((event, params) => {
-                    this.resizeStart.emit({ event, ...params });
-                }),
-                onResize: this.onResizeCb() ?? ((event, params) => {
-                    this.resize.emit({ event, ...params });
-                }),
-                onResizeEnd: this.onResizeEndCb() ?? ((event, params) => {
-                    this.resizeEnd.emit({ event, ...params });
-                }),
-                shouldResize: this.shouldResize(),
+                controlPosition: CONTROL_POSITIONS[index],
+                boundaries,
+                keepAspectRatio,
+                onResizeStart,
+                onResize,
+                onResizeEnd,
+                shouldResize,
             });
-            this.resizerInstances.push(resizer);
         });
     }
     ngOnDestroy() {

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

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

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

@@ -36,4 +36,3 @@ export declare class NodeToolbarComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeToolbarComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NodeToolbarComponent, "ng-flow-node-toolbar", never, { "nodeIdInput": { "alias": "nodeId"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-//# sourceMappingURL=node-toolbar.component.d.ts.map

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

@@ -51,6 +51,7 @@ export class NodeToolbarComponent {
             });
         }, ...(ngDevMode ? [{ debugName: "shouldShow" }] : /* istanbul ignore next */ []));
         this.toolbarTransform = computed(() => {
+            this.store.version(); // react to measure/resize — nodeLookup is mutated in place
             const ids = this.resolvedNodeIds();
             if (ids.length === 0)
                 return '';
@@ -63,7 +64,6 @@ export class NodeToolbarComponent {
             const pos = this.position();
             const off = this.offset();
             const alignVal = this.align();
-            let alignTranslate;
             switch (pos) {
                 case Position.Top:
                 case Position.Bottom: {

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

@@ -1 +1 @@
-{"version":3,"file":"node-toolbar.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/node-toolbar/node-toolbar.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"node-toolbar.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/node-toolbar/node-toolbar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;;AAEhD;;;;;;;;;;;GAWG;AAkBH,MAAM,OAAO,oBAAoB;IAoB/B,YAAyC,MAAqB;QAnBtD,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAElC;;;;WAIG;QACM,gBAAW,GAAG,KAAK,CAAgC,SAAS,mFAAI,KAAK,EAAE,QAAQ,GAAG,CAAC;QAC5F,qDAAqD;QAC5C,aAAQ,GAAG,KAAK,CAAW,QAAQ,CAAC,GAAG,+EAAC,CAAC;QAClD,0FAA0F;QACjF,cAAS,GAAG,KAAK,0FAAW,CAAC;QACtC,2DAA2D;QAClD,WAAM,GAAG,KAAK,CAAC,EAAE,6EAAC,CAAC;QAC5B,oDAAoD;QAC3C,UAAK,GAAG,KAAK,CAA6B,QAAQ,4EAAC,CAAC;QAErD,kBAAa,GAAW,EAAE,CAAC;QAM1B,oBAAe,GAAG,QAAQ,CAAC,GAAa,EAAE;YACjD,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;gBAC1B,OAAO,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YACtD,CAAC;YACD,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACxD,CAAC,sFAAC,CAAC;QAEM,eAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,wBAAwB;YAC9C,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,SAAS;gBAAE,OAAO,IAAI,CAAC,SAAS,EAAG,CAAC;YAC7D,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACnC,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;gBACnB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBAC3C,OAAO,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;YACjC,CAAC,CAAC,CAAC;QACL,CAAC,iFAAC,CAAC;QAEM,qBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,2DAA2D;YACjF,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACnC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,EAAE,CAAC;YAEhC,qCAAqC;YACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/C,IAAI,CAAC,IAAI;gBAAE,OAAO,EAAE,CAAC;YAErB,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;YAClD,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC;YACpD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE9B,QAAQ,GAAG,EAAE,CAAC;gBACZ,KAAK,QAAQ,CAAC,GAAG,CAAC;gBAClB,KAAK,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;oBACrB,MAAM,OAAO,GAAG,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC1E,MAAM,UAAU,GAAG,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;oBACtF,IAAI,GAAG,KAAK,QAAQ,CAAC,GAAG,EAAE,CAAC;wBACzB,OAAO,aAAa,OAAO,OAAO,CAAC,GAAG,iBAAiB,UAAU,UAAU,CAAC;oBAC9E,CAAC;oBACD,OAAO,aAAa,OAAO,OAAO,CAAC,GAAG,GAAG,iBAAiB,UAAU,MAAM,CAAC;gBAC7E,CAAC;gBACD,KAAK,QAAQ,CAAC,IAAI,CAAC;gBACnB,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;oBACpB,MAAM,OAAO,GAAG,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC1E,MAAM,UAAU,GAAG,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;oBACtF,IAAI,GAAG,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;wBAC1B,OAAO,aAAa,CAAC,GAAG,OAAO,OAAO,wBAAwB,UAAU,GAAG,CAAC;oBAC9E,CAAC;oBACD,OAAO,aAAa,CAAC,GAAG,GAAG,OAAO,OAAO,oBAAoB,UAAU,GAAG,CAAC;gBAC7E,CAAC;gBACD;oBACE,OAAO,EAAE,CAAC;YACd,CAAC;QACH,CAAC,uFAAC,CAAC;QA1DD,IAAI,CAAC,aAAa,GAAG,MAAM,IAAI,EAAE,CAAC;IACpC,CAAC;+GAtBU,oBAAoB,kBAoBC,OAAO;mGApB5B,oBAAoB,inCAFrB,gBAAgB;;4FAEf,oBAAoB;kBAjBhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,gBAAgB,EAAE,sBAAsB;wBACxC,SAAS,EAAE,mEAAmE;wBAC9E,kBAAkB,EAAE,YAAY;wBAChC,iBAAiB,EAAE,GAAG;wBACtB,gBAAgB,EAAE,GAAG;wBACrB,wBAAwB,EAAE,+BAA+B;wBACzD,iBAAiB,EAAE,MAAM;wBACzB,iBAAiB,EAAE,iCAAiC;wBACpD,mBAAmB,EAAE,oBAAoB;qBAC1C;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B;;0BAqBc,QAAQ;;0BAAI,MAAM;2BAAC,OAAO"}

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

@@ -2,23 +2,14 @@ import { Position } from '@angflow/system';
 import * as i0 from "@angular/core";
 /**
  * Built-in node renderer with a target handle on top and a source handle on
- * bottom. Used when a node has no `type` or `type: 'default'`.
+ * bottom. Used when a node has no `type` or `type: 'default'`. Reads per-node
+ * state through `injectNgFlowNode()` (no `@Input()`s).
  */
 export declare class DefaultNodeComponent {
     readonly Position: typeof Position;
-    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<{
+        label?: string;
+    } & Record<string, unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultNodeComponent, "ng-flow-default-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<DefaultNodeComponent, "ng-flow-default-node", never, {}, {}, never, never, true, never>;
 }
-//# sourceMappingURL=default-node.component.d.ts.map

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

@@ -1,32 +1,23 @@
-import { Component, ChangeDetectionStrategy, input } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { HandleComponent } from '../handle/handle.component';
 import { Position } from '@angflow/system';
+import { injectNgFlowNode } from '../../utils/inject-ng-flow-node';
 import * as i0 from "@angular/core";
 /**
  * Built-in node renderer with a target handle on top and a source handle on
- * bottom. Used when a node has no `type` or `type: 'default'`.
+ * bottom. Used when a node has no `type` or `type: 'default'`. Reads per-node
+ * state through `injectNgFlowNode()` (no `@Input()`s).
  */
 export class DefaultNodeComponent {
     constructor() {
         this.Position = Position;
-        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.node = injectNgFlowNode();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DefaultNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: DefaultNodeComponent, isStandalone: true, selector: "ng-flow-default-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: `
-    <ng-flow-handle type="target" [position]="Position.Top" [isConnectable]="isConnectable()" />
-    <div>{{ data()?.label }}</div>
-    <ng-flow-handle type="source" [position]="Position.Bottom" [isConnectable]="isConnectable()" />
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: DefaultNodeComponent, isStandalone: true, selector: "ng-flow-default-node", ngImport: i0, template: `
+    <ng-flow-handle type="target" [position]="Position.Top" [isConnectable]="node.isConnectable()" />
+    <div>{{ node.data()?.label }}</div>
+    <ng-flow-handle type="source" [position]="Position.Bottom" [isConnectable]="node.isConnectable()" />
   `, isInline: true, dependencies: [{ kind: "component", type: HandleComponent, selector: "ng-flow-handle", inputs: ["type", "position", "id", "isConnectable", "isConnectableStart", "isConnectableEnd", "isValidConnection", "data", "floating"], outputs: ["onConnect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DefaultNodeComponent, decorators: [{
@@ -37,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     imports: [HandleComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-    <ng-flow-handle type="target" [position]="Position.Top" [isConnectable]="isConnectable()" />
-    <div>{{ data()?.label }}</div>
-    <ng-flow-handle type="source" [position]="Position.Bottom" [isConnectable]="isConnectable()" />
+    <ng-flow-handle type="target" [position]="Position.Top" [isConnectable]="node.isConnectable()" />
+    <div>{{ node.data()?.label }}</div>
+    <ng-flow-handle type="source" [position]="Position.Bottom" [isConnectable]="node.isConnectable()" />
   `,
                 }]
-        }], 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=default-node.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"default-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/default-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;;AAE3C;;;GAGG;AAYH,MAAM,OAAO,oBAAoB;IAXjC;QAYW,aAAQ,GAAG,QAAQ,CAAC;QACpB,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;KACvC;+GAdY,oBAAoB;mGAApB,oBAAoB,sqDANrB;;;;GAIT,4DANS,eAAe;;4FAQd,oBAAoB;kBAXhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;GAIT;iBACF"}
+{"version":3,"file":"default-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/default-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAEnE;;;;GAIG;AAYH,MAAM,OAAO,oBAAoB;IAXjC;QAYW,aAAQ,GAAG,QAAQ,CAAC;QACpB,SAAI,GAAG,gBAAgB,EAAgD,CAAC;KAClF;+GAHY,oBAAoB;mGAApB,oBAAoB,gFANrB;;;;GAIT,4DANS,eAAe;;4FAQd,oBAAoB;kBAXhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;GAIT;iBACF"}

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

@@ -1,24 +1,13 @@
-import { Position } from '@angflow/system';
 import * as i0 from "@angular/core";
 /**
  * Built-in container node used for sub-flows. No handles and no label —
  * other nodes parent to it via `parentId` and optionally constrain movement
- * with `extent: 'parent'`.
+ * with `extent: 'parent'`. Reads per-node state through `injectNgFlowNode()`
+ * (no `@Input()`s); the renderer applies width/height/transform on the host
+ * wrapper, so the group body itself just fills its box.
  */
 export declare class GroupNodeComponent {
-    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<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GroupNodeComponent, "ng-flow-group-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<GroupNodeComponent, "ng-flow-group-node", never, {}, {}, never, never, true, never>;
 }
-//# sourceMappingURL=group-node.component.d.ts.map

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

@@ -1,27 +1,19 @@
-import { Component, ChangeDetectionStrategy, input } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { injectNgFlowNode } from '../../utils/inject-ng-flow-node';
 import * as i0 from "@angular/core";
 /**
  * Built-in container node used for sub-flows. No handles and no label —
  * other nodes parent to it via `parentId` and optionally constrain movement
- * with `extent: 'parent'`.
+ * with `extent: 'parent'`. Reads per-node state through `injectNgFlowNode()`
+ * (no `@Input()`s); the renderer applies width/height/transform on the host
+ * wrapper, so the group body itself just fills its box.
  */
 export class GroupNodeComponent {
     constructor() {
-        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.node = injectNgFlowNode();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: GroupNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: GroupNodeComponent, isStandalone: true, selector: "ng-flow-group-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 } }, host: { styleAttribute: "width: 100%; height: 100%;" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: GroupNodeComponent, isStandalone: true, selector: "ng-flow-group-node", host: { styleAttribute: "width: 100%; height: 100%;" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: GroupNodeComponent, decorators: [{
             type: Component,
@@ -34,5 +26,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     },
                     template: ``,
                 }]
-        }], 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=group-node.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"group-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/group-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAG1E;;;;GAIG;AAUH,MAAM,OAAO,kBAAkB;IAT/B;QAUW,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;KACvC;+GAbY,kBAAkB;mGAAlB,kBAAkB,4tDAFnB,EAAE;;4FAED,kBAAkB;kBAT9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,4BAA4B;qBACtC;oBACD,QAAQ,EAAE,EAAE;iBACb"}
+{"version":3,"file":"group-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/group-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAEnE;;;;;;GAMG;AAUH,MAAM,OAAO,kBAAkB;IAT/B;QAUW,SAAI,GAAG,gBAAgB,EAAE,CAAC;KACpC;+GAFY,kBAAkB;mGAAlB,kBAAkB,sIAFnB,EAAE;;4FAED,kBAAkB;kBAT9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,4BAA4B;qBACtC;oBACD,QAAQ,EAAE,EAAE;iBACb"}

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

@@ -2,23 +2,14 @@ import { Position } from '@angflow/system';
 import * as i0 from "@angular/core";
 /**
  * Built-in node renderer with only a source handle on the bottom.
- * Used when a node has `type: 'input'`.
+ * Used when a node has `type: 'input'`. Reads per-node state through
+ * `injectNgFlowNode()` (no `@Input()`s).
  */
 export declare class InputNodeComponent {
     readonly Position: typeof Position;
-    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<{
+        label?: string;
+    } & Record<string, unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputNodeComponent, "ng-flow-input-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<InputNodeComponent, "ng-flow-input-node", never, {}, {}, never, never, true, never>;
 }
-//# sourceMappingURL=input-node.component.d.ts.map

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

@@ -1,31 +1,22 @@
-import { Component, ChangeDetectionStrategy, input } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { HandleComponent } from '../handle/handle.component';
 import { Position } from '@angflow/system';
+import { injectNgFlowNode } from '../../utils/inject-ng-flow-node';
 import * as i0 from "@angular/core";
 /**
  * Built-in node renderer with only a source handle on the bottom.
- * Used when a node has `type: 'input'`.
+ * Used when a node has `type: 'input'`. Reads per-node state through
+ * `injectNgFlowNode()` (no `@Input()`s).
  */
 export class InputNodeComponent {
     constructor() {
         this.Position = Position;
-        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.node = injectNgFlowNode();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: InputNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: InputNodeComponent, isStandalone: true, selector: "ng-flow-input-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: `
-    <div>{{ data()?.label }}</div>
-    <ng-flow-handle type="source" [position]="Position.Bottom" [isConnectable]="isConnectable()" />
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: InputNodeComponent, isStandalone: true, selector: "ng-flow-input-node", ngImport: i0, template: `
+    <div>{{ node.data()?.label }}</div>
+    <ng-flow-handle type="source" [position]="Position.Bottom" [isConnectable]="node.isConnectable()" />
   `, isInline: true, dependencies: [{ kind: "component", type: HandleComponent, selector: "ng-flow-handle", inputs: ["type", "position", "id", "isConnectable", "isConnectableStart", "isConnectableEnd", "isValidConnection", "data", "floating"], outputs: ["onConnect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: InputNodeComponent, decorators: [{
@@ -36,9 +27,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     imports: [HandleComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-    <div>{{ data()?.label }}</div>
-    <ng-flow-handle type="source" [position]="Position.Bottom" [isConnectable]="isConnectable()" />
+    <div>{{ node.data()?.label }}</div>
+    <ng-flow-handle type="source" [position]="Position.Bottom" [isConnectable]="node.isConnectable()" />
   `,
                 }]
-        }], 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=input-node.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/input-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;;AAE3C;;;GAGG;AAWH,MAAM,OAAO,kBAAkB;IAV/B;QAWW,aAAQ,GAAG,QAAQ,CAAC;QACpB,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;KACvC;+GAdY,kBAAkB;mGAAlB,kBAAkB,oqDALnB;;;GAGT,4DALS,eAAe;;4FAOd,kBAAkB;kBAV9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;GAGT;iBACF"}
+{"version":3,"file":"input-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/input-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAEnE;;;;GAIG;AAWH,MAAM,OAAO,kBAAkB;IAV/B;QAWW,aAAQ,GAAG,QAAQ,CAAC;QACpB,SAAI,GAAG,gBAAgB,EAAgD,CAAC;KAClF;+GAHY,kBAAkB;mGAAlB,kBAAkB,8EALnB;;;GAGT,4DALS,eAAe;;4FAOd,kBAAkB;kBAV9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;GAGT;iBACF"}

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

@@ -2,23 +2,14 @@ import { Position } from '@angflow/system';
 import * as i0 from "@angular/core";
 /**
  * Built-in node renderer with only a target handle on the top.
- * Used when a node has `type: 'output'`.
+ * Used when a node has `type: 'output'`. Reads per-node state through
+ * `injectNgFlowNode()` (no `@Input()`s).
  */
 export declare class OutputNodeComponent {
     readonly Position: typeof Position;
-    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<{
+        label?: string;
+    } & Record<string, unknown>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<OutputNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OutputNodeComponent, "ng-flow-output-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<OutputNodeComponent, "ng-flow-output-node", never, {}, {}, never, never, true, never>;
 }
-//# sourceMappingURL=output-node.component.d.ts.map

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

@@ -1,31 +1,22 @@
-import { Component, ChangeDetectionStrategy, input } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { HandleComponent } from '../handle/handle.component';
 import { Position } from '@angflow/system';
+import { injectNgFlowNode } from '../../utils/inject-ng-flow-node';
 import * as i0 from "@angular/core";
 /**
  * Built-in node renderer with only a target handle on the top.
- * Used when a node has `type: 'output'`.
+ * Used when a node has `type: 'output'`. Reads per-node state through
+ * `injectNgFlowNode()` (no `@Input()`s).
  */
 export class OutputNodeComponent {
     constructor() {
         this.Position = Position;
-        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.node = injectNgFlowNode();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: OutputNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: OutputNodeComponent, isStandalone: true, selector: "ng-flow-output-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: `
-    <ng-flow-handle type="target" [position]="Position.Top" [isConnectable]="isConnectable()" />
-    <div>{{ data()?.label }}</div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: OutputNodeComponent, isStandalone: true, selector: "ng-flow-output-node", ngImport: i0, template: `
+    <ng-flow-handle type="target" [position]="Position.Top" [isConnectable]="node.isConnectable()" />
+    <div>{{ node.data()?.label }}</div>
   `, isInline: true, dependencies: [{ kind: "component", type: HandleComponent, selector: "ng-flow-handle", inputs: ["type", "position", "id", "isConnectable", "isConnectableStart", "isConnectableEnd", "isValidConnection", "data", "floating"], outputs: ["onConnect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: OutputNodeComponent, decorators: [{
@@ -36,9 +27,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     imports: [HandleComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-    <ng-flow-handle type="target" [position]="Position.Top" [isConnectable]="isConnectable()" />
-    <div>{{ data()?.label }}</div>
+    <ng-flow-handle type="target" [position]="Position.Top" [isConnectable]="node.isConnectable()" />
+    <div>{{ node.data()?.label }}</div>
   `,
                 }]
-        }], 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=output-node.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"output-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/output-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;;AAE3C;;;GAGG;AAWH,MAAM,OAAO,mBAAmB;IAVhC;QAWW,aAAQ,GAAG,QAAQ,CAAC;QACpB,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;KACvC;+GAdY,mBAAmB;mGAAnB,mBAAmB,qqDALpB;;;GAGT,4DALS,eAAe;;4FAOd,mBAAmB;kBAV/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;GAGT;iBACF"}
+{"version":3,"file":"output-node.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/output-node.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAEnE;;;;GAIG;AAWH,MAAM,OAAO,mBAAmB;IAVhC;QAWW,aAAQ,GAAG,QAAQ,CAAC;QACpB,SAAI,GAAG,gBAAgB,EAAgD,CAAC;KAClF;+GAHY,mBAAmB;mGAAnB,mBAAmB,+EALpB;;;GAGT,4DALS,eAAe;;4FAOd,mBAAmB;kBAV/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;GAGT;iBACF"}