updated all packages, excluded Web Storage Module

package.json

@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "@angular/animations": "^9.1.12",
-    "@angular/cdk": "^8.2.3",
+    "@angular/cdk": "^9.2.4",
     "@angular/common": "^9.1.12",
     "@angular/compiler": "^9.1.12",
     "@angular/core": "^9.1.12",
-    "@angular/flex-layout": "^8.0.0-beta.27",
+    "@angular/flex-layout": "^9.0.0-beta.31",
     "@angular/forms": "^9.1.12",
     "@angular/http": "^7.2.15",
-    "@angular/material": "^8.2.3",
+    "@angular/material": "^9.2.4",
     "@angular/platform-browser": "^9.1.12",
     "@angular/platform-browser-dynamic": "^9.1.12",
     "@angular/router": "^9.1.12",
@@ -35,7 +35,6 @@
     "angular-highcharts": "^9.0.11",
     "angular-material-dynamic-themes": "^1.0.4",
     "assign-deep": "^1.0.1",
-    "hammerjs": "^2.0.8",
     "highcharts": "^8.0.0",
     "moment": "^2.24.0",
     "moment-timezone": "^0.5.28",

src/app/_services/ambient-light.service.spec.ts

@@ -1,7 +1,7 @@
 import {inject, TestBed} from '@angular/core/testing';
 
 import {HttpClientTestingModule} from '@angular/common/http/testing';
-import {MatSnackBarModule} from '@angular/material';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
 import {AmbientLightService} from './ambient-light.service';
 import {BackendService} from './backend.service';
 import {SettingsService} from './settings.service';

src/app/_services/backend.service.ts

@@ -1,6 +1,6 @@
 import {HttpClient} from '@angular/common/http';
 import {Injectable} from '@angular/core';
-import {MatSnackBar} from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {BackendNotification} from '@p2olab/polaris-interface';
 import {NGXLogger} from 'ngx-logger';
 import {BehaviorSubject, Observable} from 'rxjs';

src/app/_services/module.service.ts

@@ -1,6 +1,6 @@
 import {HttpClient} from '@angular/common/http';
 import {Injectable} from '@angular/core';
-import {MatSnackBar} from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {ModuleInterface, ParameterOptions, ServiceInterface, VirtualServiceInterface} from '@p2olab/polaris-interface';
 import * as assignDeep from 'assign-deep';
 import {NGXLogger} from 'ngx-logger';

src/app/about/about.component.spec.ts

@@ -1,7 +1,7 @@
 import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
 import {AboutComponent} from './about.component';
-import {MatGridListModule} from '@angular/material';
+import { MatGridListModule } from '@angular/material/grid-list';
 import {SettingsService} from '../_services/settings.service';
 import {settingsServiceStub} from '../_services/settings.service.spec';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';

src/app/app.module.ts

@@ -4,7 +4,7 @@ import {HttpClientModule} from '@angular/common/http';
 import {NgModule} from '@angular/core';
 import {FlexLayoutModule} from '@angular/flex-layout';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {MAT_SNACK_BAR_DEFAULT_OPTIONS} from '@angular/material';
+import { MAT_SNACK_BAR_DEFAULT_OPTIONS } from '@angular/material/snack-bar';
 import {BrowserModule} from '@angular/platform-browser';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {ServiceWorkerModule} from '@angular/service-worker';
@@ -13,7 +13,7 @@ import {NgxChartsModule} from '@swimlane/ngx-charts';
 import {ChartModule} from 'angular-highcharts';
 import * as moment from 'moment';
 import { LoggerModule, NgxLoggerLevel } from 'ngx-logger';
-import {WebStorageModule} from 'ngx-store';
+//import {WebStorageModule} from 'ngx-store';
 import {environment} from '../environments/environment';
 import {AmbientLightService} from './_services/ambient-light.service';
 import {BackendService} from './_services/backend.service';
@@ -100,7 +100,7 @@ moment.relativeTimeThreshold('ss', 5);
         MaterialModule,
         AppRoutingModule,
         HttpClientModule,
