import type { CSSResultGroup } from 'lit';
import { ShoelaceElement } from '../../internal/shoelace-element';
/**
 * @summary Range slider allows users to select a value within a predefined range by sliding a handle along a track.
 *
 * @event dsa-blur - Emitted when one of the thumb controls loses focus.
 * @event dsa-focus - Emitted when one of the thumb controls gains focus.
 * @event dsa-slider-from-value-change - Emitted when the lower value of the range slider changes.
 * @event dsa-slider-to-value-change - Emitted when the higher value of the range slider changes.
 */
export default class DSARangeSlider extends ShoelaceElement {
    static styles: CSSResultGroup;
    fromSlider: HTMLInputElement;
    toSlider: HTMLInputElement;
    private hasFromSliderFocus;
    private hasToSliderFocus;
    /** Provides an accessible label for the left cursor of the slider element */
    labelFrom: string;
    /** Provides an accessible label for the right cursor of the slider element */
    labelTo: string;
    /** The current lower value of the range slider, represented by the left thumb. */
    fromValue: string;
    /** The current higher value of the range slider, represented by the right thumb. */
    toValue: string;
    /** The range slider maximum value. */
    max: number;
    /** The range slider minimum value. */
    min: number;
    /** Disables the range slider. */
    disabled: boolean;
    firstUpdated(): void;
    private getRangeDistance;
    private updateSliderBackground;
    private onFromSliderInputChange;
    private setToSliderThumbInReach;
    private onToSliderInputChange;
    handleMinChange(): void;
    handleMaxChange(): void;
    handleToValueChange(): void;
    handleFromValueChange(): void;
    private handleFromSliderFocus;
    private handleFromSliderBlur;
    private handleToSliderFocus;
    private handleToSliderBlur;
    /** Sets focus on the left thumb. */
    focusSliderLeftThumb(options?: FocusOptions): void;
    /** Removes focus from the left thumb. */
    blurSliderLeftThumb(): void;
    /** Sets focus on the right thumb. */
    focusSliderRightThumb(options?: FocusOptions): void;
    /** Removes focus from the right thumb. */
    blurSliderRightThumb(): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'dsa-range-slider': DSARangeSlider;
    }
}