fix(demo): updated angular material

Author: AnthonyNahas

demo/package-lock.json

@@ -31,13 +31,13 @@
     "@angular-material-extensions/pages": "^2.1.0",
     "@angular-material-extensions/password-strength": "^4.0.0-beta",
     "@angular/animations": "8.0.0",
-    "@angular/cdk": "^7.3.7",
+    "@angular/cdk": "^8.0.1",
     "@angular/common": "8.0.0",
     "@angular/compiler": "8.0.0",
     "@angular/core": "8.0.0",
     "@angular/flex-layout": "^8.0.0-beta.26",
     "@angular/forms": "8.0.0",
-    "@angular/material": "^7.3.7",
+    "@angular/material": "^8.0.1",
     "@angular/platform-browser": "8.0.0",
     "@angular/platform-browser-dynamic": "8.0.0",
     "@angular/platform-server": "8.0.0",

demo/package.json

@@ -10,7 +10,7 @@ import {AppComponent} from './app.component';
 import {environment} from '../environments/environment';
 import {ServiceWorkerModule} from '@angular/service-worker';
 import {HttpClient, HttpClientModule} from '@angular/common/http';
-import {MatInputModule} from '@angular/material';
+import {MatInputModule} from '@angular/material/input';
 import {TranslateLoader, TranslateModule} from '@ngx-translate/core';
 import {MarkdownModule} from 'ngx-markdown';
 import {TranslateHttpLoader} from '@ngx-translate/http-loader';

demo/src/app/app.module.ts

@@ -6,7 +6,7 @@ import {AppSharedModule} from '../shared';
 import {MarkdownModule} from 'ngx-markdown';
 import {InfoCompExampleComponent} from './info-comp-example/info-comp-example.component';
 import {TranslateLoader, TranslateModule} from '@ngx-translate/core';
-import {MatRadioModule} from '@angular/material';
+import {MatRadioModule} from '@angular/material/radio';
 import {HttpClient} from '@angular/common/http';
 import {createTranslateLoader} from '../app.module';
 

demo/src/app/examples/examples.module.ts

@@ -1,6 +1,6 @@
-import {Component, Input} from '@angular/core';
+import {Component} from '@angular/core';
 import {TranslateService} from '@ngx-translate/core';
-import {MatRadioChange} from '@angular/material';
+import {MatRadioChange} from '@angular/material/radio';
 
 @Component({
   selector: 'app-info-comp-example',

demo/src/app/examples/info-comp-example/info-comp-example.component.ts

@@ -1,6 +1,7 @@
 import {Component, OnInit, ViewEncapsulation} from '@angular/core';
 import {Title} from '@angular/platform-browser';
-import {MatSlideToggleChange, MatSnackBar} from '@angular/material';
+import {MatSlideToggleChange} from '@angular/material/slide-toggle';
+import {MatSnackBar} from '@angular/material/snack-bar';
 
 
 @Component({

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

@@ -5,20 +5,18 @@ import {NgbCollapseModule} from '@ng-bootstrap/ng-bootstrap';
 import {HeaderComponent} from './header/header.component';
 import {FooterComponent} from './footer/footer.component';
 import {ContentWrapperComponent} from './content-wrapper/content-wrapper.component';
-import {
-  MatButtonModule,
-  MatCardModule,
-  MatDividerModule,
-  MatIconModule,
-  MatInputModule,
-  MatListModule,
-  MatProgressBarModule,
-  MatSlideToggleModule,
-  MatSnackBarModule,
-  MatTabsModule,
-  MatToolbarModule,
-  MatTooltipModule
-} from '@angular/material';
+import {MatButtonModule} from '@angular/material/button';
+import {MatCardModule} from '@angular/material/card';
+import {MatDividerModule} from '@angular/material/divider';
+import {MatIconModule} from '@angular/material/icon';
+import {MatInputModule} from '@angular/material/input';
+import {MatListModule} from '@angular/material/list';
+import {MatProgressBarModule} from '@angular/material/progress-bar';
+import {MatSlideToggleModule} from '@angular/material/slide-toggle';
+import {MatSnackBarModule} from '@angular/material/snack-bar';
+import {MatTabsModule} from '@angular/material/tabs';
+import {MatToolbarModule} from '@angular/material/toolbar';
+import {MatTooltipModule} from '@angular/material/tooltip';
 import {FlexLayoutModule} from '@angular/flex-layout';
 import {MatPasswordStrengthModule} from '@angular-material-extensions/password-strength';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';