import * as _angular_core from '@angular/core';

/** One entry in a {@link WrAnchor}. */
interface WrAnchorLink {
    /** id of the target element (without `#`). */
    readonly id: string;
    readonly label: string;
    /** Optional nested links (single level of nesting supported). */
    readonly children?: readonly WrAnchorLink[];
}

/**
 * Scroll-spy in-page navigation. Renders a list of links to elements on
 * the page; clicking a link smooth-scrolls (via {@link WrScroll}),
 * and the closest visible heading auto-highlights as the user scrolls.
 *
 * @example
 * ```html
 * <wr-anchor
 *   [links]="[
 *     { id: 'intro', label: 'Introduction' },
 *     { id: 'usage', label: 'Usage', children: [
 *       { id: 'basic', label: 'Basic' },
 *       { id: 'advanced', label: 'Advanced' },
 *     ]}
 *   ]"
 *   [offset]="80"
 * />
 * ```
 *
 * @see https://ngwr.dev/components/anchor
 */
declare class WrAnchor {
    readonly links: _angular_core.InputSignal<readonly WrAnchorLink[]>;
    /** Pixel offset subtracted on scroll — for sticky headers. @default 0 */
    readonly offset: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Highlight an item when its target's top is within this many px of the offset line. @default 80 */
    readonly hitArea: _angular_core.InputSignalWithTransform<number, unknown>;
    protected readonly activeId: _angular_core.WritableSignal<string | null>;
    /** Flat list of all ids (top-level + children) — used for scroll spy. */
    protected readonly flatIds: _angular_core.Signal<readonly string[]>;
    private readonly scroll;
    private readonly platform;
    private readonly zone;
    private readonly destroyRef;
    constructor();
    protected onClick(id: string, event: MouseEvent): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrAnchor, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrAnchor, "wr-anchor", never, { "links": { "alias": "links"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "hitArea": { "alias": "hitArea"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrAnchor };
export type { WrAnchorLink };