fix(demo): added changeDetectionStrategy.OnPush for the target component #104

Author: AnthonyNahas

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

@@ -2,7 +2,8 @@
   <div class="container">
     <div class="row">
       <div class="col-sm-4 d-flex justify-content-center justify-content-md-end">
-        <img src="assets/angular-material-extensions-logo.svg" alt="@angular-material-extensions/password-strength logo" class="logo">
+        <img src="assets/angular-material-extensions-logo.svg" alt="@angular-material-extensions/password-strength logo"
+             class="logo">
       </div>
       <div class="col-sm-8 text-center text-md-left">
         <h1>@angular-material-extensions/password-strength</h1>

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

@@ -1,12 +1,14 @@
-import {Component, OnInit, ViewEncapsulation} from '@angular/core';
+import {ChangeDetectionStrategy, Component, OnInit, ViewChild, ViewEncapsulation} from '@angular/core';
 import {Title} from '@angular/platform-browser';
 import {MatSlideToggleChange} from '@angular/material';
+import {MatPasswordStrengthComponent} from '@angular-material-extensions/password-strength';
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.scss'],
   encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class HomeComponent implements OnInit {