-        WebStorageModule,
+ //       WebStorageModule,
         NgxChartsModule,
         ChartModule,
         FlexLayoutModule,

src/app/dashboard/dashboard.component.spec.ts

@@ -1,7 +1,10 @@
 import {ComponentFixture, fakeAsync, TestBed} from '@angular/core/testing';
 import 'zone.js/dist/zone-testing';
 
-import {MatCardModule, MatGridListModule, MatIconModule, MatMenuModule} from '@angular/material';
+import { MatCardModule } from '@angular/material/card';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
 import {DashboardComponent} from './dashboard.component';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 

src/app/material/material.module.ts

@@ -1,34 +1,32 @@
 import {NgModule} from '@angular/core';
-import {
-    MatAutocompleteModule,
-    MatBadgeModule,
-    MatButtonModule,
-    MatCardModule,
-    MatCheckboxModule,
-    MatChipsModule,
-    MatDialogModule,
-    MatDividerModule,
-    MatExpansionModule,
-    MatFormFieldModule,
-    MatGridListModule,
-    MatIconModule,
-    MatInputModule,
-    MatListModule,
-    MatMenuModule,
-    MatPaginatorModule,
-    MatProgressSpinnerModule,
-    MatRadioModule,
-    MatSelectModule,
-    MatSidenavModule,
-    MatSliderModule,
-    MatSnackBarModule,
-    MatSortModule,
-    MatStepperModule,
-    MatTableModule,
-    MatTabsModule,
-    MatToolbarModule,
-    MatTooltipModule
-} from '@angular/material';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatBadgeModule } from '@angular/material/badge';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatSortModule } from '@angular/material/sort';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatTableModule } from '@angular/material/table';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 @NgModule({
     imports: [

src/app/module-view/module-view.component.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {MatDialog} from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
 import {ModuleInterface, ModuleOptions, VirtualServiceInterface} from '@p2olab/polaris-interface';
 import {NGXLogger} from 'ngx-logger';
 import {Observable} from 'rxjs';

src/app/new-module/new-module.component.spec.ts

@@ -2,10 +2,7 @@ import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
 import {HttpClientTestingModule} from '@angular/common/http/testing';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {
-    MAT_DIALOG_DATA,
-    MatDialogRef,
-} from '@angular/material';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 import {RouterTestingModule} from '@angular/router/testing';
 import {LoggerTestingModule} from 'ngx-logger/testing';

src/app/new-module/new-module.component.ts

@@ -1,6 +1,7 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {FormControl, FormGroup, Validators} from '@angular/forms';
-import {MAT_DIALOG_DATA, MatDialogRef, MatSnackBar} from '@angular/material';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {ModuleInterface, ModuleOptions} from '@p2olab/polaris-interface';
 import {NGXLogger} from 'ngx-logger';
 import {BackendService} from '../_services/backend.service';

src/app/new-recipe/new-recipe.component.spec.ts

@@ -1,7 +1,7 @@
 import {HttpClientTestingModule} from '@angular/common/http/testing';
 import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 import {FormsModule} from '@angular/forms';
-import {MatDialogRef} from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 import {RouterTestingModule} from '@angular/router/testing';
 import {LoggerTestingModule} from 'ngx-logger/testing';

src/app/new-recipe/new-recipe.component.ts

@@ -1,5 +1,6 @@
 import {Component} from '@angular/core';
-import {MatDialogRef, MatSnackBar} from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {NGXLogger} from 'ngx-logger';
 import {RecipeService} from '../_services/recipe.service';
 

src/app/new-virtual-service/new-virtual-service.component.spec.ts

@@ -2,7 +2,7 @@ import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
 import {HttpClientTestingModule} from '@angular/common/http/testing';
 import {FormsModule} from '@angular/forms';
-import {MatDialogRef} from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 import {LoggerTestingModule} from 'ngx-logger/testing';
 import {SettingsService} from '../_services/settings.service';

src/app/new-virtual-service/new-virtual-service.component.ts

@@ -1,5 +1,6 @@
 import {Component} from '@angular/core';
-import {MatDialogRef, MatSnackBar} from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {NGXLogger} from 'ngx-logger';
 import {RecipeService} from '../_services/recipe.service';
 import {ServiceParameterDialogComponent} from '../service-parameter-dialog/service-parameter-dialog.component';

src/app/orientation-referral-snackbar/orientation-referral-snackbar.component.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MatIcon} from '@angular/material';
+import { MatIcon } from '@angular/material/icon';
 import { MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
 
 @Component({

src/app/parameter-change-dialog/parameter-change-dialog.component.spec.ts

@@ -2,7 +2,7 @@ import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
 import {HttpClientTestingModule} from '@angular/common/http/testing';
 import {FormsModule} from '@angular/forms';
-import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 import {LoggerTestingModule} from 'ngx-logger/testing';
 import {MaterialModule} from '../material/material.module';

src/app/parameter-change-dialog/parameter-change-dialog.component.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';
 import {ParameterInterface, ParameterOptions} from '@p2olab/polaris-interface';
 
 @Component({

src/app/parameter-view/parameter-view.component.ts

@@ -1,5 +1,5 @@
 import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
-import {MatDialog} from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
 import {ParameterInterface, ParameterOptions} from '@p2olab/polaris-interface';
 import {ParameterChangeDialogComponent} from '../parameter-change-dialog/parameter-change-dialog.component';
 

src/app/player/player.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnDestroy, OnInit} from '@angular/core';
-import {MatSnackBar} from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {PlayerInterface, RecipeInterface, StepOptions} from '@p2olab/polaris-interface';
 import * as moment from 'moment';
 import {NGXLogger} from 'ngx-logger';

src/app/recipe-overview/recipe-overview.component.spec.ts

@@ -1,7 +1,7 @@
 import {async, ComponentFixture, TestBed} from '@angular/core/testing';
 
 import {HttpClientTestingModule} from '@angular/common/http/testing';
-import {MatDialogRef} from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
 import {RouterTestingModule} from '@angular/router/testing';
 import {LoggerTestingModule} from 'ngx-logger/testing';
 import {SettingsService} from '../_services/settings.service';

src/app/recipe-overview/recipe-overview.component.ts

@@ -1,5 +1,6 @@
 import {Component, OnInit} from '@angular/core';
-import {MatDialog, MatSnackBar} from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {RecipeInterface} from '@p2olab/polaris-interface';
 import {NGXLogger} from 'ngx-logger';
 import {PlayerService} from '../_services/player.service';

src/app/service-launcher/service-launcher.component.spec.ts

@@ -1,7 +1,12 @@
 import { DragDropModule} from '@angular/cdk/drag-drop';
 import { HttpClientModule } from '@angular/common/http';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDivider, MatFormField, MatLabel, MatOption, MatSelect, MatSlider, MatTabGroup } from '@angular/material';
+import { MatOption } from '@angular/material/core';
+import { MatDivider } from '@angular/material/divider';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatSelect } from '@angular/material/select';
+import { MatSlider } from '@angular/material/slider';
+import { MatTabGroup } from '@angular/material/tabs';
 import { ServiceLauncherComponent } from './service-launcher.component';
 import { ServiceSettingsComponent} from './service-settings/service-settings.component';
 import { ServicelauncherButtonComponent} from './servicelauncher-button/servicelauncher-button.component';

src/app/service-launcher/service-launcher.component.ts

@@ -1,6 +1,7 @@
 import {Component, OnInit} from '@angular/core';
 import {FormControl, FormGroup} from '@angular/forms';
-import {MatDialog, MatDialogConfig, MatDialogRef, MatSnackBar} from '@angular/material';
+import { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import {ModuleInterface, ParameterOptions, ServiceInterface} from '@p2olab/polaris-interface';
 import {NGXLogger} from 'ngx-logger';
 import {Observable, Subscription} from 'rxjs';