import * as _angular_core from '@angular/core';
import { TemplateRef } from '@angular/core';

/** Image-driven marquee entry. */
interface WrMarqueeImage {
    readonly src: string;
    readonly alt?: string;
    readonly href?: string;
    readonly title?: string;
    readonly width?: number;
    readonly height?: number;
    readonly srcSet?: string;
    readonly sizes?: string;
}
/** Template-driven marquee entry — `node` is rendered via `*ngTemplateOutlet`. */
interface WrMarqueeNode {
    readonly node: TemplateRef<unknown>;
    readonly href?: string;
    readonly ariaLabel?: string;
    readonly title?: string;
}
type WrMarqueeItem = WrMarqueeImage | WrMarqueeNode;

declare function isNode(item: WrMarqueeItem): item is WrMarqueeNode;
/**
 * Endless horizontal marquee. Auto-duplicates the items list until it
 * covers the container width, then animates the track with a smooth
 * rAF-driven scroll. Optional edge fades, scale-on-hover, and pause /
 * variable-speed hover behaviour.
 *
 * @example
 * ```html
 * <wr-marquee
 *   [items]="logos"
 *   [speed]="80"
 *   [gap]="48"
 *   [itemHeight]="36"
 *   [fadeOut]="true"
 *   [scaleOnHover]="true"
 *   [pauseOnHover]="true"
 * />
 * ```
 *
 * @see https://www.reactbits.dev/animations/logo-loop
 */
declare class WrMarquee {
    /** Items to display. Each entry is either an image source or a TemplateRef node. */
    readonly items: _angular_core.InputSignal<readonly WrMarqueeItem[]>;
    /** Scroll speed in pixels per second. Negative reverses direction. @default 120 */
    readonly speed: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Track direction. @default 'left' */
    readonly direction: _angular_core.InputSignal<"left" | "right">;
    /** Item height in pixels. @default 28 */
    readonly itemHeight: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Gap between items in pixels. @default 32 */
    readonly gap: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Pause the loop on hover. @default false */
    readonly pauseOnHover: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Custom speed (px/s) when hovered. Overrides `pauseOnHover`. */
    readonly hoverSpeed: _angular_core.InputSignalWithTransform<number | undefined, number | undefined>;
    /** Apply edge fade-out gradients. @default false */
    readonly fadeOut: _angular_core.InputSignalWithTransform<boolean, any>;
    /** CSS colour for the fade-out gradient. Defaults to the page background. */
    readonly fadeOutColor: _angular_core.InputSignal<string>;
    /** Scale individual items up on hover. @default false */
    readonly scaleOnHover: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Accessible label for the carousel region. @default 'Marquee' */
    readonly ariaLabel: _angular_core.InputSignal<string>;
    private readonly trackEl;
    private readonly host;
    private readonly destroyRef;
    private readonly isBrowser;
    protected readonly seqWidth: _angular_core.WritableSignal<number>;
    protected readonly copyCount: _angular_core.WritableSignal<number>;
    protected readonly isHovered: _angular_core.WritableSignal<boolean>;
    protected readonly copyIndices: _angular_core.Signal<number[]>;
    /** Resolved hover speed: `hoverSpeed` overrides, else 0 when `pauseOnHover`, else live. */
    private readonly effectiveHoverSpeed;
    /** Target velocity in px/s, sign baked in. */
    private readonly targetVelocity;
    constructor();
    protected onEnter(): void;
    protected onLeave(): void;
    protected isNodeItem: typeof isNode;
    /** Read first sequence width + decide how many copies cover the viewport. */
    private measure;
    private watchResize;
    private watchImageLoads;
    private startLoop;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrMarquee, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrMarquee, "wr-marquee", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "hoverSpeed": { "alias": "hoverSpeed"; "required": false; "isSignal": true; }; "fadeOut": { "alias": "fadeOut"; "required": false; "isSignal": true; }; "fadeOutColor": { "alias": "fadeOutColor"; "required": false; "isSignal": true; }; "scaleOnHover": { "alias": "scaleOnHover"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrMarquee };
export type { WrMarqueeImage, WrMarqueeItem, WrMarqueeNode };