@angflow/angular 0.0.17 → 0.0.18

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

@@ -22,14 +22,14 @@ export class DefaultNodeComponent {
         this.targetPosition = input(...(ngDevMode ? [undefined, { debugName: "targetPosition" }] : /* istanbul ignore next */ []));
         this.dragHandle = input(...(ngDevMode ? [undefined, { debugName: "dragHandle" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DefaultNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", 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: `
+    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()" />
   `, 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.6", ngImport: i0, type: DefaultNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DefaultNodeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-flow-default-node',

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;8GAdY,oBAAoB;kGAApB,oBAAoB,sqDANrB;;;;GAIT,4DANS,eAAe;;2FAQd,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,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"}

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

@@ -20,10 +20,10 @@ export class GroupNodeComponent {
         this.targetPosition = input(...(ngDevMode ? [undefined, { debugName: "targetPosition" }] : /* istanbul ignore next */ []));
         this.dragHandle = input(...(ngDevMode ? [undefined, { debugName: "dragHandle" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GroupNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", 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.ɵ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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GroupNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: GroupNodeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-flow-group-node',

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;8GAbY,kBAAkB;kGAAlB,kBAAkB,4tDAFnB,EAAE;;2FAED,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,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"}

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

@@ -22,13 +22,13 @@ export class InputNodeComponent {
         this.targetPosition = input(...(ngDevMode ? [undefined, { debugName: "targetPosition" }] : /* istanbul ignore next */ []));
         this.dragHandle = input(...(ngDevMode ? [undefined, { debugName: "dragHandle" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: InputNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", 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: `
+    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()" />
   `, 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.6", ngImport: i0, type: InputNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: InputNodeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-flow-input-node',

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;8GAdY,kBAAkB;kGAAlB,kBAAkB,oqDALnB;;;GAGT,4DALS,eAAe;;2FAOd,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,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"}

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

@@ -22,13 +22,13 @@ export class OutputNodeComponent {
         this.targetPosition = input(...(ngDevMode ? [undefined, { debugName: "targetPosition" }] : /* istanbul ignore next */ []));
         this.dragHandle = input(...(ngDevMode ? [undefined, { debugName: "dragHandle" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: OutputNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", 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: `
+    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>
   `, 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.6", ngImport: i0, type: OutputNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: OutputNodeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-flow-output-node',

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;8GAdY,mBAAmB;kGAAnB,mBAAmB,qqDALpB;;;GAGT,4DALS,eAAe;;2FAOd,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,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"}

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

@@ -0,0 +1,48 @@
+import { Position } from '@angflow/system';
+import type { NodeTemplateBadgeColor } from '../../types/node-template';
+import * as i0 from "@angular/core";
+/**
+ * Generic renderer for data-driven node templates registered through the
+ * agent bridge (`register_node_template`). Looks up its spec in the per-flow
+ * registry (`FlowStore.nodeTemplates`) by its own `type`, so overwriting a
+ * template re-renders every node of that type live.
+ *
+ * Security: every interpolated value is rendered through Angular text
+ * bindings; badge colors are palette classes, never raw CSS; `accent` is the
+ * only raw color and is bound via a style binding (sanitized by Angular).
+ */
+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 spec: import("@angular/core").Signal<import("../../types").NodeTemplateSpec | undefined>;
+    readonly title: import("@angular/core").Signal<string>;
+    readonly iconPath: import("@angular/core").Signal<string | null>;
+    readonly badges: import("@angular/core").Signal<{
+        text: string;
+        color: NodeTemplateBadgeColor;
+    }[]>;
+    readonly fields: import("@angular/core").Signal<{
+        label: string;
+        value: string;
+    }[]>;
+    readonly bodyText: import("@angular/core").Signal<string>;
+    readonly handles: import("@angular/core").Signal<{
+        type: "source" | "target";
+        id: string | undefined;
+        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>;
+}
+//# sourceMappingURL=template-node.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"template-node.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/nodes/template-node.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;;AAgCxE;;;;;;;;;GASG;AACH,qBAyIa,qBAAqB;IAChC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqB;IAE3C,QAAQ,CAAC,EAAE,8CAA4B;IACvC,QAAQ,CAAC,IAAI,2CAAgB;IAC7B,QAAQ,CAAC,IAAI,0DAAmB;IAChC,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,QAAQ,+CAAgB;IACjC,QAAQ,CAAC,MAAM,8CAAY;IAC3B,QAAQ,CAAC,aAAa,+CAAe;IACrC,QAAQ,CAAC,iBAAiB,8CAAY;IACtC,QAAQ,CAAC,iBAAiB,8CAAY;IACtC,QAAQ,CAAC,cAAc,4DAAqB;IAC5C,QAAQ,CAAC,cAAc,4DAAqB;IAC5C,QAAQ,CAAC,UAAU,0DAAmB;IAEtC,QAAQ,CAAC,IAAI,qFAAqE;IAElF,QAAQ,CAAC,KAAK,yCAEZ;IAEF,QAAQ,CAAC,QAAQ,gDAGd;IAEH,QAAQ,CAAC,MAAM;;;SAOb;IAEF,QAAQ,CAAC,MAAM;;;SAIb;IAEF,QAAQ,CAAC,QAAQ,yCAEf;IAEF,QAAQ,CAAC,OAAO;;;;SAUb;yCAxDQ,qBAAqB;2CAArB,qBAAqB;CAyDjC"}

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

@@ -0,0 +1,209 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input } 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 * as i0 from "@angular/core";
+const POSITION_MAP = {
+    top: Position.Top,
+    right: Position.Right,
+    bottom: Position.Bottom,
+    left: Position.Left,
+};
+const BADGE_COLORS = new Set(['slate', 'indigo', 'emerald', 'amber', 'rose']);
+/**
+ * Built-in icon glyphs (24×24 stroke paths). Unknown names render nothing.
+ * Deliberately tiny — hosts wanting richer icons register their own
+ * component node types instead.
+ */
+const ICONS = {
+    database: 'M4 6c0-1.66 3.58-3 8-3s8 1.34 8 3-3.58 3-8 3-8-1.34-8-3Zm0 0v12c0 1.66 3.58 3 8 3s8-1.34 8-3V6M4 12c0 1.66 3.58 3 8 3s8-1.34 8-3',
+    server: 'M4 4h16v6H4zM4 14h16v6H4zM7 7h.01M7 17h.01',
+    queue: 'M4 6h16M4 12h16M4 18h10',
+    cloud: 'M7 18a4 4 0 0 1-.5-7.97A5.5 5.5 0 0 1 17.2 9.6 4.2 4.2 0 0 1 16.8 18H7Z',
+    user: 'M16 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM5 21a7 7 0 0 1 14 0',
+    document: 'M6 2h8l4 4v16H6V2Zm8 0v4h4',
+    bolt: 'M13 2 4 14h6l-1 8 9-12h-6l1-8Z',
+    settings: 'M4 7h9M17 7h3M13 4v6M4 17h3M11 17h9M7 14v6',
+};
+/**
+ * Generic renderer for data-driven node templates registered through the
+ * agent bridge (`register_node_template`). Looks up its spec in the per-flow
+ * registry (`FlowStore.nodeTemplates`) by its own `type`, so overwriting a
+ * template re-renders every node of that type live.
+ *
+ * Security: every interpolated value is rendered through Angular text
+ * bindings; badge colors are palette classes, never raw CSS; `accent` is the
+ * only raw color and is bound via a style binding (sanitized by Angular).
+ */
+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.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()))
+            .map((b) => ({
+            text: interpolateTemplateString(b.text, this.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 */ []));
+        this.handles = computed(() => {
+            const declared = this.spec()?.handles ?? [
+                { type: 'target', position: 'left' },
+                { type: 'source', position: 'right' },
+            ];
+            return declared.map((h) => ({
+                type: h.type,
+                id: h.id,
+                position: POSITION_MAP[h.position ?? (h.type === 'target' ? 'left' : 'right')],
+            }));
+        }, ...(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: `
+    @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()"
+        [style.borderLeftColor]="s.accent ?? null"
+      >
+        <div class="ng-flow__template-node__header" [style.color]="s.accent ?? null">
+          @if (iconPath(); as path) {
+            <svg
+              class="ng-flow__template-node__icon"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="1.5"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path [attr.d]="path" />
+            </svg>
+          }
+          @if (title()) {
+            <span class="ng-flow__template-node__title">{{ title() }}</span>
+          }
+        </div>
+        @if (badges().length > 0) {
+          <div class="ng-flow__template-node__badges">
+            @for (b of badges(); track $index) {
+              <span
+                class="ng-flow__template-node__badge ng-flow__template-node__badge--{{ b.color }}"
+                >{{ b.text }}</span
+              >
+            }
+          </div>
+        }
+        @if (fields().length > 0) {
+          <dl class="ng-flow__template-node__fields">
+            @for (f of fields(); track $index) {
+              <div class="ng-flow__template-node__field">
+                <dt>{{ f.label }}</dt>
+                <dd>{{ f.value }}</dd>
+              </div>
+            }
+          </dl>
+        }
+        @if (bodyText()) {
+          <p class="ng-flow__template-node__body">{{ bodyText() }}</p>
+        }
+        @for (h of handles(); track $index) {
+          <ng-flow-handle
+            [type]="h.type"
+            [id]="h.id ?? null"
+            [position]="h.position"
+            [isConnectable]="isConnectable()"
+          />
+        }
+      </div>
+    }
+  `, isInline: true, 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    "], 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: TemplateNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-flow-template-node', standalone: true, imports: [HandleComponent], changeDetection: ChangeDetectionStrategy.OnPush, 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()"
+        [style.borderLeftColor]="s.accent ?? null"
+      >
+        <div class="ng-flow__template-node__header" [style.color]="s.accent ?? null">
+          @if (iconPath(); as path) {
+            <svg
+              class="ng-flow__template-node__icon"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="1.5"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path [attr.d]="path" />
+            </svg>
+          }
+          @if (title()) {
+            <span class="ng-flow__template-node__title">{{ title() }}</span>
+          }
+        </div>
+        @if (badges().length > 0) {
+          <div class="ng-flow__template-node__badges">
+            @for (b of badges(); track $index) {
+              <span
+                class="ng-flow__template-node__badge ng-flow__template-node__badge--{{ b.color }}"
+                >{{ b.text }}</span
+              >
+            }
+          </div>
+        }
+        @if (fields().length > 0) {
+          <dl class="ng-flow__template-node__fields">
+            @for (f of fields(); track $index) {
+              <div class="ng-flow__template-node__field">
+                <dt>{{ f.label }}</dt>
+                <dd>{{ f.value }}</dd>
+              </div>
+            }
+          </dl>
+        }
+        @if (bodyText()) {
+          <p class="ng-flow__template-node__body">{{ bodyText() }}</p>
+        }
+        @for (h of handles(); track $index) {
+          <ng-flow-handle
+            [type]="h.type"
+            [id]="h.id ?? null"
+            [position]="h.position"
+            [isConnectable]="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

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

@@ -21,10 +21,10 @@ export class PanelComponent {
         this.isRight = computed(() => this.position().includes('right'), ...(ngDevMode ? [{ debugName: "isRight" }] : /* istanbul ignore next */ []));
         this.isCenter = computed(() => this.position().includes('center'), ...(ngDevMode ? [{ debugName: "isCenter" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: PanelComponent, isStandalone: true, selector: "ng-flow-panel", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.top": "isTop()", "class.bottom": "isBottom()", "class.left": "isLeft()", "class.right": "isRight()", "class.center": "isCenter()" }, classAttribute: "ng-flow__panel xy-flow__panel" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: PanelComponent, isStandalone: true, selector: "ng-flow-panel", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.top": "isTop()", "class.bottom": "isBottom()", "class.left": "isLeft()", "class.right": "isRight()", "class.center": "isCenter()" }, classAttribute: "ng-flow__panel xy-flow__panel" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: PanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-flow-panel',

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

@@ -1 +1 @@
-{"version":3,"file":"panel.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/panel/panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;;AAGpF;;;;;;;;;;GAUG;AAeH,MAAM,OAAO,cAAc;IAd3B;QAeE,4DAA4D;QACnD,aAAQ,GAAG,KAAK,CAAgB,UAAU,+EAAC,CAAC;QAE5C,UAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,4EAAC,CAAC;QACxD,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,+EAAC,CAAC;QAC9D,WAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,6EAAC,CAAC;QAC1D,YAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,8EAAC,CAAC;QAC5D,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,+EAAC,CAAC;KACxE;8GATY,cAAc;kGAAd,cAAc,2aAFf,gBAAgB;;2FAEf,cAAc;kBAd1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,+BAA+B;wBACxC,aAAa,EAAE,SAAS;wBACxB,gBAAgB,EAAE,YAAY;wBAC9B,cAAc,EAAE,UAAU;wBAC1B,eAAe,EAAE,WAAW;wBAC5B,gBAAgB,EAAE,YAAY;qBAC/B;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}
+{"version":3,"file":"panel.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/panel/panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;;AAGpF;;;;;;;;;;GAUG;AAeH,MAAM,OAAO,cAAc;IAd3B;QAeE,4DAA4D;QACnD,aAAQ,GAAG,KAAK,CAAgB,UAAU,+EAAC,CAAC;QAE5C,UAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,4EAAC,CAAC;QACxD,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,+EAAC,CAAC;QAC9D,WAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,6EAAC,CAAC;QAC1D,YAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,8EAAC,CAAC;QAC5D,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,+EAAC,CAAC;KACxE;+GATY,cAAc;mGAAd,cAAc,2aAFf,gBAAgB;;4FAEf,cAAc;kBAd1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,+BAA+B;wBACxC,aAAa,EAAE,SAAS;wBACxB,gBAAgB,EAAE,YAAY;wBAC9B,cAAc,EAAE,UAAU;wBAC1B,eAAe,EAAE,WAAW;wBAC5B,gBAAgB,EAAE,YAAY;qBAC/B;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}

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

@@ -35,8 +35,8 @@ export class SelectionBoxComponent {
         event.preventDefault();
         this.contextMenu.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: SelectionBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: SelectionBoxComponent, isStandalone: true, selector: "ng-flow-selection-box", outputs: { contextMenu: "contextMenu" }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
+    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: `
     @if (isVisible()) {
       <div
         class="ng-flow__selection xy-flow__selection"
@@ -60,7 +60,7 @@ export class SelectionBoxComponent {
     }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: SelectionBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: SelectionBoxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-flow-selection-box',

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":"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"}

package/dist/esm/lib/components/viewport-portal/viewport-portal.component.js

@@ -14,10 +14,10 @@ export class ViewportPortalComponent {
             return `translate(${t[0]}px, ${t[1]}px) scale(${t[2]})`;
         }, ...(ngDevMode ? [{ debugName: "cssTransform" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ViewportPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: ViewportPortalComponent, isStandalone: true, selector: "ng-flow-viewport-portal", host: { properties: { "style.transform": "cssTransform()" }, classAttribute: "ng-flow__viewport-portal xy-flow__viewport-portal" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ViewportPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: ViewportPortalComponent, isStandalone: true, selector: "ng-flow-viewport-portal", host: { properties: { "style.transform": "cssTransform()" }, classAttribute: "ng-flow__viewport-portal xy-flow__viewport-portal" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ViewportPortalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ViewportPortalComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-flow-viewport-portal',

package/dist/esm/lib/components/viewport-portal/viewport-portal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewport-portal.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/viewport-portal/viewport-portal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAE9D;;;;GAIG;AAWH,MAAM,OAAO,uBAAuB;IAVpC;QAWU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAEzB,iBAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACjC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1D,CAAC,mFAAC,CAAC;KACJ;8GAPY,uBAAuB;kGAAvB,uBAAuB,uNAFxB,gBAAgB;;2FAEf,uBAAuB;kBAVnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,mDAAmD;wBAC5D,mBAAmB,EAAE,gBAAgB;qBACtC;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}
+{"version":3,"file":"viewport-portal.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/viewport-portal/viewport-portal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAE9D;;;;GAIG;AAWH,MAAM,OAAO,uBAAuB;IAVpC;QAWU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAEzB,iBAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACjC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1D,CAAC,mFAAC,CAAC;KACJ;+GAPY,uBAAuB;mGAAvB,uBAAuB,uNAFxB,gBAAgB;;4FAEf,uBAAuB;kBAVnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,mDAAmD;wBAC5D,mBAAmB,EAAE,gBAAgB;qBACtC;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}

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

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

package/dist/esm/lib/container/edge-renderer/edge-renderer.component.js

@@ -9,6 +9,7 @@ import { SmoothStepEdgeComponent } from '../../components/edges/smooth-step-edge
 import { SimpleBezierEdgeComponent } from '../../components/edges/simple-bezier-edge.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+// Keep the key set in sync with BUILT_IN_EDGE_TYPE_NAMES in services/ng-flow.service.ts.
 const builtInEdgeTypeNames = new Set(['default', 'bezier', 'straight', 'step', 'smoothstep', 'simplebezier']);
 const builtInEdgeTypes = {
     default: BezierEdgeComponent,
@@ -155,8 +156,11 @@ export class EdgeRendererComponent {
         let tgtPos = targetHandle?.position ?? edge.targetPosition ?? Position.Top;
         // Self-loops ignore floating and fall back to fixed-handle positions (geometric degeneracy).
         const isSelfLoop = edge.source === edge.target;
-        const sourceFloating = !isSelfLoop && sourceHandle?.floating === true;
-        const targetFloating = !isSelfLoop && targetHandle?.floating === true;
+        // Global floating mode (edgeMode="floating" on <ng-flow>) floats every
+        // endpoint regardless of handles; otherwise the per-handle flag decides.
+        const floatingMode = this.store.edgeMode() === 'floating';
+        const sourceFloating = !isSelfLoop && (floatingMode || sourceHandle?.floating === true);
+        const targetFloating = !isSelfLoop && (floatingMode || targetHandle?.floating === true);
         const sourceRect = { x: sourcePos.x, y: sourcePos.y, width: sourceW, height: sourceH };
         const targetRect = { x: targetPos.x, y: targetPos.y, width: targetW, height: targetH };
         // Reference points: see spec section "Reference-point resolution".
@@ -374,8 +378,8 @@ export class EdgeRendererComponent {
             return marker;
         return `url('#${getMarkerId(marker, this.store.rfId())}')`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: EdgeRendererComponent, isStandalone: true, selector: "ng-flow-edge-renderer", inputs: { reconnectRadius: { classPropertyName: "reconnectRadius", publicName: "reconnectRadius", isSignal: true, isRequired: false, transformFunction: null }, customEdgeTypes: { classPropertyName: "customEdgeTypes", publicName: "customEdgeTypes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edgeClick: "edgeClick", edgeDoubleClick: "edgeDoubleClick", edgeContextMenu: "edgeContextMenu", edgeMouseEnter: "edgeMouseEnter", edgeMouseMove: "edgeMouseMove", edgeMouseLeave: "edgeMouseLeave", reconnect: "reconnect", reconnectStart: "reconnectStart", reconnectEnd: "reconnectEnd" }, host: { styleAttribute: "position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;", classAttribute: "ng-flow__edges xy-flow__edges" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EdgeRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: EdgeRendererComponent, isStandalone: true, selector: "ng-flow-edge-renderer", inputs: { reconnectRadius: { classPropertyName: "reconnectRadius", publicName: "reconnectRadius", isSignal: true, isRequired: false, transformFunction: null }, customEdgeTypes: { classPropertyName: "customEdgeTypes", publicName: "customEdgeTypes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edgeClick: "edgeClick", edgeDoubleClick: "edgeDoubleClick", edgeContextMenu: "edgeContextMenu", edgeMouseEnter: "edgeMouseEnter", edgeMouseMove: "edgeMouseMove", edgeMouseLeave: "edgeMouseLeave", reconnect: "reconnect", reconnectStart: "reconnectStart", reconnectEnd: "reconnectEnd" }, host: { styleAttribute: "position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;", classAttribute: "ng-flow__edges xy-flow__edges" }, ngImport: i0, template: `
     <svg style="position: absolute; width: 100%; height: 100%; overflow: visible; pointer-events: none;">
       <defs>
         @for (marker of markers(); track marker.id) {
@@ -542,7 +546,7 @@ export class EdgeRendererComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: EdgeRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-flow-edge-renderer',