pencil.js
Version:
Nice modular interactive 2D drawing library.
62 lines (61 loc) • 1.6 kB
TypeScript
/**
* Slider class
* <br><img src="./media/examples/progress-bar.png" alt="progress-bar demo"/>
* @class
* @extends {module:Input}
*/
export default class ProgressBar {
/**
* @typedef {Object} ProgressBarOptions
* @extends InputOptions
* @prop {Number} [value=0] - Initial value
* @prop {Number} [width=200] - Size of the slider
* @prop {Number} [speed=0.3] - Transition speed between two value (0 mean no change, 1 mean instant change)
*/
/**
* @type {ProgressBarOptions}
*/
static get defaultOptions(): any;
/**
* Height of sliders
* @type {Number}
*/
static get HEIGHT(): number;
/**
* Slider constructor
* @param {PositionDefinition} positionDefinition - Top-left corner
* @param {ProgressBarOptions} [options] - Specific options
*/
constructor(positionDefinition: PositionDefinition, options?: any);
progress: Rectangle;
/**
* @inheritDoc
*/
click(): void;
/**
* Change this size
* @param {Number} newWidth - A new size in pixels
*/
set width(newWidth: number);
/**
* Return this width
* @return {Number}
*/
get width(): number;
/**
* Return this height
* @return {Number}
*/
get height(): number;
/**
* Change this current value
* @param {Number} newValue - A new value to be set (between 0 and 1)
*/
set value(newValue: number);
/**
* Returns this current value
* @return {Number}
*/
get value(): number;
}
import Rectangle from "@pencil.js/rectangle";