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

/**
 * Semicircle progress gauge. Display-only — for interactive use see the
 * {@link WrKnob} from `ngwr/knob`.
 *
 * @example
 * ```html
 * <wr-gauge [value]="72" />
 * <wr-gauge [value]="9.5" [min]="0" [max]="10" suffix="/10" valueColor="var(--wr-color-warning)" />
 * ```
 *
 * @see https://ngwr.dev/components/gauge
 */
declare class WrGauge {
    readonly value: _angular_core.InputSignal<number>;
    readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Diameter in CSS pixels. @default 160 */
    readonly size: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Arc stroke thickness in viewBox units (out of 100). @default 10 */
    readonly strokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly trackColor: _angular_core.InputSignal<string>;
    readonly valueColor: _angular_core.InputSignal<string>;
    /** Show the value text in the center. @default true */
    readonly showValue: _angular_core.InputSignalWithTransform<boolean, any>;
    readonly suffix: _angular_core.InputSignal<string>;
    protected readonly cx = 50;
    protected readonly cy = 50;
    protected readonly radius: _angular_core.Signal<number>;
    protected readonly ratio: _angular_core.Signal<number>;
    protected readonly trackPath: _angular_core.Signal<string>;
    protected readonly valuePath: _angular_core.Signal<string>;
    protected readonly viewBox = "0 0 100 56";
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrGauge, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrGauge, "wr-gauge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "trackColor": { "alias": "trackColor"; "required": false; "isSignal": true; }; "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrGauge };