@angflow/angular 0.0.1

package/dist/esm/lib/container/pane/pane.component.js

@@ -0,0 +1,161 @@
+import { Component, ChangeDetectionStrategy, input, output, inject, NgZone, ElementRef } from '@angular/core';
+import { getNodesInside, SelectionMode } from '@angflow/system';
+import { FlowStore } from '../../services/flow-store.service';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class PaneComponent {
+    constructor() {
+        this.store = inject(FlowStore);
+        this.zone = inject(NgZone);
+        this.el = inject((ElementRef));
+        this.panOnDrag = input(true, ...(ngDevMode ? [{ debugName: "panOnDrag" }] : /* istanbul ignore next */ []));
+        this.selectionOnDrag = input(false, ...(ngDevMode ? [{ debugName: "selectionOnDrag" }] : /* istanbul ignore next */ []));
+        this.selectionKeyCode = input(null, ...(ngDevMode ? [{ debugName: "selectionKeyCode" }] : /* istanbul ignore next */ []));
+        this.selectionMode = input(SelectionMode.Full, ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
+        this.selectionStart = output();
+        this.selectionEnd = output();
+        this.paneScroll = output();
+        this.isSelecting = false;
+        this.startX = 0;
+        this.startY = 0;
+        this.boundOnMouseMove = null;
+        this.boundOnMouseUp = null;
+        this.nativeMouseDownHandler = null;
+    }
+    onWheel(event) {
+        this.paneScroll.emit(event);
+    }
+    /**
+     * Call this after d3-zoom is initialized to attach a capture-phase
+     * mousedown listener that fires BEFORE d3-zoom's listener.
+     */
+    initSelectionListener() {
+        this.nativeMouseDownHandler = (e) => this.onMouseDown(e);
+        // Capture phase fires before d3-zoom's bubble-phase listener
+        this.el.nativeElement.addEventListener('mousedown', this.nativeMouseDownHandler, true);
+    }
+    onMouseDown(event) {
+        const shouldSelect = this.selectionOnDrag() || this.store.selectionKeyActive();
+        if (!shouldSelect)
+            return;
+        if (event.button !== 0)
+            return;
+        const target = event.target;
+        if (target.closest('.xy-flow__node') || target.closest('.xy-flow__handle') ||
+            target.closest('.xy-flow__edge') || target.closest('.xy-flow__controls') ||
+            target.closest('.xy-flow__panel')) {
+            return;
+        }
+        // Prevent d3-zoom from seeing this event
+        event.stopImmediatePropagation();
+        event.preventDefault();
+        const containerEl = this.store.domNode();
+        if (!containerEl)
+            return;
+        const rect = containerEl.getBoundingClientRect();
+        this.startX = event.clientX - rect.left;
+        this.startY = event.clientY - rect.top;
+        this.isSelecting = true;
+        this.store.userSelectionActive.set(true);
+        this.store.userSelectionRect.set({
+            x: this.startX,
+            y: this.startY,
+            width: 0,
+            height: 0,
+            startX: this.startX,
+            startY: this.startY,
+        });
+        this.selectionStart.emit(event);
+        this.boundOnMouseMove = (e) => this.onMouseMove(e);
+        this.boundOnMouseUp = (e) => this.onMouseUp(e);
+        this.zone.runOutsideAngular(() => {
+            document.addEventListener('mousemove', this.boundOnMouseMove);
+            document.addEventListener('mouseup', this.boundOnMouseUp);
+        });
+    }
+    onMouseMove(event) {
+        if (!this.isSelecting)
+            return;
+        const containerEl = this.store.domNode();
+        if (!containerEl)
+            return;
+        const rect = containerEl.getBoundingClientRect();
+        const currentX = event.clientX - rect.left;
+        const currentY = event.clientY - rect.top;
+        const selectionRect = {
+            x: Math.min(this.startX, currentX),
+            y: Math.min(this.startY, currentY),
+            width: Math.abs(currentX - this.startX),
+            height: Math.abs(currentY - this.startY),
+            startX: this.startX,
+            startY: this.startY,
+        };
+        this.zone.run(() => {
+            this.store.userSelectionRect.set(selectionRect);
+            const transform = this.store.transform();
+            const partially = this.selectionMode() === SelectionMode.Partial;
+            const nodesInside = getNodesInside(this.store.nodeLookup, selectionRect, transform, partially);
+            const nodeIds = nodesInside.map(n => n.id);
+            if (nodeIds.length > 0) {
+                this.store.addSelectedNodes(nodeIds);
+            }
+        });
+    }
+    onMouseUp(event) {
+        if (!this.isSelecting)
+            return;
+        this.isSelecting = false;
+        if (this.boundOnMouseMove) {
+            document.removeEventListener('mousemove', this.boundOnMouseMove);
+            this.boundOnMouseMove = null;
+        }
+        if (this.boundOnMouseUp) {
+            document.removeEventListener('mouseup', this.boundOnMouseUp);
+            this.boundOnMouseUp = null;
+        }
+        this.zone.run(() => {
+            this.store.userSelectionActive.set(false);
+            this.store.userSelectionRect.set(null);
+            this.selectionEnd.emit(event);
+        });
+    }
+    ngOnDestroy() {
+        if (this.nativeMouseDownHandler) {
+            this.el.nativeElement.removeEventListener('mousedown', this.nativeMouseDownHandler, true);
+        }
+        if (this.boundOnMouseMove) {
+            document.removeEventListener('mousemove', this.boundOnMouseMove);
+        }
+        if (this.boundOnMouseUp) {
+            document.removeEventListener('mouseup', this.boundOnMouseUp);
+        }
+    }
+    static { this.ɵfac = function PaneComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaneComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaneComponent, selectors: [["ng-flow-pane"]], hostAttrs: [1, "ng-flow__pane", "xy-flow__pane", "xy-flow__container", 2, "display", "block", "position", "absolute", "width", "100%", "height", "100%", "top", "0", "left", "0", "z-index", "1"], hostVars: 6, hostBindings: function PaneComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("wheel", function PaneComponent_wheel_HostBindingHandler($event) { return ctx.onWheel($event); });
+        } if (rf & 2) {
+            i0.ɵɵclassProp("draggable", ctx.panOnDrag())("dragging", ctx.store.paneDragging())("selection", ctx.store.userSelectionActive());
+        } }, inputs: { panOnDrag: [1, "panOnDrag"], selectionOnDrag: [1, "selectionOnDrag"], selectionKeyCode: [1, "selectionKeyCode"], selectionMode: [1, "selectionMode"] }, outputs: { selectionStart: "selectionStart", selectionEnd: "selectionEnd", paneScroll: "paneScroll" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function PaneComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaneComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-pane',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: {
+                    'class': 'ng-flow__pane xy-flow__pane xy-flow__container',
+                    'style': 'display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;',
+                    '[class.draggable]': 'panOnDrag()',
+                    '[class.dragging]': 'store.paneDragging()',
+                    '[class.selection]': 'store.userSelectionActive()',
+                    '(wheel)': 'onWheel($event)',
+                },
+                template: `<ng-content />`,
+            }]
+    }], null, { panOnDrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "panOnDrag", required: false }] }], selectionOnDrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionOnDrag", required: false }] }], selectionKeyCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionKeyCode", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selectionStart: [{ type: i0.Output, args: ["selectionStart"] }], selectionEnd: [{ type: i0.Output, args: ["selectionEnd"] }], paneScroll: [{ type: i0.Output, args: ["paneScroll"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaneComponent, { className: "PaneComponent", filePath: "lib/container/pane/pane.component.ts", lineNumber: 19 }); })();
+//# sourceMappingURL=pane.component.js.map

