| 1 | import { Vue } from 'vue-property-decorator';
|
| 2 | import { Value, Styles, Position, TooltipProp, TooltipFormatter } from './typings';
|
| 3 | import './styles/dot.scss';
|
| 4 | export default class VueSliderDot extends Vue {
|
| 5 | $refs: {
|
| 6 | dot: HTMLDivElement;
|
| 7 | };
|
| 8 | value: Value;
|
| 9 | tooltip: TooltipProp;
|
| 10 | dotStyle?: Styles;
|
| 11 | tooltipStyle?: Styles;
|
| 12 | tooltipPlacement: Position;
|
| 13 | tooltipFormatter?: TooltipFormatter;
|
| 14 | focus: boolean;
|
| 15 | disabled: boolean;
|
| 16 | get dotClasses(): (string | {
|
| 17 | 'vue-slider-dot-hover': boolean;
|
| 18 | 'vue-slider-dot-disabled': boolean;
|
| 19 | 'vue-slider-dot-focus': boolean;
|
| 20 | })[];
|
| 21 | get handleClasses(): (string | {
|
| 22 | 'vue-slider-dot-handle-disabled': boolean;
|
| 23 | 'vue-slider-dot-handle-focus': boolean;
|
| 24 | })[];
|
| 25 | get tooltipClasses(): (string | string[] | {
|
| 26 | 'vue-slider-dot-tooltip-show': boolean;
|
| 27 | })[];
|
| 28 | get tooltipInnerClasses(): (string | string[] | {
|
| 29 | 'vue-slider-dot-tooltip-inner-disabled': boolean;
|
| 30 | 'vue-slider-dot-tooltip-inner-focus': boolean;
|
| 31 | })[];
|
| 32 | get showTooltip(): boolean;
|
| 33 | get tooltipValue(): Value;
|
| 34 | dragStart(e: MouseEvent | TouchEvent): false | undefined;
|
| 35 | render(): JSX.Element;
|
| 36 | }
|