vuestic-ui/dist/types/components/va-slider/index.d.ts

Vue 3 UI Framework

export declare const VaSlider: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        range: {
            type: BooleanConstructor;
            default: boolean;
        };
        modelValue: {
            type: import("vue").PropType<number | number[]>;
            default: number;
        };
        trackLabel: {
            type: import("vue").PropType<string | ((val: number, order?: number | undefined) => string) | undefined>;
        };
        color: {
            type: StringConstructor;
            default: string;
        };
        trackColor: {
            type: StringConstructor;
            default: string;
        };
        labelColor: {
            type: StringConstructor;
            default: string;
        };
        trackLabelVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        min: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        max: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        step: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        label: {
            type: StringConstructor;
            default: string;
        };
        invertLabel: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: {
            type: BooleanConstructor;
            default: boolean;
        };
        pins: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconPrepend: {
            type: StringConstructor;
            default: string;
        };
        iconAppend: {
            type: StringConstructor;
            default: string;
        };
        vertical: {
            type: BooleanConstructor;
            default: boolean;
        };
        showTrack: {
            type: BooleanConstructor;
            default: boolean;
        };
        ariaLabel: {
            type: import("vue").PropType<import("../../composables").TranslationProp>;
            default: import("../../composables").TranslationProp;
        };
        preset: {
            type: import("vue").PropType<import("../../composables").PresetPropValue>;
            default: undefined;
        };
        stateful: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
    }>> & {
        onChange?: ((...args: any[]) => any) | undefined;
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
        "onDrag-start"?: ((...args: any[]) => any) | undefined;
        "onDrag-end"?: ((...args: any[]) => any) | undefined;
    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        change: (...args: any[]) => void;
        "update:modelValue": (...args: any[]) => void;
        "drag-start": (...args: any[]) => void;
        "drag-end": (...args: any[]) => void;
    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        range: {
            type: BooleanConstructor;
            default: boolean;
        };
        modelValue: {
            type: import("vue").PropType<number | number[]>;
            default: number;
        };
        trackLabel: {
            type: import("vue").PropType<string | ((val: number, order?: number | undefined) => string) | undefined>;
        };
        color: {
            type: StringConstructor;
            default: string;
        };
        trackColor: {
            type: StringConstructor;
            default: string;
        };
        labelColor: {
            type: StringConstructor;
            default: string;
        };
        trackLabelVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        min: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        max: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        step: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        label: {
            type: StringConstructor;
            default: string;
        };
        invertLabel: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: {
            type: BooleanConstructor;
            default: boolean;
        };
        pins: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconPrepend: {
            type: StringConstructor;
            default: string;
        };
        iconAppend: {
            type: StringConstructor;
            default: string;
        };
        vertical: {
            type: BooleanConstructor;
            default: boolean;
        };
        showTrack: {
            type: BooleanConstructor;
            default: boolean;
        };
        ariaLabel: {
            type: import("vue").PropType<import("../../composables").TranslationProp>;
            default: import("../../composables").TranslationProp;
        };
        preset: {
            type: import("vue").PropType<import("../../composables").PresetPropValue>;
            default: undefined;
        };
        stateful: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
    }>> & {
        onChange?: ((...args: any[]) => any) | undefined;
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
        "onDrag-start"?: ((...args: any[]) => any) | undefined;
        "onDrag-end"?: ((...args: any[]) => any) | undefined;
    }, {
        label: string;
        modelValue: number | number[];
        stateful: boolean;
        preset: import("../../composables").PresetPropValue;
        color: string;
        vertical: boolean;
        step: string | number;
        disabled: boolean;
        max: string | number;
        ariaLabel: import("../../composables").TranslationProp;
        readonly: boolean;
        min: string | number;
        range: boolean;
        trackColor: string;
        labelColor: string;
        trackLabelVisible: boolean;
        invertLabel: boolean;
        pins: boolean;
        iconPrepend: string;
        iconAppend: string;
        showTrack: boolean;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        range: {
            type: BooleanConstructor;
            default: boolean;
        };
        modelValue: {
            type: import("vue").PropType<number | number[]>;
            default: number;
        };
        trackLabel: {
            type: import("vue").PropType<string | ((val: number, order?: number | undefined) => string) | undefined>;
        };
        color: {
            type: StringConstructor;
            default: string;
        };
        trackColor: {
            type: StringConstructor;
            default: string;
        };
        labelColor: {
            type: StringConstructor;
            default: string;
        };
        trackLabelVisible: {
            type: BooleanConstructor;
            default: boolean;
        };
        min: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        max: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        step: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
        };
        label: {
            type: StringConstructor;
            default: string;
        };
        invertLabel: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        readonly: {
            type: BooleanConstructor;
            default: boolean;
        };
        pins: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconPrepend: {
            type: StringConstructor;
            default: string;
        };
        iconAppend: {
            type: StringConstructor;
            default: string;
        };
        vertical: {
            type: BooleanConstructor;
            default: boolean;
        };
        showTrack: {
            type: BooleanConstructor;
            default: boolean;
        };
        ariaLabel: {
            type: import("vue").PropType<import("../../composables").TranslationProp>;
            default: import("../../composables").TranslationProp;
        };
        preset: {
            type: import("vue").PropType<import("../../composables").PresetPropValue>;
            default: undefined;
        };
        stateful: {
            type: import("vue").PropType<boolean>;
            default: boolean;
        };
    }>> & {
        onChange?: ((...args: any[]) => any) | undefined;
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
        "onDrag-start"?: ((...args: any[]) => any) | undefined;
        "onDrag-end"?: ((...args: any[]) => any) | undefined;
    }, {}, {}, {}, {}, {
        label: string;
        modelValue: number | number[];
        stateful: boolean;
        preset: import("../../composables").PresetPropValue;
        color: string;
        vertical: boolean;
        step: string | number;
        disabled: boolean;
        max: string | number;
        ariaLabel: import("../../composables").TranslationProp;
        readonly: boolean;
        min: string | number;
        range: boolean;
        trackColor: string;
        labelColor: string;
        trackLabelVisible: boolean;
        invertLabel: boolean;
        pins: boolean;
        iconPrepend: string;
        iconAppend: string;
        showTrack: boolean;
    }>;
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    range: {
        type: BooleanConstructor;
        default: boolean;
    };
    modelValue: {
        type: import("vue").PropType<number | number[]>;
        default: number;
    };
    trackLabel: {
        type: import("vue").PropType<string | ((val: number, order?: number | undefined) => string) | undefined>;
    };
    color: {
        type: StringConstructor;
        default: string;
    };
    trackColor: {
        type: StringConstructor;
        default: string;
    };
    labelColor: {
        type: StringConstructor;
        default: string;
    };
    trackLabelVisible: {
        type: BooleanConstructor;
        default: boolean;
    };
    min: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    max: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    step: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    label: {
        type: StringConstructor;
        default: string;
    };
    invertLabel: {
        type: BooleanConstructor;
        default: boolean;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    readonly: {
        type: BooleanConstructor;
        default: boolean;
    };
    pins: {
        type: BooleanConstructor;
        default: boolean;
    };
    iconPrepend: {
        type: StringConstructor;
        default: string;
    };
    iconAppend: {
        type: StringConstructor;
        default: string;
    };
    vertical: {
        type: BooleanConstructor;
        default: boolean;
    };
    showTrack: {
        type: BooleanConstructor;
        default: boolean;
    };
    ariaLabel: {
        type: import("vue").PropType<import("../../composables").TranslationProp>;
        default: import("../../composables").TranslationProp;
    };
    preset: {
        type: import("vue").PropType<import("../../composables").PresetPropValue>;
        default: undefined;
    };
    stateful: {
        type: import("vue").PropType<boolean>;
        default: boolean;
    };
}>> & {
    onChange?: ((...args: any[]) => any) | undefined;
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    "onDrag-start"?: ((...args: any[]) => any) | undefined;
    "onDrag-end"?: ((...args: any[]) => any) | undefined;
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    change: (...args: any[]) => void;
    "update:modelValue": (...args: any[]) => void;
    "drag-start": (...args: any[]) => void;
    "drag-end": (...args: any[]) => void;
}, string, {
    label: string;
    modelValue: number | number[];
    stateful: boolean;
    preset: import("../../composables").PresetPropValue;
    color: string;
    vertical: boolean;
    step: string | number;
    disabled: boolean;
    max: string | number;
    ariaLabel: import("../../composables").TranslationProp;
    readonly: boolean;
    min: string | number;
    range: boolean;
    trackColor: string;
    labelColor: string;
    trackLabelVisible: boolean;
    invertLabel: boolean;
    pins: boolean;
    iconPrepend: string;
    iconAppend: string;
    showTrack: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
    $slots: Partial<Record<NonNullable<"append" | "prepend">, (_: {}) => any>> & Partial<Record<NonNullable<"append" | "prepend">, (_: {}) => any>> & {
        label?(_: {}): any;
        trackLabel?(_: {
            value: number;
        }): any;
    };
});