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

/**
 * @license
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
 */
/**
 * Animation mode for {@link WrCounter}.
 *
 * - `odometer` — digits roll vertically like a mechanical counter.
 * - `tween` — single eased interpolation from the previous value to the new
 *   one (matches `<wr-count-up>` behavior, formatted inline).
 */
/** Animation curve. */
type WrCountUpEasing = 'ease-out' | 'spring';
/** When the counter should start animating. */
type WrCountUpTrigger = 'mount' | 'visible';
/** Counting direction. `'down'` swaps `from` ↔ `to`. */
type WrCountUpDirection = 'up' | 'down';
type WrCounterMode = 'odometer' | 'tween';

/** Visual cell in odometer mode — either a 0-9 column or a static glyph. */
type Cell = {
    readonly kind: 'digit';
    readonly fraction: number;
} | {
    readonly kind: 'static';
    readonly char: string;
};
/**
 * Animated number display with two modes:
 *
 * - **`odometer`** (default) — each digit is a vertical strip of 0-9 that
 *   rolls into place, continuously interpolated for smooth motion when the
 *   value changes.
 * - **`tween`** — a single eased count-up between the previous and new value,
 *   rendered through `Intl.NumberFormat`.
 *
 * Reacts to `[value]` changes — animate from any number to any number.
 *
 * @example
 * ```html
 * <wr-counter [value]="123456" mode="odometer" />
 * <wr-counter [value]="9.99" mode="tween" [decimals]="2" prefix="$" />
 * ```
 *
 * @see https://ngwr.dev/components/counter
 */
declare class WrCounter {
    /** Target value. */
    readonly value: _angular_core.InputSignal<number>;
    /** Animation mode. @default 'odometer' */
    readonly mode: _angular_core.InputSignal<WrCounterMode>;
    /** Duration (ms). @default 900 */
    readonly duration: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Fixed number of decimals. @default 0 */
    readonly decimals: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Optional prefix (e.g. `'$'`). */
    readonly prefix: _angular_core.InputSignal<string>;
    /** Optional suffix (e.g. `'%'`). */
    readonly suffix: _angular_core.InputSignal<string>;
    /** Group thousands. @default true */
    readonly grouping: _angular_core.InputSignal<boolean>;
    /** Pad integer part to at least this many digits. @default 0 (no padding) */
    readonly minIntegerDigits: _angular_core.InputSignalWithTransform<number, unknown>;
    private readonly current;
    private readonly locale;
    private readonly isBrowser;
    private rafId;
    /** Tween-mode formatted output. */
    protected readonly tweenText: _angular_core.Signal<string>;
    /** Odometer cells — one per character in the formatted target string. */
    protected readonly cells: _angular_core.Signal<readonly Cell[]>;
    constructor();
    private cancel;
    private format;
    /**
     * Compute the smoothly-interpolated digit (0..10) at column `i` of the
     * formatted live string. Returns the integer digit + a fraction so the
     * strip CSS translate looks like a real rolling odometer.
     */
    private digitFractionAt;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrCounter, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCounter, "wr-counter", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "minIntegerDigits": { "alias": "minIntegerDigits"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

/**
 * Animated number tick. Animates from `from` to the current `to`, formatting
 * via `Intl.NumberFormat`. Re-runs whenever `to` changes.
 *
 * @example Basic
 * ```html
 * <wr-count-up [to]="12345" />
 * <wr-count-up [to]="9.99" [decimals]="2" prefix="$" />
 * ```
 *
 * @example Reactbits-style — spring curve + viewport trigger
 * ```html
 * <wr-count-up [to]="100" easing="spring" trigger="visible" [delay]="200" />
 * ```
 *
 * @example Count down
 * ```html
 * <wr-count-up [from]="60" [to]="0" direction="down" />
 * ```
 *
 * @see https://ngwr.dev/components/counter
 */
declare class WrCountUp {
    /** Starting value. @default 0 */
    readonly from: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Target value. */
    readonly to: _angular_core.InputSignal<number>;
    /**
     * Animation duration. Units depend on `easing`:
     *
     * - `ease-out` — milliseconds (default 1200, min 100)
     * - `spring` — seconds (tunes spring stiffness; default 2)
     */
    readonly duration: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Optional delay (ms) before the animation starts. @default 0 */
    readonly delay: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Animation curve. @default 'ease-out' */
    readonly easing: _angular_core.InputSignal<WrCountUpEasing>;
    /**
     * When to start the animation.
     *
     * - `'mount'` (default) — start as soon as the component is rendered.
     * - `'visible'` — wait for the host to enter the viewport
     *   (IntersectionObserver). Useful for long pages or hero numbers
     *   below the fold.
     */
    readonly trigger: _angular_core.InputSignal<WrCountUpTrigger>;
    /** Counting direction. `'down'` swaps `from` ↔ `to`. @default 'up' */
    readonly direction: _angular_core.InputSignal<WrCountUpDirection>;
    /** Fixed number of decimals. @default 0 */
    readonly decimals: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Optional prefix (e.g. `'$'`). */
    readonly prefix: _angular_core.InputSignal<string>;
    /** Optional suffix (e.g. `'%'`). */
    readonly suffix: _angular_core.InputSignal<string>;
    /** Disable grouping separators (`1,234` → `1234`). @default true (grouping on) */
    readonly grouping: _angular_core.InputSignal<boolean>;
    /** Emits when the animation begins. */
    readonly started: _angular_core.OutputEmitterRef<void>;
    /** Emits when the animation settles. */
    readonly completed: _angular_core.OutputEmitterRef<void>;
    private readonly value;
    private readonly host;
    private readonly locale;
    private readonly isBrowser;
    private readonly destroyRef;
    private rafId;
    private delayTimer;
    private observer;
    private hasFiredForVisible;
    protected readonly formatted: _angular_core.Signal<string>;
    constructor();
    private setupViewportTrigger;
    private scheduleRun;
    private run;
    private tweenEaseOut;
    /**
     * Critically-damped spring tween. Same formula as `motion/react`'s
     * `useSpring` with mass = 1:
     *
     *   damping   = 20 + 40 / duration
     *   stiffness = 100 / duration
     *
     * We integrate `(spring force − damping force)` each frame until both
     * displacement and velocity fall below epsilon.
     */
    private tweenSpring;
    private cancel;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrCountUp, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCountUp, "wr-count-up", never, { "from": { "alias": "from"; "required": false; "isSignal": true; }; "to": { "alias": "to"; "required": true; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "easing": { "alias": "easing"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; }, { "started": "started"; "completed": "completed"; }, never, never, true, never>;
}

export { WrCountUp, WrCounter };
export type { WrCountUpDirection, WrCountUpEasing, WrCountUpTrigger, WrCounterMode };