[Dependency] Update all dependency

package.json

@@ -13,45 +13,44 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~9.0.7",
-    "@angular/cdk": "~8.2.3",
+    "@angular/cdk": "~9.1.3",
     "@angular/common": "~9.0.7",
     "@angular/compiler": "~9.0.7",
     "@angular/core": "~9.0.7",
-    "@angular/flex-layout": "^8.0.0-beta.27",
+    "@angular/flex-layout": "^9.0.0-beta.29",
     "@angular/forms": "~9.0.7",
-    "@angular/material": "^8.2.3",
+    "@angular/material": "^9.1.3",
     "@angular/platform-browser": "~9.0.7",
     "@angular/platform-browser-dynamic": "~9.0.7",
     "@angular/router": "~9.0.7",
     "@createjs/easeljs": "^2.0.0-beta.4",
     "@createjs/tweenjs": "^2.0.0-beta.4",
     "angular-cli-ghpages": "^0.6.2",
-    "hammerjs": "^2.0.8",
-    "ngx-indexed-db": "^4.0.3",
+    "ngx-indexed-db": "^4.0.14",
     "ngx-pagination": "^5.0.0",
     "rxjs": "~6.5.4",
-    "tslib": "^1.10.0",
-    "zone.js": "~0.10.2"
+    "tslib": "^1.11.1",
+    "zone.js": "~0.10.3"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.900.7",
     "@angular/cli": "~9.0.7",
     "@angular/compiler-cli": "~9.0.7",
     "@angular/language-service": "~9.0.7",
-    "@types/node": "^12.11.1",
-    "@types/jasmine": "~3.3.8",
-    "@types/jasminewd2": "~2.0.3",
-    "codelyzer": "^5.1.2",
-    "jasmine-core": "~3.4.0",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.1.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
-    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.0",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tslint": "~5.15.0",
-    "typescript": "~3.7.5"
+    "@types/jasmine": "~3.5.10",
+    "@types/jasminewd2": "~2.0.8",
+    "@types/node": "^12.12.31",
+    "codelyzer": "^5.2.1",
+    "jasmine-core": "~3.5.0",
+    "jasmine-spec-reporter": "~5.0.1",
+    "karma": "~4.4.1",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~2.1.1",
+    "karma-jasmine": "~3.1.1",
+    "karma-jasmine-html-reporter": "^1.5.3",
+    "protractor": "^5.4.3",
+    "ts-node": "~8.8.1",
+    "tslint": "~6.1.0",
+    "typescript": "^3.7.5"
   }
 }

src/app/app.module.ts

@@ -5,18 +5,16 @@ import {AppComponent} from './app.component';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {AppRoutingModule} from './app-routing.module';
 import {ReactiveFormsModule} from '@angular/forms';
-import {
-  MatButtonModule,
-  MatCardModule,
-  MatIconModule,
-  MatListModule,
-  MatMenuModule,
-  MatNativeDateModule,
-  MatProgressBarModule,
-  MatSelectModule,
-  MatSidenavModule,
-  MatToolbarModule
-} from '@angular/material';
+import {MatButtonModule} from '@angular/material/button';
+import {MatCardModule} from '@angular/material/card';
+import {MatNativeDateModule} from '@angular/material/core';
+import {MatIconModule} from '@angular/material/icon';
+import {MatListModule} from '@angular/material/list';
+import {MatMenuModule} from '@angular/material/menu';
+import {MatProgressBarModule} from '@angular/material/progress-bar';
+import {MatSelectModule} from '@angular/material/select';
+import {MatSidenavModule} from '@angular/material/sidenav';
+import {MatToolbarModule} from '@angular/material/toolbar';
 import {MessageModule} from './message/message.module';
 import {DashboardModule} from './dashboard/dashboard.module';
 import {LoginModule} from './login/login.module';

src/app/dashboard/dashboard.module.ts

@@ -1,7 +1,8 @@
 import {NgModule} from '@angular/core';
 
 import {DashboardComponent} from './dashboard.component';