package/dist/esm/lib/container/pane/pane.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane.component.js","sourceRoot":"","sources":["../../../../../src/lib/container/pane/pane.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAa,UAAU,EAAE,MAAM,eAAe,CAAC;AACzH,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;;AAgB9D,MAAM,OAAO,aAAa;IAd1B;QAeW,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC3B,SAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QACtB,OAAE,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;QAEpC,cAAS,GAAG,KAAK,CAAqB,IAAI,gFAAC,CAAC;QAC5C,oBAAe,GAAG,KAAK,CAAC,KAAK,sFAAC,CAAC;QAC/B,qBAAgB,GAAG,KAAK,CAAM,IAAI,uFAAC,CAAC;QACpC,kBAAa,GAAG,KAAK,CAAgB,aAAa,CAAC,IAAI,oFAAC,CAAC;QAEzD,mBAAc,GAAG,MAAM,EAAc,CAAC;QACtC,iBAAY,GAAG,MAAM,EAAc,CAAC;QACpC,eAAU,GAAG,MAAM,EAAc,CAAC;QAEnC,gBAAW,GAAG,KAAK,CAAC;QACpB,WAAM,GAAG,CAAC,CAAC;QACX,WAAM,GAAG,CAAC,CAAC;QACX,qBAAgB,GAAqC,IAAI,CAAC;QAC1D,mBAAc,GAAqC,IAAI,CAAC;QACxD,2BAAsB,GAAgC,IAAI,CAAC;KAmIpE;IAjIC,OAAO,CAAC,KAAiB;QACvB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED;;;OAGG;IACH,qBAAqB;QACnB,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAe,CAAC,CAAC;QAC9E,6DAA6D;QAC7D,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;IACzF,CAAC;IAEO,WAAW,CAAC,KAAiB;QACnC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAC/E,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,IAAI,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC;YACtE,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC;YACxE,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,yCAAyC;QACzC,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACjC,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACzC,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,MAAM,IAAI,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC;QACjD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QACxC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QACvC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAExB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;YAC/B,CAAC,EAAE,IAAI,CAAC,MAAM;YACd,CAAC,EAAE,IAAI,CAAC,MAAM;YACd,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEhC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,cAAc,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAE3D,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE;YAC/B,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAiB,CAAC,CAAC;YAC/D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAe,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,WAAW,CAAC,KAAiB;QACnC,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;QAE9B,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACzC,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,MAAM,IAAI,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC;QACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QAE1C,MAAM,aAAa,GAAG;YACpB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;YAClC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;YAClC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;YACvC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;YACxC,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;YAEhD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACzC,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,KAAK,aAAa,CAAC,OAAO,CAAC;YACjE,MAAM,WAAW,GAAG,cAAc,CAChC,IAAI,CAAC,KAAK,CAAC,UAAU,EACrB,aAAa,EACb,SAAS,EACT,SAAS,CACV,CAAC;YAEF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC3C,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,KAAiB;QACjC,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;QAE9B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAEzB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YACjE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC/B,CAAC;QACD,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC7D,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC1C,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;QAC5F,CAAC;QACD,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC;8GArJU,aAAa;oEAAb,aAAa;YAAb,wFAAA,mBAAe,IAAF;;YAAb,4BAAA,eAAW,CAAE,aAAb,wBAAoB,CAAP,cAAb,+BAA2B,CAAd;;;YAFb,kBAAc;;;iFAEd,aAAa;cAdzB,SAAS;eAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,OAAO,EAAE,gDAAgD;oBACzD,OAAO,EAAE,6FAA6F;oBACtG,mBAAmB,EAAE,aAAa;oBAClC,kBAAkB,EAAE,sBAAsB;oBAC1C,mBAAmB,EAAE,6BAA6B;oBAClD,SAAS,EAAE,iBAAiB;iBAC7B;gBACD,QAAQ,EAAE,gBAAgB;aAC3B;;kFACY,aAAa"}

