pencil.js
Version:
Nice modular interactive 2D drawing library.
63 lines (62 loc) • 1.62 kB
TypeScript
/**
* Slider class
* <br><img src="./media/examples/slider.png" alt="slider demo"/>
* @class
* @extends {module:Input}
*/
export default class Slider {
/**
* @typedef {Object} SliderOptions
* @extends InputOptions
* @prop {Number} [min=0] - Minimum value when the slider is at lowest
* @prop {Number} [max=10] - Maximum value when the slider is at highest
* @prop {Number} [value=0] - Initial value
* @prop {Number} [width=200] - Size of the slider
*/
/**
* @type {SliderOptions}
*/
static get defaultOptions(): any;
/**
* Height of sliders
* @type {Number}
*/
static get HEIGHT(): number;
/**
* Slider constructor
* @param {PositionDefinition} positionDefinition - Top-left corner
* @param {SliderOptions} [options] - Specific options
*/
constructor(positionDefinition: PositionDefinition, options?: any);
handle: Circle;
/**
* @inheritDoc
*/
click(position: any): void;
/**
* Change this slider's size
* @param {Number} newWidth - A new size in pixels
*/
set width(newWidth: number);
/**
* Return this slider's width
* @return {Number}
*/
get width(): number;
/**
* Return this slider's height
* @return {Number}
*/
get height(): number;
/**
* Change this current value
* @param {Number} newValue - A new value to set
*/
set value(newValue: number);
/**
* Returns this current value
* @return {Number}
*/
get value(): number;
}
import Circle from "@pencil.js/circle";