import * as _angular_core from '@angular/core';
import { ElementRef } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';

/**
 * @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
 */
/**
 * Value type accepted by `<wr-slider>`:
 * - `number` for single-thumb sliders (`range="false"`, the default)
 * - `[number, number]` (`[low, high]`) for range sliders (`range="true"`)
 *
 * The component reads `range` at runtime and writes back the matching shape
 * through `ControlValueAccessor`.
 */
type WrSliderValue = number | readonly [number, number];

/** Trim float drift from step calculations. */
/**
 * Numeric slider with optional dual-thumb range mode.
 *
 * Implements `ControlValueAccessor` — works with `[(ngModel)]`,
 * `formControl`, `formControlName`. The value shape depends on `range`:
 * `number` (default) or `[number, number]` when `range="true"`.
 *
 * Keyboard: ← / → adjust by `step`; ↑ / ↓ same; Shift+arrow by `step × 10`;
 * Home / End jump to min / max; PageUp / PageDown by `step × 10`.
 *
 * @example
 * ```html
 * <wr-slider [(ngModel)]="volume" min="0" max="100" step="5" />
 * <wr-slider [(ngModel)]="range" range min="0" max="1000" step="10" />
 * ```
 *
 * @see https://ngwr.dev/components/slider
 */
declare class WrSlider implements ControlValueAccessor {
    /** Lower bound. @default 0 */
    readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Upper bound. @default 100 */
    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Step size for keyboard and drag. @default 1 */
    readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Render two thumbs and emit `[low, high]`. @default false */
    readonly range: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Disable interaction. @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Render the current value below the track. @default true */
    readonly showLabel: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly low: _angular_core.WritableSignal<number>;
    protected readonly high: _angular_core.WritableSignal<number>;
    private readonly disabledFromCva;
    protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
    protected readonly track: _angular_core.Signal<ElementRef<HTMLElement>>;
    protected readonly classes: _angular_core.Signal<string>;
    protected readonly lowPercent: _angular_core.Signal<number>;
    protected readonly highPercent: _angular_core.Signal<number>;
    protected readonly fillLeft: _angular_core.Signal<number>;
    protected readonly fillWidth: _angular_core.Signal<number>;
    protected readonly label: _angular_core.Signal<string>;
    private onChange;
    private onTouched;
    writeValue(v: WrSliderValue | null): void;
    registerOnChange(fn: (v: WrSliderValue) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(isDisabled: boolean): void;
    protected onPointerDown(event: PointerEvent, thumb: 'low' | 'high'): void;
    protected onTrackPointerDown(event: PointerEvent): void;
    protected onKey(event: KeyboardEvent, thumb: 'low' | 'high'): void;
    private updateFromEvent;
    private nearestThumb;
    private focusThumb;
    private setThumb;
    private snap;
    private clampToBounds;
    private percentOf;
    private emitChange;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSlider, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSlider, "wr-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrSlider };
export type { WrSliderValue };