import { type AfterViewInit, type OnDestroy, type OnInit } from '@angular/core';
import { type ControlValueAccessor, FormControl } from '@angular/forms';
import { PanZoomComponent } from './components/pan-zoom/pan-zoom.component';
import { type DfDataConnection, type DfDataModel, type DfDataNode, type DfEvent, type DfInteractionOptions, type DfPoint } from './ng-draw-flow.interfaces';
import * as i0 from "@angular/core";
import * as i1 from "./directives/errors/errors.directive";
import * as i2 from "@ng-web-apis/resize-observer";
/**
 * Root component of **ng-draw-flow** – a lightweight graph editor
 * capable of rendering and manipulating hundreds of nodes and edges.
 *
 * * Acts as a form-field (`ControlValueAccessor`) whose value is the
 *   entire diagram (`DfDataModel`).
 * * Wraps the low-level services (`PanZoomService`, `ConnectionsService`
 *   …) and re-emits high-level events so host applications can stay
 *   framework-agnostic.
 * * Exposes a minimal public API (`zoomIn`, `zoomOut`, `resetPosition`,
 *   `setScale`, `removeConnection`, `removeNode`) for programmatic control.
 * * Broadcasts state and events through `NgDrawFlowStoreService` so host apps
 *   can react without a direct reference to the component instance.
 */
export declare class NgDrawFlowComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
    private readonly cdr;
    private readonly injector;
    private controlStatus;
    private readonly cancelPendingChanges$;
    private pendingChange;
    private readonly destroyRef;
    private readonly hostElement;
    private readonly renderer;
    private readonly connectionsService;
    private readonly panZoomService;
    private readonly panZoomOptions;
    private readonly selectionService;
    private readonly store;
    private readonly interactionState;
    private readonly cvaDisabled;
    private readonly maxViewportFrameRetries;
    private frameRequestId;
    private viewportFrameRetryCount;
    private shouldFrameViewport;
    private hasFramedExternalModel;
    private destroyed;
    private interactionVersion;
    private readonly activePointers;
    protected readonly panzoom: import("@angular/core").Signal<PanZoomComponent>;
    /** Form state inputs are populated automatically by Signal Forms. */
    readonly disabledInput: import("@angular/core").InputSignal<boolean>;
    readonly readonlyInput: import("@angular/core").InputSignal<boolean>;
    readonly invalid: import("@angular/core").InputSignal<boolean>;
    readonly touched: import("@angular/core").InputSignal<boolean>;
    readonly dirty: import("@angular/core").InputSignal<boolean>;
    readonly pending: import("@angular/core").InputSignal<boolean>;
    /** Dynamic overrides for the legacy provider's interaction defaults. */
    readonly interactionOptions: import("@angular/core").InputSignal<Partial<DfInteractionOptions>>;
    protected readonly disabled: import("@angular/core").Signal<boolean>;
    protected readonly readonly: import("@angular/core").Signal<boolean>;
    /** Emits the current zoom percentage (100 === actual size) each time it changes. */
    protected readonly scale: import("@angular/core").OutputEmitterRef<number>;
    /** Fired after a new edge is successfully created. */
    protected readonly connectionCreated: import("@angular/core").OutputEmitterRef<DfEvent<DfDataConnection>>;
    /** Fired after an edge is removed—via UI, `removeConnection()` or `removeNode()`. */
    protected readonly connectionDeleted: import("@angular/core").OutputEmitterRef<DfEvent<DfDataConnection>>;
    /** Fired when an edge receives focus in the scene. */
    protected readonly connectionSelected: import("@angular/core").OutputEmitterRef<DfDataConnection>;
    /** Fired when a node receives focus in the scene. */
    protected readonly nodeSelected: import("@angular/core").OutputEmitterRef<DfDataNode>;
    /** Fired whenever the user drags a node to a new position. */
    protected readonly nodeMoved: import("@angular/core").OutputEmitterRef<DfEvent<DfDataNode>>;
    /** Fired when a node is removed from the graph. */
    protected readonly nodeDeleted: import("@angular/core").OutputEmitterRef<DfEvent<DfDataNode>>;
    protected readonly form: FormControl<DfDataModel>;
    protected readonly $rootReady: import("@angular/core").WritableSignal<boolean>;
    constructor();
    ngOnInit(): void;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    writeValue(value: DfDataModel | null | undefined): void;
    registerOnChange(fn: (value: DfDataModel) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(isDisabled: boolean): void;
    /** Zooms one step *in* towards the center of the scene. */
    zoomIn(): void;
    /** Zooms one step *out* from the center of the scene. */
    zoomOut(): void;
    /** Partially updates zoom and coordinates. */
    setPosition(position?: Partial<DfPoint> & {
        zoom?: number;
    }): void;
    /** Resets both zoom factor and pan offset to their defaults. */
    resetPosition(): void;
    /**
     * Applies an absolute zoom factor to the scene (1 === 100%) while respecting
     * configured pan/zoom bounds.
     */
    setScale(scale: number): void;
    /** Replaces the current model and propagates the change to the bound control. */
    setDataModel(model: DfDataModel): void;
    /** Method that removes an existing edge. */
    removeConnection(connection: DfDataConnection): void;
    /** Method that removes an existing node and all related edges. */
    removeNode(node: DfDataNode | string): void;
    /** Clears any active selection in the scene. */
    clearSelection(): void;
    protected onScaleChange(scale: number): void;
    protected onConnectionCreated(event: DfEvent<DfDataConnection>): void;
    protected onConnectionDeleted(event: DfEvent<DfDataConnection>): void;
    protected onNodeDeleted(event: DfEvent<DfDataNode>): void;
    protected onNodeMoved(event: DfEvent<DfDataNode>): void;
    protected onResize(event: readonly ResizeObserverEntry[]): void;
    protected onFocusOut(event: FocusEvent): void;
    protected onPointerDown(event: PointerEvent): void;
    protected onPointerEnd(event: PointerEvent): void;
    protected isTouched(): boolean;
    protected markAsTouched(): void;
    private watchFormChanges;
    private flushPendingChange;
    private cancelPendingChange;
    private onChange;
    private onTouched;
    private cancelInteraction;
    private applyModel;
    private isFocusableDescendant;
    private isSameConnection;
    private scheduleViewportFraming;
    private cancelViewportFraming;
    private applyViewportFraming;
    private retryViewportFraming;
    private getViewportFramingTargetRect;
    static ɵfac: i0.ɵɵFactoryDeclaration<NgDrawFlowComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<NgDrawFlowComponent, "ng-draw-flow", never, { "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; "interactionOptions": { "alias": "interactionOptions"; "required": false; "isSignal": true; }; }, { "scale": "scale"; "connectionCreated": "connectionCreated"; "connectionDeleted": "connectionDeleted"; "connectionSelected": "connectionSelected"; "nodeSelected": "nodeSelected"; "nodeMoved": "nodeMoved"; "nodeDeleted": "nodeDeleted"; }, never, never, true, [{ directive: typeof i1.ErrorsDirective; inputs: { "errors": "errors"; }; outputs: {}; }, { directive: typeof i2.WaResizeObserver; inputs: {}; outputs: { "waResizeObserver": "waResizeObserver"; }; }]>;
}