package/dist/esm/lib/container/viewport/viewport.component.d.ts

@@ -0,0 +1,9 @@
+import type { Transform } from '@angflow/system';
+import * as i0 from "@angular/core";
+export declare class ViewportComponent {
+    readonly transform: import("@angular/core").InputSignal<Transform>;
+    readonly cssTransform: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewportComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewportComponent, "ng-flow-viewport", never, { "transform": { "alias": "transform"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=viewport.component.d.ts.map

package/dist/esm/lib/container/viewport/viewport.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/container/viewport/viewport.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;;AAEjD,qBAWa,iBAAiB;IAC5B,QAAQ,CAAC,SAAS,iDAA+B;IAEjD,QAAQ,CAAC,YAAY,yCAGlB;yCANQ,iBAAiB;2CAAjB,iBAAiB;CAO7B"}

package/dist/esm/lib/container/viewport/viewport.component.js

@@ -0,0 +1,35 @@
+import { Component, ChangeDetectionStrategy, input, computed } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class ViewportComponent {
+    constructor() {
+        this.transform = input.required(...(ngDevMode ? [{ debugName: "transform" }] : /* istanbul ignore next */ []));
+        this.cssTransform = computed(() => {
+            const t = this.transform();
+            return `translate(${t[0]}px, ${t[1]}px) scale(${t[2]})`;
+        }, ...(ngDevMode ? [{ debugName: "cssTransform" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function ViewportComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ViewportComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ViewportComponent, selectors: [["ng-flow-viewport"]], hostAttrs: [1, "ng-flow__viewport", "xy-flow__viewport", "xyflow__viewport", 2, "display", "block", "transform-origin", "0 0", "z-index", "2", "pointer-events", "none", "position", "absolute", "width", "100%", "height", "100%"], hostVars: 2, hostBindings: function ViewportComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("transform", ctx.cssTransform());
+        } }, inputs: { transform: [1, "transform"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function ViewportComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ViewportComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-flow-viewport',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: {
+                    'class': 'ng-flow__viewport xy-flow__viewport xyflow__viewport',
+                    'style': 'display: block; transform-origin: 0 0; z-index: 2; pointer-events: none; position: absolute; width: 100%; height: 100%;',
+                    '[style.transform]': 'cssTransform()',
+                },
+                template: `<ng-content />`,
+            }]
+    }], null, { transform: [{ type: i0.Input, args: [{ isSignal: true, alias: "transform", required: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewportComponent, { className: "ViewportComponent", filePath: "lib/container/viewport/viewport.component.ts", lineNumber: 15 }); })();
+//# sourceMappingURL=viewport.component.js.map

package/dist/esm/lib/container/viewport/viewport.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.component.js","sourceRoot":"","sources":["../../../../../src/lib/container/viewport/viewport.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;;;AAcpF,MAAM,OAAO,iBAAiB;IAX9B;QAYW,cAAS,GAAG,KAAK,CAAC,QAAQ,+EAAa,CAAC;QAExC,iBAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAC3B,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1D,CAAC,mFAAC,CAAC;KACJ;kHAPY,iBAAiB;oEAAjB,iBAAiB;YAAjB,4BAAA,kBAAc,CAAG;;;YAFjB,kBAAc;;;iFAEd,iBAAiB;cAX7B,SAAS;eAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,OAAO,EAAE,sDAAsD;oBAC/D,OAAO,EAAE,yHAAyH;oBAClI,mBAAmB,EAAE,gBAAgB;iBACtC;gBACD,QAAQ,EAAE,gBAAgB;aAC3B;;kFACY,iBAAiB"}

package/dist/esm/lib/directives/drag.directive.d.ts

@@ -0,0 +1,21 @@
+import { OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DragDirective implements OnInit, OnChanges, OnDestroy {
+    private store;
+    private el;
+    readonly nodeId: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly noDragClassName: import("@angular/core").InputSignal<string>;
+    readonly handleSelector: import("@angular/core").InputSignal<string | undefined>;
+    readonly isSelectable: import("@angular/core").InputSignal<boolean>;
+    readonly nodeClickDistance: import("@angular/core").InputSignal<number>;
+    private dragInstance;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private updateDrag;
+    private handleNodeClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragDirective, "[ngFlowDrag]", never, { "nodeId": { "alias": "ngFlowDrag"; "required": true; "isSignal": true; }; "disabled": { "alias": "ngFlowDragDisabled"; "required": false; "isSignal": true; }; "noDragClassName": { "alias": "ngFlowDragNoDragClass"; "required": false; "isSignal": true; }; "handleSelector": { "alias": "ngFlowDragHandleSelector"; "required": false; "isSignal": true; }; "isSelectable": { "alias": "ngFlowDragSelectable"; "required": false; "isSignal": true; }; "nodeClickDistance": { "alias": "ngFlowDragClickDistance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=drag.directive.d.ts.map

package/dist/esm/lib/directives/drag.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.directive.d.ts","sourceRoot":"","sources":["../../../../src/lib/directives/drag.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EACN,SAAS,EACT,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;;AAIvB,qBAIa,aAAc,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAChE,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,EAAE,CAAsC;IAEhD,QAAQ,CAAC,MAAM,8CAAmD;IAClE,QAAQ,CAAC,QAAQ,+CAAiD;IAClE,QAAQ,CAAC,eAAe,8CAA+D;IACvF,QAAQ,CAAC,cAAc,0DAA+E;IACtG,QAAQ,CAAC,YAAY,+CAAkD;IACvE,QAAQ,CAAC,iBAAiB,8CAAkD;IAE5E,OAAO,CAAC,YAAY,CAA+B;IAEnD,QAAQ,IAAI,IAAI;IAWhB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,eAAe;yCAjDZ,aAAa;2CAAb,aAAa;CA6DzB"}

package/dist/esm/lib/directives/drag.directive.js

@@ -0,0 +1,69 @@
+import { Directive, ElementRef, inject, input, } from '@angular/core';
+import { XYDrag } from '@angflow/system';
+import { FlowStore } from '../services/flow-store.service';
+import * as i0 from "@angular/core";
+export class DragDirective {
+    constructor() {
+        this.store = inject(FlowStore);
+        this.el = inject((ElementRef));
+        this.nodeId = input.required({ ...(ngDevMode ? { debugName: "nodeId" } : /* istanbul ignore next */ {}), alias: 'ngFlowDrag' });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngFlowDragDisabled' });
+        this.noDragClassName = input('nodrag', { ...(ngDevMode ? { debugName: "noDragClassName" } : /* istanbul ignore next */ {}), alias: 'ngFlowDragNoDragClass' });
+        this.handleSelector = input(undefined, { ...(ngDevMode ? { debugName: "handleSelector" } : /* istanbul ignore next */ {}), alias: 'ngFlowDragHandleSelector' });
+        this.isSelectable = input(true, { ...(ngDevMode ? { debugName: "isSelectable" } : /* istanbul ignore next */ {}), alias: 'ngFlowDragSelectable' });
+        this.nodeClickDistance = input(0, { ...(ngDevMode ? { debugName: "nodeClickDistance" } : /* istanbul ignore next */ {}), alias: 'ngFlowDragClickDistance' });
+        this.dragInstance = null;
+    }
+    ngOnInit() {
+        this.dragInstance = XYDrag({
+            getStoreItems: () => this.store.getStoreItems(),
+            onNodeMouseDown: (id) => {
+                this.handleNodeClick(id);
+            },
+        });
+        this.updateDrag();
+    }
+    ngOnChanges(changes) {
+        if (this.dragInstance) {
+            this.updateDrag();
+        }
+    }
+    ngOnDestroy() {
+        this.dragInstance?.destroy();
+    }
+    updateDrag() {
+        if (this.disabled() || !this.el.nativeElement || !this.dragInstance) {
+            return;
+        }
+        this.dragInstance.update({
+            noDragClassName: this.noDragClassName(),
+            handleSelector: this.handleSelector(),
+            domNode: this.el.nativeElement,
+            isSelectable: this.isSelectable(),
+            nodeId: this.nodeId(),
+            nodeClickDistance: this.nodeClickDistance(),
+        });
+    }
+    handleNodeClick(id) {
+        const store = this.store;
+        const node = store.nodeLookup.get(id);
+        if (!node)
+            return;
+        if (store.selectNodesOnDrag()) {
+            // If the node is already selected, don't re-select (which would deselect others)
+            if (!node.selected) {
+                store.addSelectedNodes([id]);
+            }
+        }
+    }
+    static { this.ɵfac = function DragDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DragDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: DragDirective, selectors: [["", "ngFlowDrag", ""]], inputs: { nodeId: [1, "ngFlowDrag", "nodeId"], disabled: [1, "ngFlowDragDisabled", "disabled"], noDragClassName: [1, "ngFlowDragNoDragClass", "noDragClassName"], handleSelector: [1, "ngFlowDragHandleSelector", "handleSelector"], isSelectable: [1, "ngFlowDragSelectable", "isSelectable"], nodeClickDistance: [1, "ngFlowDragClickDistance", "nodeClickDistance"] }, features: [i0.ɵɵNgOnChangesFeature] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DragDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[ngFlowDrag]',
+                standalone: true,
+            }]
+    }], null, { nodeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngFlowDrag", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngFlowDragDisabled", required: false }] }], noDragClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngFlowDragNoDragClass", required: false }] }], handleSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngFlowDragHandleSelector", required: false }] }], isSelectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngFlowDragSelectable", required: false }] }], nodeClickDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngFlowDragClickDistance", required: false }] }] }); })();
+//# sourceMappingURL=drag.directive.js.map