-import {MatButtonModule, MatCardModule} from '@angular/material';
+import {MatButtonModule} from '@angular/material/button';
+import {MatCardModule} from '@angular/material/card';
 
 @NgModule({
   imports: [

src/app/sega/chunithm/amazon/amazon-setting/amazon-name-setting/amazon-name-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'amazon-name-setting-dialog',

src/app/sega/chunithm/amazon/amazon-setting/amazon-setting.component.ts

@@ -2,7 +2,7 @@ import {Component, OnInit} from '@angular/core';
 import {ApiService} from '../../../../api.service';
 import {AuthenticationService} from '../../../../auth/authentication.service';
 import {MessageService} from '../../../../message.service';
-import {MatDialog} from '@angular/material';
+import {MatDialog} from '@angular/material/dialog';
 import {AmazonProfile} from '../model/AmazonProfile';
 import {HttpParams} from '@angular/common/http';
 import {AmazonNameSettingDialog} from './amazon-name-setting/amazon-name-setting.dialog';

src/app/sega/chunithm/amazon/amazon-songlist/amazon-songlist.component.ts

@@ -1,5 +1,6 @@
 import {Component, OnInit, ViewChild} from '@angular/core';
-import {MatPaginator, MatTableDataSource} from '@angular/material';
+import {MatPaginator} from '@angular/material/paginator';
+import {MatTableDataSource} from '@angular/material/table';
 import {ChuniMusic} from '../model/ChuniMusic';
 import {NgxIndexedDBService} from 'ngx-indexed-db';
 

src/app/sega/diva/diva-pvlist/diva-pvlist.component.ts

@@ -1,7 +1,8 @@
 import {Component, OnInit, ViewChild} from '@angular/core';
 import {NgxIndexedDBService} from 'ngx-indexed-db';
 import {DivaPv} from '../model/DivaPv';
-import {MatPaginator, MatTableDataSource} from '@angular/material';
+import {MatPaginator} from '@angular/material/paginator';
+import {MatTableDataSource} from '@angular/material/table';
 
 @Component({
   selector: 'app-diva-pvlist',

src/app/sega/diva/diva-setting/diva-display-setting/diva-display-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'diva-display-setting-dialog',

src/app/sega/diva/diva-setting/diva-mylist-setting/diva-mylist-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'diva-mylist-setting-dialog',

src/app/sega/diva/diva-setting/diva-name-setting/diva-name-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'diva-name-setting-dialog',

src/app/sega/diva/diva-setting/diva-plate-setting/diva-plate-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'diva-plate-setting-dialog',

src/app/sega/diva/diva-setting/diva-rival-setting/diva-rival-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'diva-rival-setting-dialog',

src/app/sega/diva/diva-setting/diva-se-setting/diva-se-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'diva-se-setting-dialog',

src/app/sega/diva/diva-setting/diva-setting.component.ts

@@ -4,7 +4,7 @@ import {ApiService} from '../../../api.service';
 import {AuthenticationService} from '../../../auth/authentication.service';
 import {MessageService} from '../../../message.service';
 import {HttpParams} from '@angular/common/http';
-import {MatDialog} from '@angular/material';
+import {MatDialog} from '@angular/material/dialog';
 import {DivaNameSettingDialog} from './diva-name-setting/diva-name-setting.dialog';
 import {DivaTitleSettingDialog} from './diva-title-setting/diva-title-setting.dialog';
 import {DivaPlateSettingDialog} from './diva-plate-setting/diva-plate-setting.dialog';

src/app/sega/diva/diva-setting/diva-skin-setting/diva-skin-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'diva-skin-setting-dialog',

src/app/sega/diva/diva-setting/diva-title-setting/diva-title-setting.dialog.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 
 @Component({
   selector: 'diva-title-setting-dialog',

src/app/sega/diva/diva.module.ts

@@ -27,7 +27,8 @@ import {DivaPlateSettingDialog} from './diva-setting/diva-plate-setting/diva-pla
 import {DivaMylistSettingDialog} from './diva-setting/diva-mylist-setting/diva-mylist-setting.dialog';
 import {DivaSeSettingDialog} from './diva-setting/diva-se-setting/diva-se-setting.dialog';
 import {DivaDisplaySettingDialog} from './diva-setting/diva-display-setting/diva-display-setting.dialog';
-import {MatCheckboxModule, MatDatepickerModule} from '@angular/material';
+import {MatCheckboxModule} from '@angular/material/checkbox';
+import {MatDatepickerModule} from '@angular/material/datepicker';
 import {DivaSkinSettingDialog} from './diva-setting/diva-skin-setting/diva-skin-setting.dialog';
 import {DivaPvRecordComponent} from './diva-pv-record/diva-pv-record.component';
 import {DivaRecordDetailComponent} from './diva-record-detail/diva-record-detail.component';
@@ -41,7 +42,7 @@ import {DivaNewsComponent} from './diva-management/diva-news/diva-news.component
 import {DivaCustomizeComponent} from './diva-customize/diva-customize.component';
 import {DivaRivalSettingDialog} from './diva-setting/diva-rival-setting/diva-rival-setting.dialog';
 import {NgxPaginationModule} from 'ngx-pagination';
-import { DivaPvlistComponent } from './diva-pvlist/diva-pvlist.component';
+import {DivaPvlistComponent} from './diva-pvlist/diva-pvlist.component';
 
 
 @NgModule({

src/app/sega/ongeki/ongeki-song-list/ongeki-song-list.component.ts

@@ -1,6 +1,7 @@
 import {Component, OnInit, ViewChild} from '@angular/core';
 import {NgxIndexedDBService} from 'ngx-indexed-db';
-import {MatPaginator, MatTableDataSource} from '@angular/material';
+import {MatPaginator} from '@angular/material/paginator';
+import {MatTableDataSource} from '@angular/material/table';
 import {OngekiMusic} from '../model/OngekiMusic';
 
 @Component({

src/app/sega/ongeki/ongeki.module.ts

@@ -3,7 +3,12 @@ import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
 import {OngekiRoutes} from './ongeki.routing';
 import {OngekiProfileComponent} from './ongeki-profile/ongeki-profile.component';
-import {MatButtonModule, MatCardModule, MatFormFieldModule, MatInputModule, MatPaginatorModule, MatTableModule} from '@angular/material';
+import {MatButtonModule} from '@angular/material/button';
+import {MatCardModule} from '@angular/material/card';
+import {MatFormFieldModule} from '@angular/material/form-field';
+import {MatInputModule} from '@angular/material/input';
+import {MatPaginatorModule} from '@angular/material/paginator';
+import {MatTableModule} from '@angular/material/table';
 import {OngekiCardComponent} from './ongeki-card/ongeki-card.component';
 import {NgxPaginationModule} from 'ngx-pagination';
 import {OngekiCardListComponent} from './ongeki-card-list/ongeki-card-list.component';

src/main.ts

@@ -1,4 +1,3 @@
-import 'hammerjs';
 import {enableProdMode} from '@angular/core';
 import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';