demo(package): renamed the library component in the demo app too

Author: AnthonyNahas

README.md

@@ -113,7 +113,7 @@ map: {
 
 Once installed you need to import the main module:
 ```js
-import { NgxMaterialPasswordStrengthModule } from 'ngx-material-password-strength';
+import { NgxMaterialPasswordStrengthModule } from mat-password-strength;
 ```
 The only remaining part is to list the imported module in your application module. The exact method will be slightly
 different for the root (top-level) module for which you should end up with the code similar to (notice ` NgxMaterialPasswordStrengthModule .forRoot()`):

demo/e2e/app.e2e-spec.ts

@@ -1,6 +1,6 @@
 import { NgxMaterialPasswordStrengthDemoPage } from './app.po';
 
-describe('ngx-material-ngx-material-password-strength-demo App', () => {
+describe('ngx-material-mat-password-strength-demo App', () => {
   let page: NgxMaterialPasswordStrengthDemoPage;
 
   beforeEach(() => {

demo/package.json

@@ -10,7 +10,7 @@
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
-    "postinstall": "npm link ngx-material-password-strength"
+    "postinstall": "npm link @angular-material-extensions/password-strength"
   },
   "private": true,
   "dependencies": {

demo/src/app/getting-started/getting-started.component.html

@@ -559,13 +559,13 @@ <h1>Getting Started</h1>
                   </mat-hint>
                 </mat-form-field>
 
-                <ngx-material-password-strength #passwordComponent
-                                                [password]="password.value">
-                </ngx-material-password-strength>
+                <mat-password-strength #passwordComponent
+                                       [password]="password.value">
+                </mat-password-strength>
 
-                <ngx-material-password-strength-info *ngIf="showDetails"
-                                                     [passwordComponent]="passwordComponent">
-                </ngx-material-password-strength-info>
+                <mat-password-strength-info *ngIf="showDetails"
+                                            [passwordComponent]="passwordComponent">
+                </mat-password-strength-info>
               </div>
             </mat-card-content>
           </mat-card>

demo/src/app/getting-started/getting-started.component.ts

@@ -145,8 +145,8 @@ export class GettingStartedComponent implements OnInit {
                                                 export class OtherModule {
                                                 }`;
 
-  componentExample = `<ngx-material-password-strength  [password]="password.value">
-                      </ngx-material-password-strength>`;
+  componentExample = `<mat-password-strength  [password]="password.value">
+                      </mat-password-strength>`;
 
   example = `<mat-form-field floatPlaceholder="auto" style="width: 100%">
                 <input matInput #password
@@ -157,9 +157,9 @@ export class GettingStartedComponent implements OnInit {
                   {{password.value.length}} / 25
                 </mat-hint>
               </mat-form-field>
-              <ngx-material-password-strength #passwordComponent
+              <mat-password-strength #passwordComponent
                                               [password]="password.value">
-              </ngx-material-password-strength>`;
+              </mat-password-strength>`;
 
   password: string;
   inputType = 'password';
@@ -170,7 +170,7 @@ export class GettingStartedComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.titleService.setTitle('Getting Started | ngx-material-password-strength');
+    this.titleService.setTitle('Getting Started | mat-password-strength');
   }
 
   onSlideToggleChange(event: MatSlideToggleChange) {

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

@@ -78,16 +78,16 @@ <h1>ngx-material-password-strength</h1>
             </mat-form-field>
 
             <!--ngx-material-password-strength's main component-->
-            <ngx-material-password-strength #passwordComponent
-                                            (onStrengthChanged)="onStrengthChanged($event)"
-                                            [password]="password.value">
-            </ngx-material-password-strength>
+            <mat-password-strength #passwordComponent
+                                   (onStrengthChanged)="onStrengthChanged($event)"
+                                   [password]="password.value">
+            </mat-password-strength>
 
             <!--Password's strength info-->
-            <ngx-material-password-strength-info
+            <mat-password-strength-info
               *ngIf="showDetails"
               [passwordComponent]="passwordComponent">
-            </ngx-material-password-strength-info>
+            </mat-password-strength-info>
 
           </div>
         </mat-card-content>
@@ -158,16 +158,16 @@ <h1>ngx-material-password-strength</h1>
           </mat-form-field>
 
           <!--ngx-material-password-strength's main component-->
-          <ngx-material-password-strength #passwordComponentWithValidation
-                                          (onStrengthChanged)="onStrengthChanged($event)"
-                                          [password]="passwordWithValidation.value">
-          </ngx-material-password-strength>
+          <mat-password-strength #passwordComponentWithValidation
+                                 (onStrengthChanged)="onStrengthChanged($event)"
+                                 [password]="passwordWithValidation.value">
+          </mat-password-strength>
 
           <!--Password's strength info-->
-          <ngx-material-password-strength-info
+          <mat-password-strength-info
             *ngIf="showDetails2"
             [passwordComponent]="passwordComponentWithValidation">
-          </ngx-material-password-strength-info>
+          </mat-password-strength-info>
 
         </mat-card-content>
 

demo/src/app/home/home.component.spec.ts

@@ -2,7 +2,7 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { DebugElement } from '@angular/core';
 
 import { HomeComponent } from './home.component';
-import {  LibModule  } from 'ngx-material-password-strength';
+import {  LibModule  } from 'mat-password-strength';
 
 describe('HomeComponent', () => {
   let component: HomeComponent;

demo/src/app/home/home.component.ts

@@ -23,7 +23,7 @@ export class HomeComponent implements OnInit {
   }
 
   ngOnInit() {
-    this.titleService.setTitle('Home | ngx-material-password-strength');
+    this.titleService.setTitle('Home | mat-password-strength');
   }
 
   onStrengthChanged(strength: number) {
@@ -101,16 +101,16 @@ export class HomeComponent implements OnInit {
           </mat-form-field>
 
           <!--ngx-material-password-strength's main component-->
-          <ngx-material-password-strength #passwordComponent
+          <mat-password-strength #passwordComponent
                                           (onStrengthChanged)="onStrengthChanged($event)"
                                           [password]="password.value">
-          </ngx-material-password-strength>
+          </mat-password-strength>
 
           <!--Password's strength info-->
-          <ngx-material-password-strength-info
+          <mat-password-strength-info
             *ngIf="showDetails"
             [passwordComponent]="passwordComponent">
-          </ngx-material-password-strength-info>
+          </mat-password-strength-info>
 
         </div>
       </mat-card-content>
@@ -143,16 +143,16 @@ export class HomeComponent implements OnInit {
           </mat-form-field>
 
           <!--ngx-material-password-strength's main component-->
-          <ngx-material-password-strength #passwordComponentWithValidation
+          <mat-password-strength #passwordComponentWithValidation
                                           (onStrengthChanged)="onStrengthChanged($event)"
                                           [password]="passwordWithValidation.value">
-          </ngx-material-password-strength>
+          </mat-password-strength>
 
           <!--Password's strength info-->
-          <ngx-material-password-strength-info
+          <mat-password-strength-info
             *ngIf="showDetails2"
             [passwordComponent]="passwordComponentWithValidation">
-          </ngx-material-password-strength-info>
+          </mat-password-strength-info>
 
       </mat-card-content>`;
 

demo/src/app/shared/shared.module.ts

@@ -17,7 +17,7 @@ import {
   MatButtonModule, MatToolbarModule, MatTableModule, MatTabsModule, MatListModule
 } from '@angular/material';
 import {FlexLayoutModule} from '@angular/flex-layout';
-import {NgxMaterialPasswordStrengthModule} from 'ngx-material-password-strength';
+import {NgxMaterialPasswordStrengthModule} from 'mat-password-strength';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {DisqusModule} from 'ngx-disqus';
 import {HighlightModule} from 'ngx-highlightjs';
@@ -29,7 +29,7 @@ import {NgxMaterialPagesModule} from 'ngx-material-pages';
     NgbCollapseModule.forRoot(),
     NgxMaterialPasswordStrengthModule.forRoot(),
     NgxMaterialPagesModule.forRoot(),
-    DisqusModule.forRoot('ngx-material-password-strength'),
+    DisqusModule.forRoot('mat-password-strength'),
     HighlightModule.forRoot(),
     FormsModule,
     ReactiveFormsModule,