import { MiuraElement } from '@miurajs/miura-element';
import '../elements/icon.js';
export interface NodeCanvasNode {
    id: string;
    x: number;
    y: number;
    width?: number;
    title?: string;
    subtitle?: string;
    icon?: string;
    tone?: 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
}
export interface NodeCanvasConnector {
    id: string;
    from: string;
    to: string;
    label?: string;
    tone?: 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
}
export declare class MuiNodeCard extends MiuraElement {
    static properties: {
        nodeId: {
            type: StringConstructor;
            default: string;
            attribute: string;
        };
        selected: {
            type: BooleanConstructor;
            default: boolean;
            reflect: boolean;
        };
        tone: {
            type: StringConstructor;
            default: string;
            reflect: boolean;
        };
    };
    nodeId: string;
    selected: boolean;
    tone: string;
    static styles: import("@miurajs/miura-render").CSSResult;
    template(): import("@miurajs/miura-render").TemplateResult;
}
export declare class MuiNodeCanvas extends MiuraElement {
    static properties: {
        nodes: {
            type: ArrayConstructor;
            default: () => never[];
        };
        connectors: {
            type: ArrayConstructor;
            default: () => never[];
        };
        selected: {
            type: StringConstructor;
            default: string;
        };
        zoom: {
            type: NumberConstructor;
            default: number;
        };
        grid: {
            type: BooleanConstructor;
            default: boolean;
            reflect: boolean;
        };
    };
    nodes: NodeCanvasNode[];
    connectors: NodeCanvasConnector[];
    selected: string;
    zoom: number;
    grid: boolean;
    private dragging?;
    static styles: import("@miurajs/miura-render").CSSResult;
    private getNode;
    private numeric;
    private center;
    private connectorPath;
    private selectNode;
    private onPointerDown;
    private onPointerMove;
    private onPointerUp;
    private renderNode;
    template(): import("@miurajs/miura-render").TemplateResult;
}
//# sourceMappingURL=node-canvas.d.ts.map