| 1 | import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer } from '@angular/core';
|
| 2 | import { RadioButton } from './radio-button';
|
| 3 | /**
|
| 4 | * @name RadioGroup
|
| 5 | * @description
|
| 6 | * A radio group is a group of [radio buttons](../RadioButton). It allows
|
| 7 | * a user to select at most one radio button from a set. Checking one radio
|
| 8 | * button that belongs to a radio group unchecks any previous checked
|
| 9 | * radio button within the same group.
|
| 10 | *
|
| 11 | * See the [Angular Forms Docs](https://angular.io/docs/ts/latest/guide/forms.html)
|
| 12 | * for more information on forms and inputs.
|
| 13 | *
|
| 14 | * @usage
|
| 15 | * ```html
|
| 16 | * <ion-list radio-group [(ngModel)]="autoManufacturers">
|
| 17 | *
|
| 18 | * <ion-list-header>
|
| 19 | * Auto Manufacturers
|
| 20 | * </ion-list-header>
|
| 21 | *
|
| 22 | * <ion-item>
|
| 23 | * <ion-label>Cord</ion-label>
|
| 24 | * <ion-radio value="cord"></ion-radio>
|
| 25 | * </ion-item>
|
| 26 | *
|
| 27 | * <ion-item>
|
| 28 | * <ion-label>Duesenberg</ion-label>
|
| 29 | * <ion-radio value="duesenberg"></ion-radio>
|
| 30 | * </ion-item>
|
| 31 | *
|
| 32 | * <ion-item>
|
| 33 | * <ion-label>Hudson</ion-label>
|
| 34 | * <ion-radio value="hudson"></ion-radio>
|
| 35 | * </ion-item>
|
| 36 | *
|
| 37 | * <ion-item>
|
| 38 | * <ion-label>Packard</ion-label>
|
| 39 | * <ion-radio value="packard"></ion-radio>
|
| 40 | * </ion-item>
|
| 41 | *
|
| 42 | * <ion-item>
|
| 43 | * <ion-label>Studebaker</ion-label>
|
| 44 | * <ion-radio value="studebaker"></ion-radio>
|
| 45 | * </ion-item>
|
| 46 | *
|
| 47 | * </ion-list>
|
| 48 | * ```
|
| 49 | *
|
| 50 | * @demo /docs/demos/src/radio/
|
| 51 | * @see {@link /docs/components#radio Radio Component Docs}
|
| 52 | * @see {@link ../RadioButton RadioButton API Docs}
|
| 53 | */
|
| 54 | export declare class RadioGroup {
|
| 55 | private _renderer;
|
| 56 | private _elementRef;
|
| 57 | private _cd;
|
| 58 | /**
|
| 59 | * @internal
|
| 60 | */
|
| 61 | _disabled: boolean;
|
| 62 | /**
|
| 63 | * @hidden
|
| 64 | */
|
| 65 | _btns: RadioButton[];
|
| 66 | /**
|
| 67 | * @hidden
|
| 68 | */
|
| 69 | _fn: Function;
|
| 70 | /**
|
| 71 | * @hidden
|
| 72 | */
|
| 73 | _ids: number;
|
| 74 | /**
|
| 75 | * @hidden
|
| 76 | */
|
| 77 | _init: boolean;
|
| 78 | /**
|
| 79 | * @hidden
|
| 80 | */
|
| 81 | value: any;
|
| 82 | /**
|
| 83 | * @hidden
|
| 84 | */
|
| 85 | id: number;
|
| 86 | /**
|
| 87 | * @input {boolean} If true, the user cannot interact with any of the buttons in the group.
|
| 88 | */
|
| 89 | disabled: boolean;
|
| 90 | /**
|
| 91 | * @output {any} Emitted when the selected button has changed.
|
| 92 | */
|
| 93 | ionChange: EventEmitter<RadioGroup>;
|
| 94 | constructor(_renderer: Renderer, _elementRef: ElementRef, _cd: ChangeDetectorRef);
|
| 95 | /**
|
| 96 | * @hidden
|
| 97 | */
|
| 98 | ngAfterContentInit(): void;
|
| 99 | /**
|
| 100 | * @hidden
|
| 101 | */
|
| 102 | writeValue(val: any): void;
|
| 103 | /**
|
| 104 | * @hidden
|
| 105 | */
|
| 106 | registerOnChange(fn: Function): void;
|
| 107 | /**
|
| 108 | * @hidden
|
| 109 | */
|
| 110 | registerOnTouched(fn: any): void;
|
| 111 | /**
|
| 112 | * @hidden
|
| 113 | */
|
| 114 | _update(): void;
|
| 115 | /**
|
| 116 | * @hidden
|
| 117 | */
|
| 118 | _setActive(radioButton: RadioButton): void;
|
| 119 | /**
|
| 120 | * @hidden
|
| 121 | */
|
| 122 | add(button: RadioButton): string;
|
| 123 | /**
|
| 124 | * @hidden
|
| 125 | */
|
| 126 | remove(button: RadioButton): void;
|
| 127 | /**
|
| 128 | * @hidden
|
| 129 | */
|
| 130 | _header: any;
|
| 131 | /**
|
| 132 | * @hidden
|
| 133 | */
|
| 134 | onChange(val: any): void;
|
| 135 | /**
|
| 136 | * @hidden
|
| 137 | */
|
| 138 | onTouched(): void;
|
| 139 | /**
|
| 140 | * @hidden
|
| 141 | */
|
| 142 | setDisabledState(isDisabled: boolean): void;
|
| 143 | }
|