Issues with password field

[kuncevic]

- [ ] bug report -> please search issues before submitting
- [ x] feature request

Hi @AnthonyNahas thanks for a great library. There is some issues related to password field and password strength indicator that affects the overall experience of registering a new user. Currently it is really hard for an average user to get through the password field on registration tab.

Here is the detailed list:

a) It is does not allow to configure password strength.
b) The password strength indicator is always red color unless you put all the magic required characters which is really hard to figure out for average users.
c) Password length showed N/25 length so some think they really have to put 25 character password
d) Password field allow to type more than maximum allowed characters
e) Password strength has only two color states - red(accent) and blue(primary) so the default password complexity make it hard for users to get from red to blue indicator which make average users think they doing something wrong.

Repro steps

Navigate to https://ngx-auth-firebaseui.firebaseapp.com/home
Type more then 25 letters in the password field

Desired functionality

Allow password strength to be configurable. (#191)
Do not allow to type more than maximum allowed characters.
Add intermediate state (e.g yellow) to password indicator.

Other info:

Currently as work around to make things simpler for new registrants I am disabling the mat-password-strength and mat-hint through css

mat-password-strength {
  display: none;
}
mat-hint {
  display: none;
}

If you have any questions or want me to provide any more details please let me know.

[AnthonyNahas]

I've just published a new version of the library which supports now this requested feature.

The API of the @angular-material-extensions/password-strength has been integrated in the ngx-auth-firebaseui

here is the demo link: https://ngx-auth-firebaseui.firebaseapp.com/examples/password-strength

cheers and thank you for contributing🍻

[crunck78]

Hi Anthony. Thanks as well for this awsome lib. Is there a way to enable Password Strength for the standalone registration component?

[AnthonyNahas]

@crunck78 may you open a github ticket for that?

Thank you <3