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

/**
 * KPI card — label + big number + optional prefix/suffix + delta. Pair
 * with a layout grid for dashboards.
 *
 * When `value` is numeric the number counts up (eased) from its previous
 * value to the new one on every change — see `animate`. String values and
 * `prefers-reduced-motion` render instantly.
 *
 * @example
 * ```html
 * <wr-statistic label="Active users" [value]="12345" suffix="users" />
 * <wr-statistic label="Revenue" [value]="9512" prefix="$" [delta]="12.4" />
 * <wr-statistic label="Churn" [value]="1.8" suffix="%" [precision]="1" />
 * ```
 *
 * @see https://ngwr.dev/components/statistic
 */
declare class WrStatistic {
    private readonly platform;
    private readonly locale;
    readonly label: _angular_core.InputSignal<string>;
    /** The number (or string) to display in the main slot. */
    readonly value: _angular_core.InputSignal<string | number | null>;
    /** Prefix glyph / symbol (e.g. `'$'`). */
    readonly prefix: _angular_core.InputSignal<string>;
    /** Suffix glyph / unit (e.g. `'%'`, `'kg'`). */
    readonly suffix: _angular_core.InputSignal<string>;
    /** Fixed number of decimals applied to numeric values. @default 0 */
    readonly precision: _angular_core.InputSignalWithTransform<number, unknown>;
    /**
     * Count up to a new numeric `value` instead of swapping instantly. Always
     * off for string values or under `prefers-reduced-motion`. @default true
     */
    readonly animate: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Count-up duration (ms). @default 700 */
    readonly duration: _angular_core.InputSignalWithTransform<number, unknown>;
    /**
     * The current value coerced to a finite number, or `null` when `value` is
     * a non-numeric string / empty / nullish (rendered as-is).
     */
    protected readonly numericValue: _angular_core.Signal<number | null>;
    /** Whether the value should count up (browser, numeric, opted-in, motion allowed). */
    protected readonly animated: _angular_core.Signal<boolean>;
    /** Animation start — the previously-rendered numeric value (0 on first paint). */
    protected readonly animateFrom: _angular_core.WritableSignal<number>;
    /** Bookkeeping: the last numeric value seen, fed back as the next `from`. */
    private readonly lastNumeric;
    constructor();
    /**
     * Static (non-animated) display string. Numeric values honour `precision`
     * and locale grouping so they match the count-up output; everything else
     * renders verbatim with an em-dash fallback.
     */
    protected readonly displayValue: _angular_core.Signal<string>;
    /**
     * Optional delta vs previous period — shown as `+x.x%` (or `-x.x%`).
     * Use `deltaSuffix` to change the trailing unit.
     */
    readonly delta: _angular_core.InputSignalWithTransform<number | null, number | null>;
    /** Unit appended to the delta value. @default '%' */
    readonly deltaSuffix: _angular_core.InputSignal<string>;
    protected readonly hasDelta: _angular_core.Signal<boolean>;
    protected readonly deltaDirection: _angular_core.Signal<"up" | "down" | "flat">;
    protected readonly deltaText: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrStatistic, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrStatistic, "wr-statistic", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaSuffix": { "alias": "deltaSuffix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

/**
 * Live-counting variant of `<wr-statistic>` that targets a future date
 * and ticks down to zero. The format string uses Day/Hour/Minute/Second
 * tokens (`D`, `H`, `m`, `s`, double for zero-padded, plus `SSS` for
 * milliseconds).
 *
 * @example
 * ```html
 * <wr-statistic-countdown
 *   label="Launch in"
 *   [target]="launchDate"
 *   format="D days HH:mm:ss"
 *   (countdownEnd)="onLive()"
 * />
 * ```
 *
 * @see https://ngwr.dev/components/statistic
 */
declare class WrStatisticCountdown {
    /** Target date / timestamp the countdown is running down to. */
    readonly target: _angular_core.InputSignal<string | number | Date>;
    /** Label rendered above the value. */
    readonly label: _angular_core.InputSignal<string>;
    /**
     * Format string. Tokens: `D`/`DD` (days), `H`/`HH` (hours),
     * `m`/`mm` (minutes), `s`/`ss` (seconds), `SSS` (milliseconds).
     * Double-letter forms zero-pad to width 2. @default 'HH:mm:ss'
     */
    readonly format: _angular_core.InputSignal<string>;
    /** Optional text shown once the countdown reaches zero. */
    readonly endText: _angular_core.InputSignal<string | null>;
    /**
     * Tick interval in ms. Drop to ~16 for `SSS` (millisecond display).
     * @default 1000
     */
    readonly tickMs: _angular_core.InputSignal<number>;
    /** Fires once when the countdown crosses zero. */
    readonly countdownEnd: _angular_core.OutputEmitterRef<void>;
    private readonly destroyRef;
    private readonly isBrowser;
    private readonly targetMs;
    /** Remaining milliseconds (live signal). */
    protected readonly remaining: _angular_core.WritableSignal<number>;
    protected readonly finished: _angular_core.WritableSignal<boolean>;
    protected readonly display: _angular_core.Signal<string>;
    constructor();
    private tick;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrStatisticCountdown, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrStatisticCountdown, "wr-statistic-countdown", never, { "target": { "alias": "target"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "endText": { "alias": "endText"; "required": false; "isSignal": true; }; "tickMs": { "alias": "tickMs"; "required": false; "isSignal": true; }; }, { "countdownEnd": "countdownEnd"; }, never, never, true, never>;
}

export { WrStatistic, WrStatisticCountdown };