Upgrading packages

package.json

@@ -40,27 +40,27 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^10.0.2",
-    "@angular/cdk": "^10.0.1",
-    "@angular/common": "^10.0.2",
-    "@angular/compiler": "^10.0.2",
-    "@angular/core": "^10.0.2",
-    "@angular/forms": "^10.0.2",
+    "@angular/animations": "^10.1.2",
+    "@angular/cdk": "^10.2.2",
+    "@angular/common": "^10.1.2",
+    "@angular/compiler": "^10.1.2",
+    "@angular/core": "^10.1.2",
+    "@angular/forms": "^10.1.2",
     "@angular/http": "^7.2.16",
-    "@angular/material": "^10.0.1",
-    "@angular/platform-browser": "^10.0.2",
-    "@angular/platform-browser-dynamic": "^10.0.2",
-    "@angular/router": "^10.0.2",
-    "@sentry/browser": "^5.18.0",
-    "@types/jest": "^26.0.3",
-    "@types/mocha": "^7.0.2",
-    "angular-draggable-droppable": "^4.5.1",
+    "@angular/material": "^10.2.2",
+    "@angular/platform-browser": "^10.1.2",
+    "@angular/platform-browser-dynamic": "^10.1.2",
+    "@angular/router": "^10.1.2",
+    "@sentry/browser": "^5.24.2",
+    "@types/jest": "^26.0.14",
+    "@types/mocha": "^8.0.3",
+    "angular-draggable-droppable": "^4.5.4",
     "angular-persistence": "^1.0.1",
-    "angular-resizable-element": "^3.3.2",
+    "angular-resizable-element": "^3.3.3",
     "angular2-draggable": "^2.3.2",
     "angular2-hotkeys": "^2.2.0",
     "angular2-indexeddb": "^1.2.3",
-    "bootstrap": "4.5.0",
+    "bootstrap": "4.5.2",
     "command-exists": "^1.2.9",
     "core-js": "^3.6.5",
     "css-tree": "^1.0.0-alpha.36",
@@ -71,61 +71,61 @@
     "ng-circle-progress": "^1.5.1",
     "ng2-file-upload": "^1.3.0",
     "ngx-childprocess": "^0.0.6",
-    "ngx-device-detector": "^1.4.5",
+    "ngx-device-detector": "^2.0.0",
     "ngx-electron": "^2.1.1",
     "node-fetch": "^2.6.1",
-    "notosans-fontface": "1.1.0",
-    "rxjs": "^6.5.5",
-    "rxjs-compat": "^6.5.5",
-    "save-html-as-image": "^1.3.3",
+    "notosans-fontface": "1.2.2",
+    "rxjs": "^6.6.3",
+    "rxjs-compat": "^6.6.3",
+    "save-html-as-image": "^1.3.4",
     "save-svg-as-png": "^1.4.14",
-    "snyk": "^1.361.3",
-    "svg-crowbar": "^0.6.0",
+    "snyk": "^1.399.1",
+    "svg-crowbar": "^0.6.1",
     "tree-kill": "^1.2.1",
-    "tslib": "^2.0.0",
+    "tslib": "^2.0.1",
     "typeface-roboto": "^0.0.75",
-    "xterm": "^4.1.0",
+    "xterm": "^4.9.0",
     "xterm-addon-attach": "^0.6.0",
     "xterm-addon-fit": "^0.4.0",
-    "yargs": "^15.3.1",
-    "zone.js": "~0.10.3"
+    "yargs": "^16.0.3",
+    "zone.js": "~0.11.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1000.0",
-    "@angular/cli": "^10.0.0",
-    "@angular/compiler-cli": "^10.0.2",
-    "@angular/language-service": "^10.0.2",
-    "@sentry/cli": "^1.53.0",
-    "@sentry/electron": "^1.3.0",
-    "@types/jasmine": "^3.5.11",
+    "@angular-devkit/build-angular": "~0.1001.2",
+    "@angular/cli": "^10.1.2",
+    "@angular/compiler-cli": "^10.1.2",
+    "@angular/language-service": "^10.1.2",
+    "@sentry/cli": "^1.57.0",
+    "@sentry/electron": "^2.0.1",
+    "@types/jasmine": "^3.5.14",
     "@types/jasminewd2": "^2.0.8",
-    "@types/node": "12.12.6",
-    "codelyzer": "^5.2.2",
-    "electron": "^9.0.5",
-    "electron-builder": "22.7.0",
-    "file-loader": "^6.0.0",
-    "jasmine-core": "^3.5.0",
-    "jasmine-spec-reporter": "^5.0.2",
+    "@types/node": "14.11.2",
+    "codelyzer": "^6.0.0",
+    "electron": "^10.1.2",
+    "electron-builder": "22.8.1",
+    "file-loader": "^6.1.0",
+    "jasmine-core": "^3.6.0",
+    "jasmine-spec-reporter": "^6.0.0",
     "jquery": "^3.5.1",
-    "karma": "^5.1.0",
+    "karma": "^5.2.2",
     "karma-chrome-launcher": "^3.1.0",
     "karma-cli": "^2.0.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "^3.3.1",
+    "karma-jasmine": "^4.0.1",
     "karma-jasmine-html-reporter": "^1.5.4",
     "license-checker": "^25.0.1",
     "node-sass": "^4.14.1",
     "popper.js": "^1.16.1",
-    "prettier": "^2.0.5",
+    "prettier": "^2.1.2",
     "protractor": "^7.0.0",
     "replace": "^1.2.0",
     "rxjs-tslint": "^0.1.8",
     "ts-mockito": "^2.6.1",
-    "ts-node": "~8.10.2",
-    "tslint": "^6.1.2",
+    "ts-node": "~9.0.0",
+    "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "^3.9.5",
-    "webpack": "^4.43.0"
+    "typescript": "^4.0.3",
+    "webpack": "^4.44.2"
   },
   "greenkeeper": {
     "ignore": [

src/app/app.module.ts

@@ -252,7 +252,6 @@ import { AlignVerticallyActionComponent } from './components/project-map/context
 import { ConfirmationBottomSheetComponent } from './components/projects/confirmation-bottomsheet/confirmation-bottomsheet.component';
 import { TemplateFilter } from './filters/templateFilter.pipe';
 import { NotificationService } from './services/notification.service';
-import { DeviceDetectorModule } from 'ngx-device-detector';
 import { ConfigDialogComponent } from './components/project-map/context-menu/dialogs/config-dialog/config-dialog.component';
 import { Gns3vmComponent } from './components/preferences/gns3vm/gns3vm.component';
 import { Gns3vmService } from './services/gns3vm.service';
@@ -492,7 +491,6 @@ import { TemplateNameDialogComponent } from './components/project-map/new-templa
     DragDropModule,
     NgxChildProcessModule,
     MATERIAL_IMPORTS,
-    DeviceDetectorModule.forRoot(),
     NgCircleProgressModule.forRoot()
   ],
   providers: [