chore(release): bump version number to 2.7.1

AnthonyNahas · AnthonyNahas · commit bb52dd941f36 · 2019-05-15T22:20:51.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## [2.7.1](https://github.com/anthonynahas/ngx-auth-firebaseui/compare/v2.7.0...v2.7.1) (2019-05-15)
+
+
+
 # [2.7.0](https://github.com/anthonynahas/ngx-auth-firebaseui/compare/v2.6.0...v2.7.0) (2019-05-14)
 
 
diff --git a/README.MD b/README.MD
@@ -578,6 +578,7 @@ class AppComponent {
 | messageOnAuthError   | Input()  | string  | see the code -> | the message of the snackbar when the authentication process has failed
 | onSuccess            | Output() | any     | - | this will be fired when an authentication process was success. The authenticated user is emitted!
 | onError              | Output() | any     | - | this event will be fired when an error occurred during the authentication process! An error message is emitted!
+| onError              | Output() | MatTabChangeEvent | - |  output event is emitted when the active tab changes (signin, register and reset password tab)
 
 if you prefer to customize the text of this component, check these inputs [here](https://ngx-auth-firebaseui.firebaseapp.com/i18n) that have been used for translations
 
diff --git a/demo/.firebase/hosting.ZGlzdC9icm93c2Vy.cache b/demo/.firebase/hosting.ZGlzdC9icm93c2Vy.cache
diff --git a/demo/package-lock.json b/demo/package-lock.json
diff --git a/demo/package.json b/demo/package.json
@@ -43,7 +43,7 @@
     "@angular/platform-server": "^7.2.15",
     "@angular/router": "^7.2.15",
     "@angular/service-worker": "^7.2.15",
-    "@ng-bootstrap/ng-bootstrap": "^4.1.2",
+    "@ng-bootstrap/ng-bootstrap": "^4.1.3",
     "@ngx-translate/core": "^11.0.1",
     "@ngx-translate/http-loader": "^4.0.0",
     "angulartics2": "^7.5.2",
diff --git a/demo/src/app/home/home.component.html b/demo/src/app/home/home.component.html
@@ -103,7 +103,8 @@ <h1>ngx-auth-firebaseui</h1>
 
           <mat-card-content>
             <ngx-auth-firebaseui (onSuccess)="printUser($event)"
-                                 (onError)="printError($event)">
+                                 (onError)="printError($event)"
+                                 (selectedTabChange)="onTabChange($event)">
             </ngx-auth-firebaseui>
           </mat-card-content>
         </mat-card>
diff --git a/demo/src/app/home/home.component.ts b/demo/src/app/home/home.component.ts
@@ -2,7 +2,7 @@ import {Component, OnDestroy, OnInit, ViewEncapsulation} from '@angular/core';
 import {Title} from '@angular/platform-browser';
 import {AngularFireAuth} from '@angular/fire/auth';
 import {AuthProvider, Theme} from 'ngx-auth-firebaseui';
-import {MatSnackBar} from '@angular/material';
+import {MatSnackBar, MatTabChangeEvent} from '@angular/material';
 import {Router} from '@angular/router';
 import {Subscription} from 'rxjs/internal/Subscription';
 
@@ -105,6 +105,10 @@ export class HomeComponent implements OnInit, OnDestroy {
     // this.snackbar.open(event.message, 'OK', {duration: 5000});
   }
 
+  onTabChange(event: MatTabChangeEvent) {
+    console.log('on tab change: ', event);
+  }
+
   showMessage() {
     console.log('on show message');
     const snackbarReference = this.snackbar.open('onConfirmActionButtonClicked\'s event has been emitted', 'See more examples', {
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ngx-auth-firebaseui",
   "description": "Open Source Library for Angular Web Apps to integrate a material user interface for firebase authentication",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "homepage": "https://github.com/anthonynahas/ngx-auth-firebaseui",
   "author": {
     "name": "anthonynahas",
@@ -79,7 +79,7 @@
     "@compodoc/gulp-compodoc": "^0.0.10",
     "@types/jasmine": "^3.3.12",
     "@types/jest": "^24.0.13",
-    "@types/lodash": "^4.14.126",
+    "@types/lodash": "^4.14.129",
     "@types/node": "^10.14.6",
     "angular-cli-ghpages": "^0.5.3",
     "angular2-template-loader": "0.6.2",
@@ -121,7 +121,7 @@
     "postcss-strip-inline-comments": "0.1.5",
     "pump": "^3.0.0",
     "raw-loader": "^1.0.0",
-    "rollup": "^1.11.3",
+    "rollup": "^1.12.0",
     "rollup-plugin-commonjs": "^9.2.2",
     "rollup-plugin-node-resolve": "^4.2.4",
     "rollup-plugin-sourcemaps": "0.4.2",
@@ -138,7 +138,7 @@
     "typescript": "~3.2.4",
     "webpack": "^4.31.0",
     "webpack-cli": "^3.3.2",
-    "webpack-dev-middleware": "^3.6.1",
+    "webpack-dev-middleware": "^3.7.0",
     "webpack-dev-server": "^3.3.1",
     "webpack-node-externals": "^1.7.2",
     "yargs": "^12.0.5",
diff --git a/src/module/components/ngx-auth-firebaseui/auth.component.html b/src/module/components/ngx-auth-firebaseui/auth.component.html
@@ -1,4 +1,4 @@
-<mat-tab-group [color]="color" [selectedIndex]="tabIndex">
+<mat-tab-group [color]="color" [selectedIndex]="tabIndex" (selectedTabChange)="onTabChange($event)">
 
   <!--Sign in tab-->
   <mat-tab [label]="signInTabText">
@@ -140,7 +140,7 @@
                   <mat-icon matSuffix [color]="color">lock</mat-icon>
 
                   <mat-hint align="end" aria-live="polite">
-                    {{signUpFormGroup.value.password?.length}} / 25
+                    {{signUpFormGroup.value.password?.length}} / {{ passwordStrength.max }}
                   </mat-hint>
 
                   <mat-error *ngIf="sigUpPasswordFormControl.hasError('required')" class="cut-text">
@@ -156,9 +156,9 @@
 
                 </mat-form-field>
 
-                <mat-password-strength
-                  [password]="signUpFormGroup.value.password"
-                  [externalError]="sigUpPasswordFormControl.dirty">
+                <mat-password-strength #passwordStrength
+                                       [password]="signUpFormGroup.value.password"
+                                       [externalError]="sigUpPasswordFormControl.dirty">
                 </mat-password-strength>
 
               </div>
@@ -201,7 +201,7 @@
   </mat-tab>
 
   <!--Reset password tab-->
-  <mat-tab *ngIf="passwordResetWished" label="Reset Password">
+  <mat-tab fxShow="passwordResetWished" label="Reset Password">
     <form [formGroup]="resetPasswordFormGroup" (ngSubmit)="resetPasswordFormGroup.valid && resetPassword()">
 
       <mat-card>
diff --git a/src/module/components/ngx-auth-firebaseui/auth.component.ts b/src/module/components/ngx-auth-firebaseui/auth.component.ts
@@ -1,6 +1,18 @@
-import {Component, Inject, Input, OnChanges, OnDestroy, OnInit, Output, PLATFORM_ID, SimpleChanges} from '@angular/core';
+import {
+  Component,
+  EventEmitter,
+  Inject,
+  Input,
+  OnChanges,
+  OnDestroy,
+  OnInit,
+  Output,
+  PLATFORM_ID,
+  SimpleChanges,
+  ViewChild
+} from '@angular/core';
 import {AbstractControl, FormControl, FormGroup, Validators} from '@angular/forms';
-import {MatDialog, MatDialogRef, MatFormFieldAppearance} from '@angular/material';
+import {MatDialog, MatDialogRef, MatFormFieldAppearance, MatTabChangeEvent, MatTabGroup} from '@angular/material';
 import {AngularFireAuth} from '@angular/fire/auth';
 import {isPlatformBrowser} from '@angular/common';
 import {Subscription} from 'rxjs/internal/Subscription';
@@ -27,6 +39,8 @@ export const PHONE_NUMBER_REGEX = new RegExp(/^\+(?:[0-9] ?){6,14}[0-9]$/);
 
 export class AuthComponent implements OnInit, OnChanges, OnDestroy {
 
+  @ViewChild(MatTabGroup) matTabGroup: MatTabGroup;
+
   @Input() providers: string[] | string = AuthProvider.ALL; //  google, facebook, twitter, github as array or all as one single string
   @Input() appearance: MatFormFieldAppearance;
   @Input() tabIndex: number | null;
@@ -74,8 +88,8 @@ export class AuthComponent implements OnInit, OnChanges, OnDestroy {
   @Input() guestButtonText = 'continue as guest';
 
   @Output() onSuccess: any;
-
   @Output() onError: any;
+  @Output() selectedTabChange: EventEmitter<MatTabChangeEvent> = new EventEmitter();
 
   authProvider = AuthProvider;
   passwordResetWished: boolean;
@@ -130,12 +144,16 @@ export class AuthComponent implements OnInit, OnChanges, OnDestroy {
     }
   }
 
-  public ngOnDestroy(): void {
+  ngOnDestroy(): void {
     if (this.onErrorSubscription) {
       this.onErrorSubscription.unsubscribe();
     }
   }
 
+  onTabChange(event: MatTabChangeEvent) {
+    this.selectedTabChange.emit(event);
+  }
+
   get color(): string {
     return this.authenticationError ? 'warn' : 'primary';
   }
@@ -189,7 +207,10 @@ export class AuthComponent implements OnInit, OnChanges, OnDestroy {
 
   public resetPassword() {
     this.authProcess.resetPassword(this.resetPasswordEmailFormControl.value)
-      .then(() => this.passReset = true);
+      .then(() => {
+        this.passReset = true;
+        setTimeout(() => this.tabIndex = 2, 10);
+      });
   }
 
   private _initSignInFormGroupBuilder() {

-Original file line number
+Diff line change
@@ @@ -1,3 +1,7 @@ @@
 +## [2.7.1](https://github.com/anthonynahas/ngx-auth-firebaseui/compare/v2.7.0...v2.7.1) (2019-05-15)
++
++
++
 # [2.7.0](https://github.com/anthonynahas/ngx-auth-firebaseui/compare/v2.6.0...v2.7.0) (2019-05-14)