Update to Angular 10

angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -27,13 +28,13 @@
               "node_modules/notosans-fontface/css/notosans-fontface.min.css",
               "src/styles.css",
               {
+                "inject": false,
                 "input": "src/theme.scss",
-                "lazy": true,
                 "bundleName": "theme-default-dark"
               },
               {
+                "inject": false,
                 "input": "src/theme-light.scss",
-                "lazy": true,
                 "bundleName": "theme-default"
               }
             ],
@@ -41,6 +42,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": {
@@ -62,6 +69,12 @@
               ]
             },
             "electronProd": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -79,6 +92,12 @@
               ]
             },
             "electronDev": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
@@ -87,6 +106,12 @@
               ]
             },
             "githubProd": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -198,10 +223,13 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "scss"
+      "style": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"
     }
+  },
+  "cli": {
+    "analytics": false
   }
-}
+}

e2e/tsconfig.e2e.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/e2e",
     "baseUrl": "./",

package.json

@@ -38,17 +38,17 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.2.11",
+    "@angular/animations": "^10.0.1",
     "@angular/cdk": "^8.2.3",
-    "@angular/common": "^8.2.11",
+    "@angular/common": "^10.0.1",
-    "@angular/compiler": "^8.2.11",
+    "@angular/compiler": "^10.0.1",
-    "@angular/core": "^8.2.11",
+    "@angular/core": "^10.0.1",
-    "@angular/forms": "^8.2.11",
+    "@angular/forms": "^10.0.1",
     "@angular/http": "^7.2.16",
     "@angular/material": "^8.2.3",
-    "@angular/platform-browser": "^8.2.11",
+    "@angular/platform-browser": "^10.0.1",
-    "@angular/platform-browser-dynamic": "^8.2.11",
+    "@angular/platform-browser-dynamic": "^10.0.1",
-    "@angular/router": "^8.2.11",
+    "@angular/router": "^10.0.1",
     "angular-draggable-droppable": "^4.5.1",
     "angular-persistence": "^1.0.1",
     "angular-resizable-element": "^3.3.2",
@@ -78,45 +78,46 @@
     "save-svg-as-png": "^1.4.14",
     "svg-crowbar": "^0.2.4",
     "tree-kill": "^1.2.1",
+    "tslib": "^2.0.0",
     "typeface-roboto": "^0.0.75",
     "xterm": "^4.1.0",
     "xterm-addon-attach": "^0.5.0",
     "xterm-addon-fit": "^0.3.0",
     "yargs": "^15.3.1",
-    "zone.js": "^0.10.3"
+    "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.803.28",
+    "@angular-devkit/build-angular": "~0.1000.0",
-    "@angular/cli": "^8.3.28",
+    "@angular/cli": "^10.0.0",
-    "@angular/compiler-cli": "^8.2.11",
+    "@angular/compiler-cli": "^10.0.1",
-    "@angular/language-service": "^8.2.11",
+    "@angular/language-service": "^10.0.1",
     "@sentry/cli": "^1.53.0",
     "@sentry/electron": "^0.17.4",
     "@types/jasmine": "^3.5.11",
     "@types/jasminewd2": "^2.0.8",
-    "@types/node": "^12.12.47",
+    "@types/node": "^12.11.1",
-    "codelyzer": "^5.2.2",
+    "codelyzer": "^5.1.2",
     "electron": "7.1.2",
     "electron-builder": "21.2.0",
     "file-loader": "^6.0.0",
     "jasmine-core": "~3.5.0",
-    "jasmine-spec-reporter": "~4.2.1",
+    "jasmine-spec-reporter": "~5.0.0",
     "jquery": "^3.5.1",
-    "karma": "~4.4.0",
+    "karma": "~5.0.0",
     "karma-chrome-launcher": "~3.1.0",
     "karma-cli": "~2.0.0",
-    "karma-coverage-istanbul-reporter": "^2.1.0",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~2.0.1",
+    "karma-jasmine": "~3.3.0",
-    "karma-jasmine-html-reporter": "^1.5.4",
+    "karma-jasmine-html-reporter": "^1.5.0",
     "license-checker": "^25.0.1",
     "node-sass": "^4.14.1",
     "popper.js": "^1.16.1",
     "prettier": "^1.18.2",
-    "protractor": "^5.4.4",
+    "protractor": "~7.0.0",
     "replace": "^1.2.0",
     "ts-mockito": "^2.6.1",
     "ts-node": "~8.4.1",
