equal-vue/dist/components/slider/ItSlider.vue.d.ts

Equal is a Vue 3 hackable UI library empowered by tailwindcss

/// <reference types="node" />
import { ComputedRef } from 'vue';
import { TStepItem, TKeyEvents } from './types';
import { Positions } from '@/models/enums';
import { ITSliderOptions } from '@/types/components/components';
declare const _sfc_main: import("vue").DefineComponent<{
    disabled: BooleanConstructor;
    stepPoints: BooleanConstructor;
    numbers: BooleanConstructor;
    min: {
        type: NumberConstructor;
        default: number;
    };
    max: {
        type: NumberConstructor;
        default: number;
    };
    step: {
        type: NumberConstructor;
        default: number;
    };
    modelValue: {
        type: NumberConstructor;
        default: number;
    };
    classes?: {
        type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<ITSliderOptions>>;
        default: undefined;
    } | undefined;
    base?: {
        type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<ITSliderOptions>>;
        default: undefined;
    } | undefined;
    variants?: {
        type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<ITSliderOptions>>;
        default: undefined;
    } | undefined;
    variant?: {
        type: import("vue").PropType<string | string[] | undefined>;
        default?: string | undefined;
    } | undefined;
}, {
    valuePosition: import("vue").Ref<number>;
    stepsPoints: ComputedRef<TStepItem[]>;
    sliderLineRef: import("vue").Ref<null>;
    tooltipRef: import("vue").Ref<import("vue").DefineComponent<{
        content: (StringConstructor | NumberConstructor)[];
        disabled: BooleanConstructor;
        hoverable: BooleanConstructor;
        placement: {
            type: StringConstructor;
            default: Positions;
            validator: (value: Positions) => boolean;
        };
        permanent: BooleanConstructor;
        autoposition: {
            type: BooleanConstructor;
            default: boolean;
        };
        classes?: {
            type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<import("@/types/components/components").ITTooltipOptions>>;
            default: undefined;
        } | undefined;
        base?: {
            type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<import("@/types/components/components").ITTooltipOptions>>;
            default: undefined;
        } | undefined;
        variants?: {
            type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<import("@/types/components/components").ITTooltipOptions>>;
            default: undefined;
        } | undefined;
        variant?: {
            type: import("vue").PropType<string | string[] | undefined>;
            default?: string | undefined;
        } | undefined;
    }, {
        show: import("vue").Ref<boolean>;
        placement: import("vue").Ref<Positions>;
        disabled: any;
        clickable: any;
        transition: ComputedRef<string>;
        visionTimer: import("vue").Ref<{
            hasRef: () => boolean;
            refresh: () => NodeJS.Timeout;
            [Symbol.toPrimitive]: () => number;
            ref: () => NodeJS.Timeout;
            unref: () => NodeJS.Timeout;
        } | null>;
        popover: any;
        trigger: any;
        handleMouseEnter: (e: Event) => void;
        handleMouseLeave: () => void;
        hidePopover: () => void;
        showPopover: () => void;
        setPopoverPosition: () => Promise<void>;
        variant: ComputedRef<{
            transitions?: Record<string, Record<string, string>> | undefined;
        } & import("../../types/variant").CSSRawClassesList<import("@/types/components/components").ITTooltipOptions>>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        content: (StringConstructor | NumberConstructor)[];
        disabled: BooleanConstructor;
        hoverable: BooleanConstructor;
        placement: {
            type: StringConstructor;
            default: Positions;
            validator: (value: Positions) => boolean;
        };
        permanent: BooleanConstructor;
        autoposition: {
            type: BooleanConstructor;
            default: boolean;
        };
        classes?: {
            type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<import("@/types/components/components").ITTooltipOptions>>;
            default: undefined;
        } | undefined;
        base?: {
            type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<import("@/types/components/components").ITTooltipOptions>>;
            default: undefined;
        } | undefined;
        variants?: {
            type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<import("@/types/components/components").ITTooltipOptions>>;
            default: undefined;
        } | undefined;
        variant?: {
            type: import("vue").PropType<string | string[] | undefined>;
            default?: string | undefined;
        } | undefined;
    }>>, {
        disabled: boolean;
        placement: string;
        hoverable: boolean;
        permanent: boolean;
        autoposition: boolean;
    }> | null>;
    keyEvent: (key: TKeyEvents) => void;
    onMouseOrTouchDown: (e: MouseEvent & TouchEvent) => void;
    onSliderClick: (e: MouseEvent & TouchEvent) => void;
    handleMouseEnter: (e: Event) => void;
    handleMouseLeave: () => void;
    getStepPointStyles: ({ step, index, }: {
        step: TStepItem;
        index: number;
    }) => object;
    Positions: typeof Positions;
    variant: ComputedRef<{
        transitions?: Record<string, Record<string, string>> | undefined;
    } & import("../../types/variant").CSSRawClassesList<ITSliderOptions>>;
    controller: import("vue").Ref<HTMLDivElement | undefined>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    disabled: BooleanConstructor;
    stepPoints: BooleanConstructor;
    numbers: BooleanConstructor;
    min: {
        type: NumberConstructor;
        default: number;
    };
    max: {
        type: NumberConstructor;
        default: number;
    };
    step: {
        type: NumberConstructor;
        default: number;
    };
    modelValue: {
        type: NumberConstructor;
        default: number;
    };
    classes?: {
        type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<ITSliderOptions>>;
        default: undefined;
    } | undefined;
    base?: {
        type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<ITSliderOptions>>;
        default: undefined;
    } | undefined;
    variants?: {
        type: import("vue").PropType<import("../../types/variant").CSSRawClassesList<ITSliderOptions>>;
        default: undefined;
    } | undefined;
    variant?: {
        type: import("vue").PropType<string | string[] | undefined>;
        default?: string | undefined;
    } | undefined;
}>>, {
    max: number;
    disabled: boolean;
    modelValue: number;
    min: number;
    step: number;
    stepPoints: boolean;
    numbers: boolean;
}>;
export default _sfc_main;