package/dist/esm/lib/directives/drag.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.directive.js","sourceRoot":"","sources":["../../../../src/lib/directives/drag.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,GAKN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAuB,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;;AAM3D,MAAM,OAAO,aAAa;IAJ1B;QAKU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC1B,OAAE,GAAG,MAAM,CAAC,CAAA,UAA0B,CAAA,CAAC,CAAC;QAEvC,WAAM,GAAG,KAAK,CAAC,QAAQ,6EAAW,KAAK,EAAE,YAAY,GAAG,CAAC;QACzD,aAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,KAAK,EAAE,oBAAoB,GAAG,CAAC;QACzD,oBAAe,GAAG,KAAK,CAAS,QAAQ,uFAAI,KAAK,EAAE,uBAAuB,GAAG,CAAC;QAC9E,mBAAc,GAAG,KAAK,CAAqB,SAAS,sFAAI,KAAK,EAAE,0BAA0B,GAAG,CAAC;QAC7F,iBAAY,GAAG,KAAK,CAAC,IAAI,oFAAI,KAAK,EAAE,sBAAsB,GAAG,CAAC;QAC9D,sBAAiB,GAAG,KAAK,CAAC,CAAC,yFAAI,KAAK,EAAE,yBAAyB,GAAG,CAAC;QAEpE,iBAAY,GAA0B,IAAI,CAAC;KAkDpD;IAhDC,QAAQ;QACN,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;YACzB,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YAC/C,eAAe,EAAE,CAAC,EAAU,EAAE,EAAE;gBAC9B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;YAC3B,CAAC;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,CAAC;IAC/B,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACpE,OAAO;QACT,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YACvB,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE;YACvC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;YACrC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa;YAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;YACjC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YACrB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE;SAC5C,CAAC,CAAC;IACL,CAAC;IAEO,eAAe,CAAC,EAAU;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACtC,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,KAAK,CAAC,iBAAiB,EAAE,EAAE,CAAC;YAC9B,iFAAiF;YACjF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC;8GA5DU,aAAa;oEAAb,aAAa;;iFAAb,aAAa;cAJzB,SAAS;eAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,UAAU,EAAE,IAAI;aACjB"}

