/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { FormComponentProps } from '@progress/kendo-vue-common';
import { PropType } from 'vue';
import { SliderFocusEvent } from './interfaces/SliderFocusEvent';
import { SliderBlurEvent } from './interfaces/SliderBlurEvent';
/**
 * The arguments for the `change` Slider event.
 */
export interface SliderChangeEvent {
    /**
     * The current value of the Slider.
     */
    value: number;
    /**
     * The native event.
     */
    event: any;
}
/**
 * Represents the props of the [Kendo UI for Vue Slider component]({% slug overview_slider %}).
 */
export interface SliderProps extends FormComponentProps {
    /**
     * The value of the Slider.
     */
    value?: number;
    /**
     * @hidden
     */
    modelValue?: number;
    /**
     * The default value of the Slider.
     */
    defaultValue?: number;
    /**
     * The minimum value of the Slider.
     */
    min: number;
    /**
     * The maximum value of the Slider.
     */
    max: number;
    /**
     * Specifies the step of the value increase and decrease.
     */
    step?: number;
    /**
     * Determines the event handler that will be fired when the user edits the value.
     */
    onChange?: (event: SliderChangeEvent) => void;
    /**
     * Renders the arrow side buttons of the Slider if set to true.
     */
    buttons?: boolean;
    /**
     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
     * of the Slider.
     */
    tabIndex?: number;
    /**
     * Determines whether the Slider is disabled.
     *
     */
    disabled?: boolean;
    /**
     * If `vertical` is set to `true`, the orientation of the Slider changes from horizontal to vertical
     * ([see example]({% slug orientation_slider %})).
     */
    vertical?: boolean;
    /**
     * Specifies the id of the component.
     */
    id?: string;
    /**
     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
     * For example these elements could contain error or hint message.
     */
    ariaDescribedBy?: string;
    /**
     * Identifies the element(s) which will label the component.
     */
    ariaLabelledBy?: string;
    /**
     * Represents the `dir` HTML attribute.
     */
    dir?: string;
    /**
     * Specifies the aria-label attribute of the Slider.
     */
    ariaLabel?: string;
}
/**
 * @hidden
 */
declare const Slider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    modelValue: {
        type: PropType<number>;
        default: any;
    };
    defaultValue: {
        type: PropType<number>;
        default: any;
    };
    name: PropType<string>;
    buttons: PropType<boolean>;
    tabIndex: PropType<number>;
    disabled: PropType<boolean>;
    dir: PropType<string>;
    step: PropType<number>;
    min: {
        type: PropType<number>;
        required: true;
    };
    max: {
        type: PropType<number>;
        required: true;
    };
    value: PropType<number>;
    vertical: PropType<boolean>;
    id: PropType<string>;
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    ariaLabel: PropType<string>;
}>, {
    inputRef: import('vue').Ref<any, any>;
    kendoLocalizationService: {};
}, {
    currentValue: any;
    currentFocused: boolean;
    currentDir: string;
}, {
    computedValue(): number;
    sliderTrack(): any;
}, {
    focus(): void;
    isLabel(target: any): boolean;
    onFocus(event: any): void;
    onBlur(event: any): void;
    onKeyDown(e: any): void;
    decrement(e: any): void;
    increment(e: any): void;
    dragStart(e: any): void;
    dragOver(e: any): void;
    drag(e: any): void;
    change(e: any, value: number): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    changemodel: (value: number) => true;
    'update:modelValue': (value: number) => true;
    change: (event: SliderChangeEvent) => true;
    blur: (event: SliderBlurEvent) => true;
    focus: (event: SliderFocusEvent) => true;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    modelValue: {
        type: PropType<number>;
        default: any;
    };
    defaultValue: {
        type: PropType<number>;
        default: any;
    };
    name: PropType<string>;
    buttons: PropType<boolean>;
    tabIndex: PropType<number>;
    disabled: PropType<boolean>;
    dir: PropType<string>;
    step: PropType<number>;
    min: {
        type: PropType<number>;
        required: true;
    };
    max: {
        type: PropType<number>;
        required: true;
    };
    value: PropType<number>;
    vertical: PropType<boolean>;
    id: PropType<string>;
    ariaLabelledBy: PropType<string>;
    ariaDescribedBy: PropType<string>;
    ariaLabel: PropType<string>;
}>> & Readonly<{
    onBlur?: (event: SliderBlurEvent) => any;
    onChange?: (event: SliderChangeEvent) => any;
    onFocus?: (event: SliderFocusEvent) => any;
    onChangemodel?: (value: number) => any;
    "onUpdate:modelValue"?: (value: number) => any;
}>, {
    modelValue: number;
    defaultValue: number;
}, {}, {}, {}, string, () => {
    kendoMin: any;
    kendoMax: any;
    kendoVertical: any;
}, true, {}, any>;
export { Slider };