Update dependencies

package.json

@@ -40,39 +40,44 @@
     "jointjs": "3.2.0",
     "ts-disposables": "2.2.3"
   },
+  "peerDependencies": {
+    "@angular/core": ">=8.0.0 <11.0.0",
+    "@angular/forms": ">=8.0.0 < 11.0.0",
+    "@angular/common": ">=8.0.0 <11.0.0",
+    "rxjs": ">=6.0.0 <7.0.0"
+  },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.901.10",
-    "@angular-devkit/schematics": "9.1.0",
-    "@angular/animations": "9.1.0",
-    "@angular/common": "9.1.0",
-    "@angular/compiler": "9.1.0",
-    "@angular/compiler-cli": "9.1.0",
-    "@angular/core": "9.1.0",
-    "@angular/forms": "9.1.0",
-    "@angular/cli": "9.1.0",
-    "@angular/platform-browser": "9.1.0",
-    "@angular/platform-browser-dynamic": "9.1.0",
-    "@angular/platform-server": "9.1.0",
+    "@angular-devkit/build-angular": "0.1000.2",
+    "@angular-devkit/schematics": "10.0.2",
+    "@angular/animations": "10.0.2",
+    "@angular/common": "10.0.2",
+    "@angular/compiler": "10.0.2",
+    "@angular/compiler-cli": "10.0.2",
+    "@angular/core": "10.0.2",
+    "@angular/forms": "10.0.2",
+    "@angular/cli": "10.0.2",
+    "@angular/platform-browser": "10.0.2",
+    "@angular/platform-browser-dynamic": "10.0.2",
+    "@angular/platform-server": "10.0.2",
     "@types/node": "6.0.46",
     "@types/backbone": "1.3.42",
     "@types/codemirror": "0.0.64",
     "@types/jasmine": "2.5.36",
     "@types/jquery": "3.3.32",
     "@types/lodash": "4.14.123",
-    "core-js": "^3.6.4",
     "cpr": "^3.0.1",
     "fibers": "^4.0.2",
     "html-webpack-plugin": "^3.2.0",
     "jshint": "2.10.2",
     "node-sass": "^4.13.1",
-    "ng-packagr": "9.1.0",
-    "ngx-bootstrap": "5.2.0",
+    "ng-packagr": "10.0.1",
+    "ngx-bootstrap": "6.0.0",
     "rimraf": "2.6.1",
     "rxjs": "6.5.4",
     "scss-bundle": "^3.0.2",
     "standard-version": "^8.0.2",
     "tslint": "^6.1.0",
-    "typescript": "3.8.3",
+    "typescript": "3.9.6",
     "zone.js": "0.10.3"
   }
 }

src/demo/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import { Flo } from 'spring-flo';
-import { BsModalService } from 'ngx-bootstrap';
+import { BsModalService } from 'ngx-bootstrap/modal';
 const { Metamodel } = require('./metamodel');
 const { Renderer } = require('./renderer');
 const { Editor } = require('./editor');

src/demo/app/app.module.ts

@@ -2,7 +2,7 @@ import { NgModule }      from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import { FloModule } from 'spring-flo';
-import { ModalModule } from 'ngx-bootstrap';
+import { ModalModule } from 'ngx-bootstrap/modal';
 
 import { PropertiesDialogComponent } from './properties.dialog.component';
 import { AppComponent }  from './app.component';

src/demo/app/editor.ts

@@ -17,7 +17,7 @@
 import { Flo, Constants, Properties } from 'spring-flo';
 import { Validators } from '@angular/forms';
 import { dia, g } from 'jointjs';
-import { BsModalService } from 'ngx-bootstrap';
+import { BsModalService } from 'ngx-bootstrap/modal';
 import { PropertiesDialogComponent } from './properties.dialog.component';
 const joint : any = Flo.joint;
 

src/demo/app/properties.dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, ViewEncapsulation } from '@angular/core';
-import { BsModalRef } from 'ngx-bootstrap';
+import { BsModalRef } from 'ngx-bootstrap/modal';
 import { Properties } from 'spring-flo';
 import { FormGroup } from '@angular/forms';
 

src/lib/shared/flo-common.ts

@@ -254,7 +254,7 @@ export namespace Flo {
     const outer = document.createElement('div');
     outer.style.visibility = 'hidden';
     outer.style.overflow = 'scroll'; // forcing scrollbar to appear
-    outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
+    // outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
     document.body.appendChild(outer);
 
     // Creating inner element and placing it in the container