package/dist/esm/lib/directives/drop-zone.directive.d.ts

@@ -0,0 +1,30 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import type { XYPosition } from '@angflow/system';
+import * as i0 from "@angular/core";
+/**
+ * Directive that makes the flow canvas a drop zone for external drag-and-drop.
+ * Works with both native HTML5 drag-and-drop and Angular CDK draggables.
+ *
+ * Usage:
+ * ```html
+ * <ng-flow ngFlowDropZone (nodeDrop)="onDrop($event)" [nodes]="nodes" [edges]="edges">
+ *   ...
+ * </ng-flow>
+ * ```
+ */
+export declare class NgFlowDropZoneDirective implements OnInit, OnDestroy {
+    private el;
+    private flowService;
+    readonly nodeDrop: import("@angular/core").OutputEmitterRef<{
+        event: DragEvent;
+        flowPosition: XYPosition;
+        data: string | null;
+    }>;
+    private onDragOver;
+    private onDrop;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgFlowDropZoneDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgFlowDropZoneDirective, "[ngFlowDropZone]", never, {}, { "nodeDrop": "nodeDrop"; }, never, never, true, never>;
+}
+//# sourceMappingURL=drop-zone.directive.d.ts.map

package/dist/esm/lib/directives/drop-zone.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.directive.d.ts","sourceRoot":"","sources":["../../../../src/lib/directives/drop-zone.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,MAAM,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAEzF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAElD;;;;;;;;;;GAUG;AACH,qBAIa,uBAAwB,YAAW,MAAM,EAAE,SAAS;IAC/D,OAAO,CAAC,EAAE,CAAmC;IAC7C,OAAO,CAAC,WAAW,CAAyB;IAE5C,QAAQ,CAAC,QAAQ;eAAmB,SAAS;sBAAgB,UAAU;cAAQ,MAAM,GAAG,IAAI;OAAM;IAElG,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,MAAM,CAaZ;IAEF,QAAQ,IAAI,IAAI;IAMhB,WAAW,IAAI,IAAI;yCAlCR,uBAAuB;2CAAvB,uBAAuB;CAuCnC"}

