fix(package): initialized the providers in ngx-auth-firebaseui

Author: AnthonyNahas

demo/src/app/home/home.component.html

@@ -180,9 +180,9 @@ <h1>ngx-auth-firebaseui</h1>
               </mat-tab-group>
             </mat-card-content>
             <mat-card-content class="stand-alone-providers">
-              <ngx-auth-firebaseui-register appearance="outline"
-                                            logoUrl="assets/logo.svg">
-              </ngx-auth-firebaseui-register>
+<!--              <ngx-auth-firebaseui-register appearance="outline"-->
+<!--                                            logoUrl="assets/logo.svg">-->
+<!--              </ngx-auth-firebaseui-register>-->
             </mat-card-content>
           </mat-card>
 
@@ -202,10 +202,10 @@ <h1>ngx-auth-firebaseui</h1>
               </mat-tab-group>
             </mat-card-content>
             <mat-card-content class="stand-alone-providers">
-              <ngx-auth-firebaseui-login appearance="outline"
-                                         logoUrl="assets/logo.svg"
-                                         (onCreateAccountRequested)="createAccount()">
-              </ngx-auth-firebaseui-login>
+<!--              <ngx-auth-firebaseui-login appearance="outline"-->
+<!--                                         logoUrl="assets/logo.svg"-->
+<!--                                         (onCreateAccountRequested)="createAccount()">-->
+<!--              </ngx-auth-firebaseui-login>-->
             </mat-card-content>
           </mat-card>
         </div>

src/module/components/ngx-auth-firebaseui/auth.component.html

@@ -287,5 +287,8 @@
 
   </mat-tab-group>
   <mat-divider></mat-divider>
-  <ngx-auth-firebaseui-providers [providers]="providers" [theme]="providersTheme" *ngIf="tabIndex !== 2"></ngx-auth-firebaseui-providers>
+  <ngx-auth-firebaseui-providers *ngIf="tabIndex !== 2"
+                                 [providers]="providers"
+                                 [theme]="providersTheme">
+  </ngx-auth-firebaseui-providers>
 </ng-template>

src/module/components/ngx-auth-firebaseui/auth.component.ts

@@ -64,7 +64,7 @@ export class AuthComponent implements OnInit, AfterViewInit, OnChanges, OnDestro
   @Input() sendNewVerificationEmailText: string;
   @Input() signOutText: string;
 
-  @Input() providers: AuthProvider[] | AuthProvider; //  google, facebook, twitter, github as array or all as one single string
+  @Input() providers: AuthProvider[] | AuthProvider = AuthProvider.ALL; //  google, facebook, twitter, github as array or all as one single string
   @Input() providersTheme: Theme; // Classic, Stroked, etc.
 
   @Input() appearance: MatFormFieldAppearance;

src/module/components/providers/auth.providers.component.ts

@@ -24,7 +24,7 @@ export enum Layout {
 })
 export class AuthProvidersComponent {
 
-  @Input() theme: string; // theme: string = Theme.DEFAULT;
+  @Input() theme: Theme; // theme: string = Theme.DEFAULT;
   @Input() layout: string = Layout.ROW;
   @Input() providers: string[] | string = AuthProvider.ALL; //  google, facebook, twitter, github, microsoft, yahoo