Skip to content

Commit acd7bec

Browse files
committed
fix(input-group): final syntax fix
1 parent 8b3d61d commit acd7bec

File tree

1 file changed

+19
-20
lines changed

1 file changed

+19
-20
lines changed

projects/igniteui-angular/src/lib/input-group/input-group.component.ts

Lines changed: 19 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {
1111
QueryList,
1212
Inject,
1313
Optional,
14-
AfterContentInit,
14+
AfterContentInit
1515
} from '@angular/core';
1616
import { IgxHintDirective } from '../directives/hint/hint.directive';
1717
import {
@@ -49,11 +49,10 @@ export type IgxInputGroupTheme = keyof typeof IgxInputGroupThemeEnum;
4949
selector: 'igx-input-group',
5050
templateUrl: 'input-group.component.html',
5151
providers: [
52-
{ provide: IgxInputGroupBase, useExisting: IgxInputGroupComponent },
52+
{ provide: IgxInputGroupBase, useExisting: IgxInputGroupComponent }
5353
],
5454
})
55-
export class IgxInputGroupComponent
56-
extends DisplayDensityBase
55+
export class IgxInputGroupComponent extends DisplayDensityBase
5756
implements IgxInputGroupBase, AfterContentInit {
5857
private _type: IgxInputGroupType = null;
5958
private _filled = false;
@@ -62,7 +61,7 @@ export class IgxInputGroupComponent
6261
/**
6362
* An @Input property that sets the value of `id` attribute. If not provided it will be automatically generated.
6463
* ```html
65-
* <igx-input-group [id]=''igx-input-group-55''></igx-input-group>
64+
* <igx-input-group [id]="'igx-input-group-55'"></igx-input-group>
6665
* ```
6766
*/
6867
@HostBinding('attr.id')
@@ -73,7 +72,7 @@ export class IgxInputGroupComponent
7372
* Property that enables/disables the autogenerated class of the `IgxInputGroupComponent`.
7473
* By default applied the class is applied.
7574
* ```typescript
76-
* @ViewChild('MyInputGroup')
75+
* @ViewChild("MyInputGroup")
7776
* public inputGroup: IgxInputGroupComponent;
7877
* ngAfterViewInit(){
7978
* this.inputGroup.defaultClass = false;
@@ -98,7 +97,7 @@ export class IgxInputGroupComponent
9897
/**
9998
* An @Input property that disables the `IgxInputGroupComponent`.
10099
* ```html
101-
* <igx-input-group [disabled]=''true''></igx-input-group>
100+
* <igx-input-group [disabled]="'true'"></igx-input-group>
102101
* ```
103102
*/
104103
@HostBinding('class.igx-input-group--disabled')
@@ -111,7 +110,7 @@ export class IgxInputGroupComponent
111110
*
112111
* @example
113112
* ```html
114-
* <igx-input-group [suppressInputAutofocus]='true'></igx-input-group>
113+
* <igx-input-group [suppressInputAutofocus]="true"></igx-input-group>
115114
* ```
116115
*/
117116
@Input()
@@ -187,13 +186,13 @@ export class IgxInputGroupComponent
187186

188187
onEvent(event) {
189188
event.stopPropagation();
190-
}
189+
}
191190

192191
/**
193192
* An @Input property that sets how the input will be styled.
194193
* Allowed values of type IgxInputGroupType.
195194
* ```html
196-
* <igx-input-group [type]=''search''>
195+
* <igx-input-group [type]="'search'">
197196
* ```
198197
*/
199198
@Input('type')
@@ -205,7 +204,7 @@ export class IgxInputGroupComponent
205204
* Returns the type of the `IgxInputGroupComponent`. How the input is styled.
206205
* The default is `line`.
207206
* ```typescript
208-
* @ViewChild('MyInputGroup')
207+
* @ViewChild("MyInputGroup")
209208
* public inputGroup: IgxInputGroupComponent;
210209
* ngAfterViewInit(){
211210
* let inputType = this.inputGroup.type;
@@ -263,7 +262,7 @@ export class IgxInputGroupComponent
263262
/**
264263
* Returns whether the `IgxInputGroupComponent` has hints.
265264
* ```typescript
266-
* @ViewChild('MyInputGroup')
265+
* @ViewChild("MyInputGroup")
267266
* public inputGroup: IgxInputGroupComponent;
268267
* ngAfterViewInit(){
269268
* let inputHints = this.inputGroup.hasHints;
@@ -277,7 +276,7 @@ export class IgxInputGroupComponent
277276
/**
278277
* Returns whether the `IgxInputGroupComponent` has border.
279278
* ```typescript
280-
* @ViewChild('MyInputGroup')
279+
* @ViewChild("MyInputGroup")
281280
* public inputGroup: IgxInputGroupComponent;
282281
* ngAfterViewInit(){
283282
* let inputBorder = this.inputGroup.hasBorder;
@@ -294,7 +293,7 @@ export class IgxInputGroupComponent
294293
/**
295294
* Returns whether the `IgxInputGroupComponent` type is line.
296295
* ```typescript
297-
* @ViewChild('MyInputGroup1')
296+
* @ViewChild("MyInputGroup1")
298297
* public inputGroup: IgxInputGroupComponent;
299298
* ngAfterViewInit(){
300299
* let isTypeLine = this.inputGroup.isTypeLine;
@@ -308,7 +307,7 @@ export class IgxInputGroupComponent
308307
/**
309308
* Returns whether the `IgxInputGroupComponent` type is box.
310309
* ```typescript
311-
* @ViewChild('MyInputGroup1')
310+
* @ViewChild("MyInputGroup1")
312311
* public inputGroup: IgxInputGroupComponent;
313312
* ngAfterViewInit(){
314313
* let isTypeBox = this.inputGroup.isTypeBox;
@@ -323,7 +322,7 @@ export class IgxInputGroupComponent
323322
/**
324323
* Returns whether the `IgxInputGroupComponent` type is border.
325324
* ```typescript
326-
* @ViewChild('MyInputGroup1')
325+
* @ViewChild("MyInputGroup1")
327326
* public inputGroup: IgxInputGroupComponent;
328327
* ngAfterViewInit(){
329328
* let isTypeBorder = this.inputGroup.isTypeBorder;
@@ -338,7 +337,7 @@ export class IgxInputGroupComponent
338337
/**
339338
* Returns true if the `IgxInputGroupComponent` theme is Fluent.
340339
* ```typescript
341-
* @ViewChild('MyInputGroup1')
340+
* @ViewChild("MyInputGroup1")
342341
* public inputGroup: IgxInputGroupComponent;
343342
* ngAfterViewInit(){
344343
* let isTypeFluent = this.inputGroup.isTypeFluent;
@@ -353,7 +352,7 @@ export class IgxInputGroupComponent
353352
/**
354353
* Returns true if the `IgxInputGroupComponent` theme is Bootstrap.
355354
* ```typescript
356-
* @ViewChild('MyInputGroup1')
355+
* @ViewChild("MyInputGroup1")
357356
* public inputGroup: IgxInputGroupComponent;
358357
* ngAfterViewInit(){
359358
* let isTypeBootstrap = this.inputGroup.isTypeBootstrap;
@@ -368,7 +367,7 @@ export class IgxInputGroupComponent
368367
/**
369368
* Returns true if the `IgxInputGroupComponent` theme is Indigo.
370369
* ```typescript
371-
* @ViewChild('MyInputGroup1')
370+
* @ViewChild("MyInputGroup1")
372371
* public inputGroup: IgxInputGroupComponent;
373372
* ngAfterViewInit(){
374373
* let isTypeIndigo = this.inputGroup.isTypeIndigo;
@@ -383,7 +382,7 @@ export class IgxInputGroupComponent
383382
/**
384383
* Returns whether the `IgxInputGroupComponent` type is search.
385384
* ```typescript
386-
* @ViewChild('MyInputGroup1')
385+
* @ViewChild("MyInputGroup1")
387386
* public inputGroup: IgxInputGroupComponent;
388387
* ngAfterViewInit(){
389388
* let isTypeSearch = this.inputGroup.isTypeSearch;

0 commit comments

Comments
 (0)