package/dist/esm/lib/directives/drop-zone.directive.js

@@ -0,0 +1,58 @@
+import { Directive, inject, output, ElementRef } from '@angular/core';
+import { NgFlowService } from '../services/ng-flow.service';
+import * as i0 from "@angular/core";
+/**
+ * Directive that makes the flow canvas a drop zone for external drag-and-drop.
+ * Works with both native HTML5 drag-and-drop and Angular CDK draggables.
+ *
+ * Usage:
+ * ```html
+ * <ng-flow ngFlowDropZone (nodeDrop)="onDrop($event)" [nodes]="nodes" [edges]="edges">
+ *   ...
+ * </ng-flow>
+ * ```
+ */
+export class NgFlowDropZoneDirective {
+    constructor() {
+        this.el = inject((ElementRef));
+        this.flowService = inject(NgFlowService);
+        this.nodeDrop = output();
+        this.onDragOver = (event) => {
+            event.preventDefault();
+            if (event.dataTransfer) {
+                event.dataTransfer.dropEffect = 'move';
+            }
+        };
+        this.onDrop = (event) => {
+            event.preventDefault();
+            const flowPosition = this.flowService.screenToFlowPosition({
+                x: event.clientX,
+                y: event.clientY,
+            });
+            const data = event.dataTransfer?.getData('application/json')
+                ?? event.dataTransfer?.getData('text/plain')
+                ?? null;
+            this.nodeDrop.emit({ event, flowPosition, data });
+        };
+    }
+    ngOnInit() {
+        const el = this.el.nativeElement;
+        el.addEventListener('dragover', this.onDragOver);
+        el.addEventListener('drop', this.onDrop);
+    }
+    ngOnDestroy() {
+        const el = this.el.nativeElement;
+        el.removeEventListener('dragover', this.onDragOver);
+        el.removeEventListener('drop', this.onDrop);
+    }
+    static { this.ɵfac = function NgFlowDropZoneDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NgFlowDropZoneDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NgFlowDropZoneDirective, selectors: [["", "ngFlowDropZone", ""]], outputs: { nodeDrop: "nodeDrop" } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NgFlowDropZoneDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[ngFlowDropZone]',
+                standalone: true,
+            }]
+    }], null, { nodeDrop: [{ type: i0.Output, args: ["nodeDrop"] }] }); })();
+//# sourceMappingURL=drop-zone.directive.js.map

