vue-slider-component

$el: HTMLDivElement;

$refs: { container: HTMLDivElement; rail: HTMLDivElement };

adsorb?: boolean;

readonly animateTime: number;

readonly canSort: boolean;

clickable: boolean;

contained: boolean;

readonly containerClasses: (
    | string
    | string[]
    | { 'vue-slider-disabled': boolean }
)[];

readonly containerStyles: { padding: string; width: string; height: string };

control: Control;

data?: Value[] | object[] | DataObject;

dataLabel: string;

dataValue: string;

direction: Direction;

disabled: boolean;

dotAttrs?: {};

readonly dotBaseStyle: { width: string; height: string };

dotOptions?: DotOption | DotOption[];

readonly dots: Dot[];

dotSize: number | [number, number];

dotStyle?: Styles;

dragOnClick: boolean;

duration: number;

enableCross: boolean;

fixed: boolean;

focusDotIndex: number;

height?: string | number;

hideLabel?: boolean;

included?: boolean;

interval: number;

readonly isHorizontal: boolean;

readonly isReverse: boolean;

keydownHook: (e: KeyboardEvent) => HandleFunction | boolean;

labelActiveStyle?: Styles;

labelStyle?: Styles;

lazy: boolean;

readonly mainDirection: string;

marks?: MarksProp;

max: number;

maxRange?: number;

min: number;

minRange?: number;

order: boolean;

process?: ProcessProp;

readonly processArray: Process[];

processStyle?: Styles;

railStyle?: Styles;

scale: number;

silent: boolean;

readonly sliderData: Value[];

readonly sliderMarks: MarksProp;

readonly sliderTooltipFormatter: TooltipFormatter | TooltipFormatter[];

states: State;

stepActiveStyle?: Styles;

stepStyle?: Styles;

readonly tailSize: string;

tooltip: TooltipProp;

readonly tooltipDirections: Position[];

tooltipFormatter?: TooltipFormatter | TooltipFormatter[];

tooltipPlacement?: Position | Position[];

tooltipStyle?: Styles;

useKeyboard?: boolean;

value: Value | Value[];

width?: string | number;

zoom?: number;

beforeDestroy: () => void;

bindEvent: () => void;

blur: () => void;

created: () => void;

focus: (index?: number) => void;

getIndex: () => number | number[];

getValue: () => string | number | (string | number)[];

initControl: () => void;

isObjectArrayData: (data?: Value[] | object[] | DataObject) => data is object[];

isObjectData: (data?: Value[] | object[] | DataObject) => data is DataObject;

keydownHandle: (e: KeyboardEvent) => false | undefined;

mounted: () => void;

onValueChanged: () => void;

render: () => JSX.Element;

setIndex: (index: number | number[]) => void;

setScale: () => void;

setValue: (value: Value | Value[]) => void;

setValueByPos: (pos: number) => false | undefined;

unbindEvent: () => void;

$refs: { dot: HTMLDivElement };

disabled: boolean;

readonly dotClasses: (
    | string
    | {
          'vue-slider-dot-hover': boolean;
          'vue-slider-dot-disabled': boolean;
          'vue-slider-dot-focus': boolean;
      }
)[];

dotStyle?: Styles;

focus: boolean;

readonly handleClasses: (
    | string
    | {
          'vue-slider-dot-handle-disabled': boolean;
          'vue-slider-dot-handle-focus': boolean;
      }
)[];

readonly showTooltip: boolean;

tooltip: TooltipProp;

readonly tooltipClasses: (
    | string
    | string[]
    | { 'vue-slider-dot-tooltip-show': boolean }
)[];

tooltipFormatter?: TooltipFormatter;

readonly tooltipInnerClasses: (
    | string
    | string[]
    | {
          'vue-slider-dot-tooltip-inner-disabled': boolean;
          'vue-slider-dot-tooltip-inner-focus': boolean;
      }
)[];

tooltipPlacement: Position;

tooltipStyle?: Styles;

readonly tooltipValue: Value;

value: Value;

dragStart: (e: MouseEvent | TouchEvent) => false | undefined;

render: () => JSX.Element;

hideLabel?: boolean;

labelActiveStyle?: Styles;

readonly labelClasses: (
    | string
    | { 'vue-slider-mark-label-active': boolean | undefined }
)[];

labelStyle?: Styles;

mark: Mark;

readonly marksClasses: (
    | string
    | { 'vue-slider-mark-active': boolean | undefined }
)[];

stepActiveStyle?: Styles;

readonly stepClasses: (
    | string
    | { 'vue-slider-mark-step-active': boolean | undefined }
)[];

stepStyle?: Styles;

labelClickHandle: (e: MouseEvent | TouchEvent) => void;

render: () => JSX.Element;

INTERVAL = 2

MAX = 4

MIN = 3

ORDER = 5

VALUE = 1

const value: any;

const obj: NavObj;

const value: any;