import { PropertyValues } from 'lit';
import { DDSFormElement } from "../../base/index.js";
/**
 * The slider component is a control that allows users to input numerical values within a specific range intuitively.
 * It functions similarly to the HTML `<input type="range">` tag, allows you to set the range of values.
 *
 * @attr form - The form the component belongs to.
 * @attr name - The form name, submitted as a name/value pair when submitting the form.
 * @attr value - The initial form value, submitted as a name/value pair when submitting the form.
 * @prop {String} formAttr - The form the component belongs to.
 * @prop {String} name - The form name, submitted as a name/value pair when submitting the form.
 * @prop {String} value - The form value, submitted as a name/value pair when submitting the form.
 *
 * @fires change - A retargeted event of a [change event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) emitted from the inner `<input type="range">` element.
 * @fires input - A retargeted event of a [input event](https://developer.mozilla.org/en-US/docs/Web/API/Element/input_event).
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/slider/index.js";
 * ```
 *
 * ```html
 * <daikin-slider name="name" value="1" min="1" max="100" step="1"></daikin-slider>
 * ```
 */
export declare class DaikinSlider extends DDSFormElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * The smallest value in the range of permitted values.
     *
     * @default "0"
     */
    min: string;
    /**
     * The largest value in the range of permitted values.
     *
     * @default "100"
     */
    max: string;
    /**
     * The step attribute is a number that specifies the granularity that the value must adhere to.
     *
     * @default "1"
     */
    step: string;
    /**
     * Specify the slider disabled state.
     */
    disabled: boolean;
    /**
     * The aria-label of the slider.
     * You should specify this value based on the slider's use case, such as "air conditioner temperature".
     *
     * @default "slider"
     */
    sliderAriaLabel: string;
    constructor();
    private _dragging;
    private _sliderRef;
    private _thumbRef;
    private _updateFormValue;
    private get _progress();
    private _handleDrag;
    private _handleKeyDown;
    /**
     * Returns a normalized value of the mouse position on the slider, in the range 0 to 1.
     *
     * @param event A MouseEvent.
     * @returns The mouse's X coordinate normalized to a range of 0 to 1. The left end and beyond of the slider is 0, and the right end and beyond is 1.
     */
    private _calcMousePositionRatio;
    private _startDrag;
    private _startTouch;
    /**
     * Focuses on the inner slider thumb.
     * @param options focus options
     */
    focus(options?: FocusOptions): void;
    render(): import('lit-html').TemplateResult<1>;
    updated(changedProperties: PropertyValues<this>): void;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-slider": DaikinSlider;
    }
}