package/dist/esm/lib/directives/drop-zone.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.directive.js","sourceRoot":"","sources":["../../../../src/lib/directives/drop-zone.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAqB,UAAU,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;;AAG5D;;;;;;;;;;GAUG;AAKH,MAAM,OAAO,uBAAuB;IAJpC;QAKU,OAAE,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;QACrC,gBAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAEnC,aAAQ,GAAG,MAAM,EAAuE,CAAC;QAE1F,eAAU,GAAG,CAAC,KAAgB,EAAE,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;gBACvB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;QAEM,WAAM,GAAG,CAAC,KAAgB,EAAE,EAAE;YACpC,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC;gBACzD,CAAC,EAAE,KAAK,CAAC,OAAO;gBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;aACjB,CAAC,CAAC;YAEH,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC;mBACvD,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC;mBACzC,IAAI,CAAC;YAEV,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;QACpD,CAAC,CAAC;KAaH;IAXC,QAAQ;QACN,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QACjC,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACjD,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC;IAED,WAAW;QACT,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QACjC,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACpD,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;wHAtCU,uBAAuB;oEAAvB,uBAAuB;;iFAAvB,uBAAuB;cAJnC,SAAS;eAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,UAAU,EAAE,IAAI;aACjB"}

package/dist/esm/lib/directives/key-handler.directive.d.ts

