import * as React from "react"; import { AbstractPureComponent2 } from "../../common"; import { HandleProps } from "./handleProps"; /** * Props for the internal component needs some additional info from the parent Slider. */ export interface IInternalHandleProps extends HandleProps { disabled?: boolean; label: JSX.Element | string | undefined; max: number; min: number; stepSize: number; tickSize: number; tickSizeRatio: number; vertical: boolean; } export interface IHandleState { /** whether slider handle is currently being dragged */ isMoving?: boolean; } /** Internal component for a Handle with click/drag/keyboard logic to determine a new value. */ export declare class Handle extends AbstractPureComponent2 { static displayName: string; state: { isMoving: boolean; }; private handleElement; private refHandlers; componentDidMount(): void; render(): JSX.Element; componentWillUnmount(): void; /** Convert client pixel to value between min and max. */ clientToValue(clientPixel: number): number; mouseEventClientOffset(event: MouseEvent | React.MouseEvent): number; touchEventClientOffset(event: TouchEvent | React.TouchEvent): number; beginHandleMovement: (event: MouseEvent | React.MouseEvent) => void; beginHandleTouchMovement: (event: TouchEvent | React.TouchEvent) => void; protected validateProps(props: IInternalHandleProps): void; private getStyleProperties; private endHandleMovement; private endHandleTouchMovement; private handleMoveEndedAt; private handleHandleMovement; private handleHandleTouchMovement; private handleMovedTo; private handleKeyDown; private handleKeyUp; /** Clamp value and invoke callback if it differs from current value */ private changeValue; /** Clamp value between min and max props */ private clamp; private getHandleElementCenterPixel; private getHandleMidpointAndOffset; private removeDocumentEventListeners; }