@@ -88,27 +88,27 @@ export class IgxButtonGroupComponent extends DisplayDensityBase implements After
88
88
/**
89
89
* Allows you to set a style using the `itemContentCssClass` input.
90
90
* The value should be the CSS class name that will be applied to the button group.
91
- *```typescript
92
- *public style1 = "styleClass";
93
- * //..
94
- *```
95
- * ```html
96
- *<igx-buttongroup [itemContentCssClass]="style1" [multiSelection]="!multi" [values]="alignOptions">
97
- *```
91
+ * ```typescript
92
+ * public style1 = "styleClass";
93
+ * //..
94
+ * ```
95
+ * ```html
96
+ * <igx-buttongroup [itemContentCssClass]="style1" [multiSelection]="!multi" [values]="alignOptions">
97
+ * ```
98
98
*/
99
99
@Input ( ) set itemContentCssClass ( value : string ) {
100
100
this . _itemContentCssClass = value || this . _itemContentCssClass ;
101
101
}
102
102
103
103
/**
104
104
* Returns the CSS class of the item content of the `IgxButtonGroup`.
105
- *```typescript
106
- *@ViewChild ("MyChild")
107
- *public buttonG: IgxButtonGroupComponent;
108
- *ngAfterViewInit(){
109
- * let buttonSelect = this.buttonG.itemContentCssClass;
110
- *}
111
- *```
105
+ * ```typescript
106
+ * @ViewChild ("MyChild")
107
+ * public buttonG: IgxButtonGroupComponent;
108
+ * ngAfterViewInit(){
109
+ * let buttonSelect = this.buttonG.itemContentCssClass;
110
+ * }
111
+ * ```
112
112
*/
113
113
get itemContentCssClass ( ) : string {
114
114
return this . _itemContentCssClass ;
@@ -177,61 +177,61 @@ export class IgxButtonGroupComponent extends DisplayDensityBase implements After
177
177
* Allows you to set the button group alignment.
178
178
* Available options are `ButtonGroupAlignment.horizontal` (default) and `ButtonGroupAlignment.vertical`.
179
179
* ```typescript
180
- *public alignment = ButtonGroupAlignment.vertical;
180
+ * public alignment = ButtonGroupAlignment.vertical;
181
181
* //..
182
182
* ```
183
183
* ```html
184
- *<igx-buttongroup [multiSelection]="false" [values]="cities" [alignment]="alignment"></igx-buttongroup>
184
+ * <igx-buttongroup [multiSelection]="false" [values]="cities" [alignment]="alignment"></igx-buttongroup>
185
185
* ```
186
186
*/
187
187
@Input ( ) set alignment ( value : ButtonGroupAlignment ) {
188
188
this . _isVertical = value === ButtonGroupAlignment . vertical ;
189
189
}
190
190
/**
191
191
* Returns the alignment of the `igx-buttongroup`.
192
- *```typescript
193
- *@ViewChild ("MyChild")
194
- *public buttonG: IgxButtonGroupComponent;
195
- *ngAfterViewInit(){
192
+ * ```typescript
193
+ * @ViewChild ("MyChild")
194
+ * public buttonG: IgxButtonGroupComponent;
195
+ * ngAfterViewInit(){
196
196
* let buttonAlignment = this.buttonG.alignment;
197
- *}
198
- *```
197
+ * }
198
+ * ```
199
199
*/
200
200
get alignment ( ) : ButtonGroupAlignment {
201
201
return this . _isVertical ? ButtonGroupAlignment . vertical : ButtonGroupAlignment . horizontal ;
202
202
}
203
203
204
204
/**
205
205
* An @Ouput property that emits an event when a button is selected.
206
- *```typescript
207
- *@ViewChild ("toast")
208
- *private toast: IgxToastComponent;
209
- *public onSelect(buttongroup){
210
- * this.toast.show()
211
- *}
212
- * //...
213
- *```
214
- *```html
206
+ * ```typescript
207
+ * @ViewChild ("toast")
208
+ * private toast: IgxToastComponent;
209
+ * public onSelect(buttongroup){
210
+ * this.toast.show()
211
+ * }
212
+ * //...
213
+ * ```
214
+ * ```html
215
215
* <igx-buttongroup #MyChild [multiSelection]="!multi" (onSelect)="onSelect($event)"></igx-buttongroup>
216
- *<igx-toast #toast message="You have made a selection!"></igx-toast>
217
- *```
216
+ * <igx-toast #toast message="You have made a selection!"></igx-toast>
217
+ * ```
218
218
*/
219
219
@Output ( ) public onSelect = new EventEmitter < IButtonGroupEventArgs > ( ) ;
220
220
221
221
/**
222
222
* An @Ouput property that emits an event when a button is deselected.
223
- *```typescript
224
- *@ViewChild ("toast")
225
- *private toast: IgxToastComponent;
226
- *public onUnselect(buttongroup){
227
- * this.toast.show()
228
- *}
229
- * //...
230
- *```
231
- *```html
232
- * igx-buttongroup #MyChild [multiSelection]="multi" (onUnselect)="onUnselect($event)"></igx-buttongroup>
233
- *<igx-toast #toast message="You have deselected a button!"></igx-toast>
234
- *```
223
+ * ```typescript
224
+ * @ViewChild ("toast")
225
+ * private toast: IgxToastComponent;
226
+ * public onUnselect(buttongroup){
227
+ * this.toast.show()
228
+ * }
229
+ * //...
230
+ * ```
231
+ * ```html
232
+ * < igx-buttongroup> #MyChild [multiSelection]="multi" (onUnselect)="onUnselect($event)"></igx-buttongroup>
233
+ * <igx-toast #toast message="You have deselected a button!"></igx-toast>
234
+ * ```
235
235
*/
236
236
@Output ( ) public onUnselect = new EventEmitter < IButtonGroupEventArgs > ( ) ;
237
237
@@ -243,12 +243,12 @@ export class IgxButtonGroupComponent extends DisplayDensityBase implements After
243
243
* ```
244
244
* ```typescript
245
245
* //...
246
- *@ViewChild ("MyChild")
247
- *private buttonG: IgxButtonGroupComponent;
248
- *ngAfterViewInit(){
246
+ * @ViewChild ("MyChild")
247
+ * private buttonG: IgxButtonGroupComponent;
248
+ * ngAfterViewInit(){
249
249
* let orientation = this.buttonG.isVertical;
250
- *}
251
- *```
250
+ * }
251
+ * ```
252
252
*/
253
253
public get isVertical ( ) : boolean {
254
254
return this . _isVertical ;
@@ -263,13 +263,13 @@ export class IgxButtonGroupComponent extends DisplayDensityBase implements After
263
263
264
264
/**
265
265
* Gets the selected button/buttons.
266
- *```typescript
267
- *@ViewChild ("MyChild")
268
- *private buttonG: IgxButtonGroupComponent;
269
- *ngAfterViewInit(){
266
+ * ```typescript
267
+ * @ViewChild ("MyChild")
268
+ * private buttonG: IgxButtonGroupComponent;
269
+ * ngAfterViewInit(){
270
270
* let selectedButton = this.buttonG.selectedButtons;
271
- *}
272
- *```
271
+ * }
272
+ * ```
273
273
*/
274
274
get selectedButtons ( ) : IgxButtonDirective [ ] {
275
275
return this . buttons . filter ( ( b , i ) => {
@@ -280,14 +280,14 @@ export class IgxButtonGroupComponent extends DisplayDensityBase implements After
280
280
281
281
/**
282
282
* Selects a button by its index.
283
- *```typescript
284
- *@ViewChild ("MyChild")
285
- *private buttonG: IgxButtonGroupComponent;
286
- *ngAfterViewInit(){
283
+ * ```typescript
284
+ * @ViewChild ("MyChild")
285
+ * private buttonG: IgxButtonGroupComponent;
286
+ * ngAfterViewInit(){
287
287
* this.buttonG.selectButton(2);
288
288
* this.cdr.detectChanges();
289
- *}
290
- *```
289
+ * }
290
+ * ```
291
291
* @memberOf {@link IgxButtonGroupComponent }
292
292
*/
293
293
public selectButton ( index : number ) {
@@ -324,12 +324,12 @@ export class IgxButtonGroupComponent extends DisplayDensityBase implements After
324
324
/**
325
325
* Deselects a button by its index.
326
326
* ```typescript
327
- *@ViewChild ("MyChild")
328
- *private buttonG: IgxButtonGroupComponent;
329
- *ngAfterViewInit(){
327
+ * @ViewChild ("MyChild")
328
+ * private buttonG: IgxButtonGroupComponent;
329
+ * ngAfterViewInit(){
330
330
* this.buttonG.deselectButton(2);
331
331
* this.cdr.detectChanges();
332
- *}
332
+ * }
333
333
* ```
334
334
* @memberOf {@link IgxButtonGroupComponent }
335
335
*/
@@ -412,7 +412,7 @@ export class IgxButtonGroupComponent extends DisplayDensityBase implements After
412
412
}
413
413
414
414
/**
415
- *@hidden
415
+ * @hidden
416
416
*/
417
417
public _clickHandler ( event , i ) {
418
418
if ( this . selectedIndexes . indexOf ( i ) !== - 1 ) {
0 commit comments