import { AsyncDirective, type ElementPart, type PartInfo } from '@a11d/lit';
import { type UrlMatchMode, NavigationStrategy, type RoutableComponent } from './index.js';
/** The options of `routerLink`. */
type Parameters = {
    /** The component to navigate to, whose URL becomes the element's `href`. */
    component: RoutableComponent<any>;
    /** Where to navigate, overriding the strategy implied by the modifier keys of the click. */
    navigationStrategy?: NavigationStrategy;
    /** How the URL must match the component's for the element to be selected, `all` by default. */
    matchMode?: UrlMatchMode;
    /** Called on the element with whether it is selected, initially and whenever the URL changes. */
    selectionChangeHandler?(this: Element, selected: boolean): void;
    /** Called whenever the element is clicked, once the navigation started. */
    invocationHandler?(): void;
};
type ShorthandParametersOrParameters = [component: RoutableComponent<any>] | [parameters: Parameters];
declare class RouterLinkDirective extends AsyncDirective {
    readonly element: Element;
    readonly parameters: Parameters;
    constructor(partInfo: PartInfo);
    update(part: ElementPart, parameters: ShorthandParametersOrParameters): unknown;
    render(...parameters: ShorthandParametersOrParameters): symbol;
    protected disconnected(): void;
    handleEvent(event: Event): void;
    private addEventListeners;
    private removeEventListeners;
    private invoke;
    private executeSelectionChange;
}
/**
 * Navigates to a routable component when the element is clicked, and marks the element `data-router-selected` while its URL matches.
 *
 * Ctrl-, Cmd- and middle-clicks open the component in a new tab and Shift-clicks in a new window, unless a `navigationStrategy`
 * is given.
 */
export declare const routerLink: (...values: ShorthandParametersOrParameters) => import("lit-html/directive.js").DirectiveResult<typeof RouterLinkDirective>;
export {};
//# sourceMappingURL=routerLink.d.ts.map