@@ -0,0 +1,29 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import type { Node, Edge } from '../types';
+import * as i0 from "@angular/core";
+export declare class KeyHandlerDirective implements OnInit, OnDestroy {
+    private store;
+    readonly deleteKeyCode: import("@angular/core").InputSignal<string | string[] | null>;
+    readonly selectionKeyCode: import("@angular/core").InputSignal<string | string[] | null>;
+    readonly multiSelectionKeyCode: import("@angular/core").InputSignal<string | string[] | null>;
+    readonly disableKeyboardA11y: import("@angular/core").InputSignal<boolean>;
+    readonly nodesDelete: import("@angular/core").OutputEmitterRef<Node[]>;
+    readonly edgesDelete: import("@angular/core").OutputEmitterRef<Edge[]>;
+    readonly deleteElements: import("@angular/core").OutputEmitterRef<{
+        nodes: Node[];
+        edges: Edge[];
+    }>;
+    private selectionKeyPressed;
+    private multiSelectionKeyPressed;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onKeyUp(event: KeyboardEvent): void;
+    private handleDelete;
+    private handleSelectAll;
+    private handleArrowKey;
+    private matchesKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyHandlerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyHandlerDirective, "[ngFlowKeyHandler]", never, { "deleteKeyCode": { "alias": "deleteKeyCode"; "required": false; "isSignal": true; }; "selectionKeyCode": { "alias": "selectionKeyCode"; "required": false; "isSignal": true; }; "multiSelectionKeyCode": { "alias": "multiSelectionKeyCode"; "required": false; "isSignal": true; }; "disableKeyboardA11y": { "alias": "disableKeyboardA11y"; "required": false; "isSignal": true; }; }, { "nodesDelete": "nodesDelete"; "edgesDelete": "edgesDelete"; "deleteElements": "deleteElements"; }, never, never, true, never>;
+}
+//# sourceMappingURL=key-handler.directive.d.ts.map

package/dist/esm/lib/directives/key-handler.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-handler.directive.d.ts","sourceRoot":"","sources":["../../../../src/lib/directives/key-handler.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EACN,SAAS,EACV,MAAM,eAAe,CAAC;AAIvB,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;;AAE3C,qBAQa,mBAAoB,YAAW,MAAM,EAAE,SAAS;IAC3D,OAAO,CAAC,KAAK,CAAqB;IAElC,QAAQ,CAAC,aAAa,gEAA4D;IAClF,QAAQ,CAAC,gBAAgB,gEAA4C;IACrE,QAAQ,CAAC,qBAAqB,gEAA2C;IACzE,QAAQ,CAAC,mBAAmB,+CAAgB;IAE5C,QAAQ,CAAC,WAAW,mDAAoB;IACxC,QAAQ,CAAC,WAAW,mDAAoB;IACxC,QAAQ,CAAC,cAAc;eAAmB,IAAI,EAAE;eAAS,IAAI,EAAE;OAAM;IAErE,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,wBAAwB,CAAS;IAEzC,QAAQ,IAAI,IAAI;IAChB,WAAW,IAAI,IAAI;IAEnB,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAsCrC,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAYnC,OAAO,CAAC,YAAY;IAmDpB,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,cAAc;IA4BtB,OAAO,CAAC,UAAU;yCAnKP,mBAAmB;2CAAnB,mBAAmB;CAwK/B"}