UNPKG

ionic-framework

Version:

The ionic-framework package comes with both Javascript and Sass frontend dependencies, located in the root of the package, and a Node API, located in `tooling/`.

109 lines (108 loc) 2.71 kB
import { ElementRef, Renderer } from 'angular2/core'; import { NgControl } from 'angular2/common'; import { Form } from '../../util/form'; import { Config } from '../../config/config'; /** * @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. Ionic prefers to wrap the checkbox input with the `<label>` in order to make the entire toggle easy to tap or drag. * Togglees can also have colors assigned to them, by adding any color attribute to them. * * See the [Angular 2 Docs](https://angular.io/docs/js/latest/api/forms/) for more info on forms and input. * @property {any} [value] - the inital value of the toggle * @property {boolean} [checked] - whether the toggle it toggled or not * @property {boolean} [disabled] - whether the toggle is disabled or not * @property {string} [id] - a unique ID for a toggle * @usage * ```html * <!-- Create a single toggle --> * <ion-toggle checked="true"> * Pineapple * </ion-toggle> * * <!-- Create a list of togglees --> * <ion-list> * * <ion-toggle checked="true"> * Apple * </ion-toggle> * * <ion-toggle checked="false"> * Banana * </ion-toggle> * * <ion-toggle disabled="true"> * Cherry * </ion-toggle> * * </ion-list> * ``` * @demo /docs/v2/demos/toggle/ * @see {@link /docs/v2/components#toggle Toggle Component Docs} */ export declare class Toggle { private _form; private _elementRef; private _renderer; private _checked; private _mode; private _startX; private _touched; private addMoveListener; private removeMoveListener; isActivated: boolean; labelId: string; value: string; disabled: boolean; id: string; constructor(_form: Form, _elementRef: ElementRef, _renderer: Renderer, config: Config, ngControl: NgControl); /** * @private */ ngOnInit(): void; /** * Toggle the checked state of this toggle. */ toggle(): void; checked: boolean; /** * @private */ private pointerDown(ev); /** * @private */ private pointerUp(ev); /** * @private */ writeValue(value: any): void; /** * @private */ onChange(val: any): void; /** * @private */ onTouched(val: any): void; /** * @private */ registerOnChange(fn: any): void; /** * @private */ registerOnTouched(fn: any): void; /** * @private */ ngOnDestroy(): void; /** * @private */ isDisabled(ev: any): boolean; /** * @private */ initFocus(): void; }