import { LitElement } from 'lit';
import '../button';
declare const SliderInput_base: (new (...args: any[]) => import("../../../common/mixins/form-input").FormMixinInterface) & typeof LitElement;
/**
 * Slider Input.
 * @fires on-input - Captures the input event and emits the selected value and original event details.`detail:{ origEvent: Event,value: number }`
 * @prop {number} min - The minimum value.
 * @prop {number} max - The maximum value.
 * @prop {number} step - The step between values.
 * @slot tooltip - Slot for tooltip.
 * @slot leftBtnIcon - Slot for left button icon.
 * @slot rightBtnIcon - Slot for right button icon.
 * @attr {number} [value=0] - The value of the input.
 * @attr {string} [name=''] - The name of the input, used for form submission.
 * @attr {string} [invalidText=''] - The custom validation message when the input is invalid.
 *
 */
export declare class SliderInput extends SliderInput_base {
    static styles: import("lit").CSSResult;
    /** Label text. */
    accessor label: string;
    /** Input value. */
    value: number;
    /** Input disabled state. */
    accessor disabled: boolean;
    /** Optional text beneath the input. */
    accessor caption: string;
    /** Maximum value. */
    accessor max: number;
    /** Minimum value. */
    accessor min: number;
    /** The step between values */
    accessor step: number;
    /** Visually hide the label. */
    accessor hideLabel: boolean;
    /** Set this to `true` for enable Tick Marker on slider. */
    accessor enableTickMarker: boolean;
    /** Set this to `true` for enable Scale Marker below slider */
    accessor enableScaleMarker: boolean;
    /** Set this to `true` for editable Input. Note: Enabling this property will disable the tooltip. */
    accessor editableInput: boolean;
    /** Customizable text strings. */
    accessor textStrings: {
        error: string;
        decrease: string;
        increase: string;
    };
    /** Custom Labels */
    accessor customLabels: string[];
    /** Set this to `true` for enable Tooltip. */
    accessor enableTooltip: boolean;
    /** Set this to `true` for button controls. */
    accessor enableButtonControls: boolean;
    /** Makes the slider expand to fill the full width of its container. */
    accessor fullWidth: boolean;
    /** Internal text strings.
     * @internal
     */
    accessor _textStrings: {
        error: string;
        decrease: string;
        increase: string;
    };
    /**Tooltip open state.
     * @internal
     */
    accessor tooltipVisible: boolean;
    /**Tooltip position.
     * @internal
     */
    accessor tooltipPosition: string;
    /**
     * Queries the <input> DOM element.
     * @ignore
     */
    accessor _inputRangeEl: HTMLInputElement;
    /**
     * Queries the <input> DOM element.
     * @ignore
     */
    accessor _inputEl: HTMLInputElement;
    render(): import("lit-html").TemplateResult<1>;
    private _renderTickMarker;
    private _handleDecrease;
    private _handleIncrease;
    private _renderCustomLabel;
    private _renderScaleMarker;
    private _renderTooltip;
    private _renderEditableInput;
    private _showTooltip;
    private _hideTooltip;
    private _handleInput;
    private _handleNumberInput;
    private _emitValue;
    private _getTooltipPosition;
    private _updateTooltipPosition;
    private showTickMark;
    private _validate;
    updated(changedProps: any): void;
    willUpdate(changedProps: any): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-slider-input': SliderInput;
    }
}
export {};
//# sourceMappingURL=sliderInput.d.ts.map