-    "tslint": "~5.20.0",
+    "tslint": "~6.1.0",
     "tslint-config-prettier": "^1.18.0",
     "typescript": "^3.9.5"
   },

src/app/cartography/components/d3-map/d3-map.component.ts

@@ -51,8 +51,8 @@ export class D3MapComponent implements OnInit, OnChanges, OnDestroy {
   @Input() width = 1500;
   @Input() height = 600;
 
-  @ViewChild('svg', {static: false}) svgRef: ElementRef;
+  @ViewChild('svg') svgRef: ElementRef;
-  @ViewChild('textEditor', {static: false}) textEditor: TextEditorComponent;
+  @ViewChild('textEditor') textEditor: TextEditorComponent;
 
   private parentNativeElement: any;
   private svg: Selection<SVGSVGElement, any, null, undefined>;

src/app/cartography/components/experimental-map/drawing/drawings/text/text.component.ts

@@ -13,7 +13,7 @@ export class TextComponent implements OnInit, DoCheck {
 
   @Input('app-text') text: TextElement;
 
-  @ViewChild('text', {static: false}) textRef: ElementRef;
+  @ViewChild('text') textRef: ElementRef;
 
   lines: string[] = [];
 

src/app/cartography/components/experimental-map/experimental-map.component.ts

@@ -43,7 +43,7 @@ export class ExperimentalMapComponent implements OnInit, OnChanges, OnDestroy {
   @Input() width = 1500;
   @Input() height = 600;
 
-  @ViewChild('svg', {static: false}) svg: ElementRef;
+  @ViewChild('svg') svg: ElementRef;
 
   private changesDetected: Subscription;
 

src/app/cartography/components/experimental-map/interface-label/interface-label.component.ts

@@ -10,7 +10,7 @@ import { CssFixer } from '../../../helpers/css-fixer';
 export class InterfaceLabelComponent implements OnInit {
   @Input('app-interface-label') ignore: any;
 
-  @ViewChild('textSvg', {static: false}) textRef: ElementRef;
+  @ViewChild('textSvg') textRef: ElementRef;
 
   private label = {
     x: 0,

src/app/cartography/components/experimental-map/link/link.component.ts

@@ -26,7 +26,7 @@ export class LinkComponent implements OnInit, OnDestroy {
   @Input('node-changed') nodeChanged: EventEmitter<Node>;
   @Input('show-interface-labels') showInterfaceLabels: boolean;
 
-  @ViewChild('path', {static: false}) path: ElementRef;
+  @ViewChild('path') path: ElementRef;
 
   private ethernetLinkStrategy = new EthernetLinkStrategy();
   private serialLinkStrategy = new SerialLinkStrategy();

src/app/cartography/components/experimental-map/node/node.component.ts

@@ -30,8 +30,8 @@ import { DraggedDataEvent } from '../../../events/event-source';
 export class NodeComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {
   static NODE_LABEL_MARGIN = 3;
 
-  @ViewChild('label', {static: false}) label: ElementRef;
+  @ViewChild('label') label: ElementRef;
-  @ViewChild('image', {static: false}) imageRef: ElementRef;
+  @ViewChild('image') imageRef: ElementRef;
 
   @Input('app-node') node: MapNode;
   @Input('symbols') symbols: Symbol[];

src/app/cartography/components/text-editor/text-editor.component.ts

@@ -27,7 +27,7 @@ import { Font } from '../../models/font';
   styleUrls: ['./text-editor.component.scss']
 })
 export class TextEditorComponent implements OnInit, OnDestroy {
-  @ViewChild('temporaryTextElement', {static: false}) temporaryTextElement: ElementRef;
+  @ViewChild('temporaryTextElement') temporaryTextElement: ElementRef;
   @Input('svg') svg: SVGSVGElement;
   @Input('server') server: Server;
 

src/app/cartography/directives/moving-canvas.directive.ts

@@ -1,4 +1,4 @@
-import { HostListener, ElementRef, Renderer, Directive, Input, OnInit, OnDestroy } from '@angular/core'
+import { HostListener, ElementRef, Directive, Input, OnInit, OnDestroy, Renderer2 } from '@angular/core'
 import { Subscription } from 'rxjs';
 import { MovingEventSource } from '../events/moving-event-source';
 import { Context } from '../models/context';

src/app/common/error-handlers/toaster-error-handler.ts

@@ -1,6 +1,8 @@
 import { RavenErrorHandler } from './raven-error-handler';
 import { ToasterService } from '../../services/toaster.service';
+import { Injectable } from "@angular/core";
 
+@Injectable()
 export class ToasterErrorHandler extends RavenErrorHandler {
   handleError(err: any): void {
     super.handleError(err);

src/app/components/adbutler/adbutler.component.ts

@@ -10,7 +10,7 @@ import { ToasterService } from '../../services/toaster.service';
   encapsulation: ViewEncapsulation.None
 })
 export class AdbutlerComponent implements OnInit {
-  @ViewChild('ad', {static: false}) ad: ElementRef;
+  @ViewChild('ad') ad: ElementRef;
   theme: string;
   onLoad = new EventEmitter();
   htmlCode: string;

src/app/components/notification-box/notification-box.component.ts

@@ -11,7 +11,7 @@ import { Location } from '@angular/common';
     styleUrls: ['./notification-box.component.scss']
 })
 export class NotificationBoxComponent implements OnInit, OnDestroy {
-    @ViewChild('dynamicComponentContainer', {read: ViewContainerRef, static: false}) dynamicComponentContainer;
+    @ViewChild('dynamicComponentContainer', { read: ViewContainerRef }) dynamicComponentContainer;
 
     timer: Observable<number>;
     viewTimer: Observable<number>;

src/app/components/preferences/built-in/cloud-nodes/cloud-nodes-templates/cloud-nodes-templates.component.ts

@@ -15,7 +15,7 @@ import { DeleteTemplateComponent } from '../../../common/delete-template-compone
 export class CloudNodesTemplatesComponent implements OnInit {
     server: Server;
     cloudNodesTemplates: CloudTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/built-in/ethernet-hubs/ethernet-hubs-templates/ethernet-hubs-templates.component.ts

@@ -15,7 +15,7 @@ import { DeleteTemplateComponent } from '../../../common/delete-template-compone
 export class EthernetHubsTemplatesComponent implements OnInit {
     server: Server;
     ethernetHubsTemplates: EthernetHubTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/built-in/ethernet-switches/ethernet-switches-template-details/ethernet-switches-template-details.component.ts

@@ -16,7 +16,7 @@ import { PortsComponent } from '../../../common/ports/ports.component';
     styleUrls: ['./ethernet-switches-template-details.component.scss', '../../../preferences.component.scss']
 })
 export class EthernetSwitchesTemplateDetailsComponent implements OnInit {
-    @ViewChild(PortsComponent, {static: false}) portsComponent: PortsComponent;
+    @ViewChild(PortsComponent) portsComponent: PortsComponent;
     server: Server;
     ethernetSwitchTemplate: EthernetSwitchTemplate;
     inputForm: FormGroup;

src/app/components/preferences/built-in/ethernet-switches/ethernet-switches-templates/ethernet-switches-templates.component.ts

@@ -15,7 +15,7 @@ import { DeleteTemplateComponent } from '../../../common/delete-template-compone
 export class EthernetSwitchesTemplatesComponent implements OnInit {
     server: Server;
     ethernetSwitchesTemplates: EthernetSwitchTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/common/custom-adapters/custom-adapters.component.ts

@@ -14,7 +14,7 @@ export class CustomAdaptersComponent {
     @Output() closeConfiguratorEmitter = new EventEmitter<boolean>();
     @Output() saveConfigurationEmitter =  new EventEmitter<CustomAdapter[]>();
 
-    @ViewChild("customAdapters", {static: false}) customAdapters: CustomAdaptersTableComponent;
+    @ViewChild("customAdapters") customAdapters: CustomAdaptersTableComponent;
 
     public adapters: CustomAdapter[];
     public numberOfAdapters: number;

src/app/components/preferences/docker/docker-templates/docker-templates.component.ts

@@ -15,7 +15,7 @@ import { DockerService } from '../../../../services/docker.service';
 export class DockerTemplatesComponent implements OnInit {
     server: Server;
     dockerTemplates: DockerTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/dynamips/ios-templates/ios-templates.component.ts

@@ -16,7 +16,7 @@ import { VpcsTemplate } from '../../../../models/templates/vpcs-template';
 export class IosTemplatesComponent implements OnInit {
     server: Server;
     iosTemplates: IosTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/ios-on-unix/iou-templates/iou-templates.component.ts

@@ -15,7 +15,7 @@ import { IouService } from '../../../../services/iou.service';
 export class IouTemplatesComponent implements OnInit {
     server: Server;
     iouTemplates: IouTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/qemu/qemu-vm-template-details/qemu-vm-template-details.component.ts

@@ -34,7 +34,7 @@ export class QemuVmTemplateDetailsComponent implements OnInit {
     displayedColumns: string[] = ['adapter_number', 'port_name', 'adapter_type', 'actions'];
     generalSettingsForm: FormGroup;
 
-    @ViewChild("customAdaptersConfigurator", {static: false}) 
+    @ViewChild("customAdaptersConfigurator") 
         customAdaptersConfigurator: CustomAdaptersComponent;
 
     constructor(

src/app/components/preferences/qemu/qemu-vm-templates/qemu-vm-templates.component.ts

@@ -15,7 +15,7 @@ import { DeleteTemplateComponent } from '../../common/delete-template-component/
 export class QemuVmTemplatesComponent implements OnInit {
     server: Server;
     qemuTemplates: QemuTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/traceng/traceng-templates/traceng-templates.component.ts

@@ -14,7 +14,7 @@ import { TracengService } from '../../../../services/traceng.service';
 export class TracengTemplatesComponent implements OnInit {
     server: Server;
     tracengTemplates: TracengTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/virtual-box/virtual-box-template-details/virtual-box-template-details.component.ts

@@ -29,7 +29,7 @@ export class VirtualBoxTemplateDetailsComponent implements OnInit {
     generalSettingsForm: FormGroup;
     networkForm: FormGroup
 
-    @ViewChild("customAdaptersConfigurator", {static: false}) 
+    @ViewChild("customAdaptersConfigurator") 
         customAdaptersConfigurator: CustomAdaptersComponent;
 
     constructor(

src/app/components/preferences/virtual-box/virtual-box-templates/virtual-box-templates.component.ts

@@ -16,7 +16,7 @@ import { VpcsTemplate } from '../../../../models/templates/vpcs-template';
 export class VirtualBoxTemplatesComponent implements OnInit {
     server: Server;
     virtualBoxTemplates: VirtualBoxTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/vmware/vmware-template-details/vmware-template-details.component.ts

@@ -28,7 +28,7 @@ export class VmwareTemplateDetailsComponent implements OnInit {
     onCloseOptions = [];
     networkTypes = [];
 
-    @ViewChild("customAdaptersConfigurator", {static: false}) 
+    @ViewChild("customAdaptersConfigurator") 
         customAdaptersConfigurator: CustomAdaptersComponent;
 
     constructor(

src/app/components/preferences/vmware/vmware-templates/vmware-templates.component.ts

@@ -15,7 +15,7 @@ import { DeleteTemplateComponent } from '../../common/delete-template-component/
 export class VmwareTemplatesComponent implements OnInit {
     server: Server;
     vmwareTemplates: VmwareTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/preferences/vpcs/vpcs-templates/vpcs-templates.component.ts

@@ -14,7 +14,7 @@ import { DeleteTemplateComponent } from '../../common/delete-template-component/
 export class VpcsTemplatesComponent implements OnInit {
     server: Server;
     vpcsTemplates: VpcsTemplate[] = [];
-    @ViewChild(DeleteTemplateComponent, {static: false}) deleteComponent: DeleteTemplateComponent;
+    @ViewChild(DeleteTemplateComponent) deleteComponent: DeleteTemplateComponent;
 
     constructor(
         private route: ActivatedRoute,

src/app/components/project-map/context-menu/actions/import-config/import-config-action.component.ts

@@ -14,7 +14,7 @@ import { ConfigDialogComponent } from '../../dialogs/config-dialog/config-dialog
 export class ImportConfigActionComponent {
     @Input() server: Server;
     @Input() node: Node;
-    @ViewChild('fileInput', {static: false}) fileInput: ElementRef;
+    @ViewChild('fileInput') fileInput: ElementRef;
     configType: string;
 
     constructor(

src/app/components/project-map/context-menu/context-menu.component.ts

@@ -22,7 +22,7 @@ export class ContextMenuComponent implements OnInit {
   @Input() project: Project;
   @Input() server: Server;
 
-  @ViewChild(MatMenuTrigger, {static: false}) contextMenu: MatMenuTrigger;
+  @ViewChild(MatMenuTrigger) contextMenu: MatMenuTrigger;
 
   topPosition;
   leftPosition;

src/app/components/project-map/draw-link-tool/draw-link-tool.component.ts

@@ -19,7 +19,7 @@ import { NodeToMapNodeConverter } from '../../../cartography/converters/map/node
 })
 export class DrawLinkToolComponent implements OnInit, OnDestroy {
   @Input() links: Link[];
-  @ViewChild(NodeSelectInterfaceComponent, {static: false}) nodeSelectInterfaceMenu: NodeSelectInterfaceComponent;
+  @ViewChild(NodeSelectInterfaceComponent) nodeSelectInterfaceMenu: NodeSelectInterfaceComponent;
 
   private nodeClicked$: Subscription;
 

src/app/components/project-map/log-console/log-console.component.ts

@@ -28,7 +28,7 @@ export class LogConsoleComponent implements OnInit, AfterViewInit, OnDestroy {
     @Input() server: Server;
     @Input() project: Project;
 
-    @ViewChild('console', {static: false}) console: ElementRef;
+    @ViewChild('console') console: ElementRef;
 
     private version = version;
     private nodeSubscription: Subscription;

src/app/components/project-map/node-editors/configurator/cloud/configurator-cloud.component.ts

@@ -38,7 +38,7 @@ export class ConfiguratorDialogCloudComponent implements OnInit {
     ethernetInterface: string = '';
     ethernetInterfaces: string[] = ['Ethernet 2', 'Ethernet 3'];
 
-    @ViewChild("udpTunnels", {static: false}) udpTunnels: UdpTunnelsComponent;
+    @ViewChild("udpTunnels") udpTunnels: UdpTunnelsComponent;
 
     constructor(
         public dialogRef: MatDialogRef<ConfiguratorDialogCloudComponent>,

src/app/components/project-map/node-editors/configurator/ethernet-switch/configurator-ethernet-switch.component.ts

@@ -15,7 +15,7 @@ import { PortsComponent } from '../../../../../components/preferences/common/por
     styleUrls: ['../configurator.component.scss']
 })
 export class ConfiguratorDialogEthernetSwitchComponent implements OnInit {
-    @ViewChild(PortsComponent, {static: false}) portsComponent: PortsComponent;
+    @ViewChild(PortsComponent) portsComponent: PortsComponent;
     server: Server;
     node: Node;
     name: string;

src/app/components/project-map/node-editors/configurator/qemu/configurator-qemu.component.ts

@@ -40,7 +40,7 @@ export class ConfiguratorDialogQemuComponent implements OnInit {
     };
     dialogRefQemuImageCreator;
 
-    @ViewChild("customAdapters", {static: false}) customAdapters: CustomAdaptersTableComponent;
+    @ViewChild("customAdapters") customAdapters: CustomAdaptersTableComponent;
 
     constructor(
         private dialog: MatDialog,

src/app/components/project-map/node-editors/configurator/virtualbox/configurator-virtualbox.component.ts

@@ -25,7 +25,7 @@ export class ConfiguratorDialogVirtualBoxComponent implements OnInit {
     displayedColumns: string[] = ['adapter_number', 'port_name', 'adapter_type', 'actions'];
     networkTypes = [];
 
-    @ViewChild("customAdapters", {static: false}) customAdapters: CustomAdaptersTableComponent;
+    @ViewChild("customAdapters") customAdapters: CustomAdaptersTableComponent;
 
     constructor(
         public dialogRef: MatDialogRef<ConfiguratorDialogVirtualBoxComponent>,

src/app/components/project-map/node-editors/configurator/vmware/configurator-vmware.component.ts

@@ -25,7 +25,7 @@ export class ConfiguratorDialogVmwareComponent implements OnInit {
     displayedColumns: string[] = ['adapter_number', 'port_name', 'adapter_type', 'actions'];
     networkTypes = [];
 
-    @ViewChild("customAdapters", {static: false}) customAdapters: CustomAdaptersTableComponent;
+    @ViewChild("customAdapters") customAdapters: CustomAdaptersTableComponent;
 
     constructor(
         public dialogRef: MatDialogRef<ConfiguratorDialogVmwareComponent>,

src/app/components/project-map/node-select-interface/node-select-interface.component.ts

@@ -15,7 +15,7 @@ export class NodeSelectInterfaceComponent implements OnInit {
   @Input() links: Link[];
   @Output() onChooseInterface = new EventEmitter<any>();
 
-  @ViewChild(MatMenuTrigger, {static: false}) contextMenu: MatMenuTrigger;
+  @ViewChild(MatMenuTrigger) contextMenu: MatMenuTrigger;
 
   protected topPosition;
   protected leftPosition;

src/app/components/project-map/project-map.component.ts

@@ -109,9 +109,9 @@ export class ProjectMapComponent implements OnInit, OnDestroy {
   private scrollEnabled: boolean = false;
   public isLightThemeEnabled: boolean = false;
 
-  @ViewChild(ContextMenuComponent, {static: false}) contextMenu: ContextMenuComponent;
+  @ViewChild(ContextMenuComponent) contextMenu: ContextMenuComponent;
-  @ViewChild(D3MapComponent, {static: false}) mapChild: D3MapComponent;
+  @ViewChild(D3MapComponent) mapChild: D3MapComponent;
-  @ViewChild(ProjectMapMenuComponent, {static: false}) projectMapMenuComponent: ProjectMapMenuComponent;
+  @ViewChild(ProjectMapMenuComponent) projectMapMenuComponent: ProjectMapMenuComponent;
 
   private projectMapSubscription: Subscription =  new Subscription();
 

src/app/components/project-map/web-console/web-console.component.ts

@@ -23,7 +23,7 @@ export class WebConsoleComponent implements OnInit, AfterViewInit {
     public fitAddon: FitAddon = new FitAddon();
     private copiedText: string = '';
 
-    @ViewChild('terminal', {static: false}) terminal: ElementRef;
+    @ViewChild('terminal') terminal: ElementRef;
 
     constructor(
         private consoleService: NodeConsoleService

src/app/components/web-console-full-window/web-console-full-window.component.ts

@@ -30,7 +30,7 @@ export class WebConsoleFullWindowComponent implements OnInit {
     public term: Terminal = new Terminal();
     public fitAddon: FitAddon = new FitAddon();
 
-    @ViewChild('terminal', {static: false}) terminal: ElementRef;
+    @ViewChild('terminal') terminal: ElementRef;
 
     constructor(
         private consoleService: NodeConsoleService,

src/tsconfig.app.json

@@ -1,14 +1,13 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "module": "es2015",
     "types": []
   },
-  "exclude": [
+  "files": [
-    "test.ts",
+    "main.ts",
-    "**/*.spec.ts"
+    "polyfills.ts"
   ],
   "include": [
     "../src/**/*",

src/tsconfig.spec.json

@@ -1,9 +1,8 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
     "baseUrl": "./",
-    "module": "commonjs",
     "target": "es5",
     "types": [
       "jasmine",

tsconfig.base.json

@@ -0,0 +1,30 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "es5",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    // below is fix for angular-cli to support core-js >= 3.0
+    "paths": {
+      "core-js/es7/reflect": ["../node_modules/core-js/proposals/reflect-metadata"],
+      "core-js/es6/*": ["../node_modules/core-js/es/*"]
+    },
+    "lib": [
+      "es2018",
+      "dom"
+    ],
+  },
+  "include": [
+    "./src/**/*",
+  ]
+}

tsconfig.json

@@ -1,30 +1,17 @@
+/*
+  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
+  It is not intended to be used to perform a compilation.
+
+  To learn more about this file see: https://angular.io/config/solution-tsconfig.
+*/
 {
-  "compileOnSave": false,
+  "files": [],
-  "compilerOptions": {
+  "references": [
-    "baseUrl": "./",
+    {
-    "outDir": "./dist/out-tsc",
+      "path": "./src/tsconfig.app.json"
-    "sourceMap": true,
-    "declaration": false,
-    "module": "es2015",
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    // below is fix for angular-cli to support core-js >= 3.0
-    "paths": {
-      "core-js/es7/reflect": ["../node_modules/core-js/proposals/reflect-metadata"],
-      "core-js/es6/*": ["../node_modules/core-js/es/*"]
     },
-    "lib": [
+    {
-      "es2018",
+      "path": "./src/tsconfig.spec.json"
-      "dom"
+    }
-    ],
-  },
-  "include": [
-    "./src/**/*",
   ]
-}
+}

tslint.json

@@ -11,6 +11,9 @@
       "check-space"
     ],
     "curly": true,
+    "deprecation": {
+      "severity": "warning"
+    },
     "eofline": true,
     "forin": true,
     "import-blacklist": [
@@ -68,7 +71,6 @@
     "no-trailing-whitespace": false,
     "no-unnecessary-initializer": true,
     "no-unused-expression": true,
-    "no-use-before-declare": true,
     "no-var-keyword": true,
     "object-literal-sort-keys": false,
     "one-line": [