ngx-slice-kit
Version:
[](https://badge.fury.io/js/ngx-slice-kit)
60 lines (59 loc) • 2.1 kB
TypeScript
import { AfterViewInit, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
import { Subscription } from 'rxjs';
import * as i0 from "@angular/core";
export declare class SliderComponent implements OnInit, AfterViewInit {
private renderer;
thumb: ElementRef;
addThumb: ElementRef;
thumbMultiple: ElementRef;
track: ElementRef;
max: number;
min: number;
step: number;
color: string;
value: any;
disabled: boolean;
multiple: boolean;
small: boolean;
isDrag: boolean;
isMultipleDrag: boolean;
trackRects: ClientRect;
thumbCoords: number;
multiThumbCoords: number;
interValue: number;
gradientSize: number;
gradientLeftOffset: number;
subscription: Subscription;
thumbSize: number;
thumbClickOffset: number;
multiThumbClickOffset: number;
changed: EventEmitter<any>;
moved: EventEmitter<any>;
constructor(renderer: Renderer2);
grab(prop: any, event: any): void;
drop(): void;
pointerMove(e: PointerEvent): void;
getCoords(mouseX: number): number;
moveThumb(e: MouseEvent): void;
setGradient(thumbCoords: number, fromLeft?: boolean): void;
selectTargetBlock(clickCoords: number, firstThumb: {
thumb: ElementRef;
coords: number;
position: string;
}, secThumb: {
thumb: ElementRef;
coords: number;
position: string;
}): {
thumb: ElementRef;
coords: number;
position: string;
};
calcValue(thumbCoords: number, rangeSide?: 'min' | 'max'): void;
setValue(newValue: number, rangeSide?: 'max' | 'min'): void;
setInitialThumbCoords(): void;
ngOnInit(): void;
ngAfterViewInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "sdk-slider", never, { "max": "max"; "min": "min"; "step": "step"; "color": "color"; "value": "value"; "disabled": "disabled"; "multiple": "multiple"; "small": "small"; }, { "changed": "changed"; "moved": "moved"; }, never, never, false>;
}