Update packages

package.json

@@ -9,38 +9,37 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^6.0.2",
-    "@angular/common": "^6.0.2",
-    "@angular/compiler": "^6.0.2",
-    "@angular/core": "^6.0.2",
-    "@angular/forms": "^6.0.2",
-    "@angular/http": "^6.0.2",
-    "@angular/platform-browser": "^6.0.2",
-    "@angular/platform-browser-dynamic": "^6.0.2",
-    "@angular/router": "^6.0.2",
-    "@ng-bootstrap/ng-bootstrap": "^2.0.0",
-    "bootstrap": "^4.0.0",
+    "@angular/animations": "^7.2.15",
+    "@angular/common": "^7.2.15",
+    "@angular/compiler": "^7.2.15",
+    "@angular/core": "^7.2.15",
+    "@angular/forms": "^7.2.15",
+    "@angular/http": "^7.2.15",
+    "@angular/platform-browser": "^7.2.15",
+    "@angular/platform-browser-dynamic": "^7.2.15",
+    "@angular/router": "^7.2.15",
+    "@ng-bootstrap/ng-bootstrap": "^4.1.2",
+    "bootstrap": "^4.3.1",
     "classlist.js": "^1.1.20150312",
     "core-js": "^2.5.4",
-    "ngx-monaco-editor": "^6.0.0",
-    "node-sass": "^4.7.2",
-    "rxjs": "^6.0.0",
-    "rxjs-compat": "^6.1.0",
+    "ngx-monaco-editor": "^7.0.0",
+    "node-sass": "^4.12.0",
+    "rxjs": "^6.5.2",
     "rxjs-websockets": "^6.0.1",
     "showdown": "^1.8.5",
-    "xterm": "^3.4.1",
-    "zone.js": "^0.8.26"
+    "xterm": "^3.13.0",
+    "zone.js": "~0.8.26"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.6.3",
-    "@angular/cli": "^6.0.3",
-    "@angular/compiler-cli": "^6.0.2",
-    "@angular/language-service": "^6.0.2",
-    "@types/node": "~8.9.4",
-    "@types/showdown": "^1.7.2",
-    "codelyzer": "~4.2.1",
-    "ts-node": "~5.0.1",
-    "tslint": "^5.10.0",
-    "typescript": "~2.7.2"
+    "@angular-devkit/build-angular": "^0.13.9",
+    "@angular/cli": "^7.3.9",
+    "@angular/compiler-cli": "^7.2.15",
+    "@angular/language-service": "^7.2.15",
+    "@types/node": "^12.0.0",
+    "@types/showdown": "^1.9.2",
+    "codelyzer": "~5.1.0",
+    "ts-node": "^8.1.0",
+    "tslint": "^5.16.0",
+    "typescript": "3.1.6"
   }
 }

src/app/ide/ide.component.scss

@@ -4,8 +4,7 @@
 @import "../../assets/scss/variables.scss";
 
 .tfw-grid-ide-statusbar {
-  display: grid;
-  grid-template-columns: 8fr 1fr;
+  display: flex;
   background-color: #353535;
 }
 
@@ -37,15 +36,21 @@
 
 .tfw-deploy-btn-group {
   display: flex;
-  justify-content: flex-end;  
+  justify-content: flex-end;
+  flex-grow: 1;
 
   .tfw-deploy-btn {
     background: $tao-bright-green-200;
     padding: 0.3em 0.7em 0.7em 1.5em;
-    border-radius: 0;
-    border-bottom-left-radius: 2.2em;
+    border-radius: 0 0 0 2.2em;
     color: black;
 
+    &:first-child {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
     img {
       padding-right: 0.5em;
       position: relative;
@@ -72,9 +77,8 @@
 
 
     .loader {
-      border: 2px solid $tao-warm-yellow-600;
       border-radius: 50%;
-      border-top: 2px solid $tao-warm-yellow-200;
+      border: 2px solid;
       width: 15px;
       height: 15px;
       animation: spin 2s linear infinite;

src/tsconfig.app.json

@@ -1,10 +1,16 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
+    "paths": {
+      "*": [
+        "types/*"
+      ]
+    },
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "module": "es2015",
-    "types": []
+    "module": "esNext",
+    "types": [],
+    "resolveJsonModule": true
   },
   "exclude": [
     "test.ts",

tsconfig.json

@@ -8,6 +8,7 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "target": "es5",
+    "module": "esNext",
     "typeRoots": [
       "node_modules/@types"
     ],