import { ElementRef, Renderer, EventEmitter } from 'angular2/core'; import { ControlValueAccessor } from 'angular2/common'; import { Form } from '../../util/form'; import { Item } from '../item/item'; /** * @name Toggle * @description * A toggle technically is the same thing as an HTML checkbox input, * except it looks different and is easier to use on a touch device. * Toggles can also have colors assigned to them, by adding any color * attribute. * * See the [Angular 2 Docs](https://angular.io/docs/ts/latest/guide/forms.html) * for more info on forms and inputs. * @property {boolean} [checked] - whether the toggle it toggled or not * @property {boolean} [disabled] - whether the toggle is disabled or not * * @usage * ```html * * * * * Pepperoni * * * * * Sausage * * * * * Mushrooms * * * * * ``` * * @demo /docs/v2/demos/toggle/ * @see {@link /docs/v2/components#toggle Toggle Component Docs} */ export declare class Toggle implements ControlValueAccessor { private _form; private _elementRef; private _renderer; private _item; private _checked; private _disabled; private _labelId; private _activated; private _startX; private _msPrv; private _fn; /** * @private */ id: string; /** * @output {Toggle} expression to evaluate when the toggle value changes */ change: EventEmitter; constructor(_form: Form, _elementRef: ElementRef, _renderer: Renderer, _item: Item); /** * @private */ private pointerDown(ev); /** * @private */ private pointerMove(ev); /** * @private */ private pointerUp(ev); checked: boolean; /** * @private */ private _setChecked(isChecked); /** * @private */ writeValue(val: any): void; /** * @private */ registerOnChange(fn: Function): void; /** * @private */ registerOnTouched(fn: any): void; disabled: boolean; /** * @private */ onChange(isChecked: boolean): void; /** * @private */ onTouched(): void; /** * @private */ ngOnDestroy(): void; /** * @private */ private _isPrevented(ev); }