import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * A range component that allows the user select a number using a slider. It functions as a wrapper around the material [Slider](https://github.com/material-components/material-components-web/tree/master/packages/mdc-slider) component.
 */
export declare class Range implements ComponentInterface {
    private sliderEl;
    private inputElStart;
    private inputElEnd;
    private sliderInstance;
    el: HTMLInoRangeElement;
    /**
     * Disables this element.
     */
    disabled?: boolean;
    handleDisabledChange(isDisabled: boolean): void;
    /**
     * Restricts the slider to only allow discrete values.
     */
    discrete?: boolean;
    /**
     * Mark this slider to show the steps of the range.
     * Only applicable if `discrete` is enabled.
     */
    markers?: boolean;
    /**
     * The name of this element.
     */
    name?: string;
    /**
     * The min value of this element.
     */
    min?: number;
    /**
     * The max value of this element (**required**).
     */
    max: number;
    /**
     * The value of this element.
     * Only applicable if not in ranged mode.
     */
    value?: number;
    /**
     * Allows to input an interval.
     * Use `valueStart` and `valueEnd` to provide values.
     */
    ranged: boolean;
    /**
     * The value of the left thumb.
     * Only applicable in ranged mode.
     */
    valueStart?: number;
    /**
     * The value of the right thumb.
     * Only applicable in ranged mode.
     */
    valueEnd?: number;
    handleValueChange(newValue: number): void;
    handleRangedValueChanged(newValue: number): void;
    /**
     * The step size for this element.
     * Only applicable if `discrete` is enabled.
     * Is used to calculate the number of markers.
     */
    step?: number;
    /**
     * Emits when the value changes (not in ranged mode).
     */
    valueChange: EventEmitter<number>;
    /**
     * Emits when the start (left) value of the interval changes (in ranged mode).
     */
    valueStartChange: EventEmitter<number>;
    /**
     * Emits when the end (right) value of the interval changes (in ranged mode).
     */
    valueEndChange: EventEmitter<number>;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    private handleInput;
    /**
     * Should be used to make the component accessible.
     * If the value is not user-friendly (e.g. a number to represent the day of the week),
     * use this method to set a function that maps the slider `value` to value of the `aria-valuetext` attribute (e.g. `0` => `monday`).
     *
     * e.g.:
     *
     * `const rangeEl = document.querySelector("ino-range")`
     * `rangeEl.setFnToMapValueToAriaText((value: number) => value + ". day in this week")`
     *
     * @param fn A function that maps the numeric value to a user-friendly string.
     */
    setValueToAriaTextMapperFn(fn: (value: number) => string): Promise<void>;
    render(): any;
    private static renderValueIndicator;
}