Angular 12 update

src/demo/app/app.component.ts

@@ -25,7 +25,7 @@ export class AppComponent {
   dsl : string;
   dslEditor = false;
 
-  private editorContext : Flo.EditorContext;
+  editorContext: Flo.EditorContext;
 
   paletteSize = 170;
 

src/demo/app/editor.ts

@@ -60,7 +60,7 @@ export class Editor implements Flo.Editor {
       }
     }
 
-    openPropertiesDialog(cell : dia.Cell) {
+    openPropertiesDialog(cell: dia.Cell) {
       let bsModalRef = this.modelService.show(PropertiesDialogComponent);
       let metadata : Flo.ElementMetadata = cell.get('metadata');
       bsModalRef.content.title = `Properties for ${metadata.name.toUpperCase()}`;
@@ -69,11 +69,11 @@ export class Editor implements Flo.Editor {
       bsModalRef.content.propertiesGroupModel = propertiesModel;
     }
 
-    validatePort(context : Flo.EditorContext, view : dia.ElementView, magnet : SVGElement) {
+    validatePort(context: Flo.EditorContext, view : dia.ElementView, magnet : SVGElement) {
       return true;
     }
 
-    validateLink(context : Flo.EditorContext, cellViewS : dia.ElementView, magnetS : SVGElement, cellViewT : dia.ElementView, magnetT : SVGElement, isSource : boolean, linkView : dia.LinkView) {
+    validateLink(context: Flo.EditorContext, cellViewS : dia.ElementView, magnetS : SVGElement, cellViewT : dia.ElementView, magnetT : SVGElement, isSource : boolean, linkView : dia.LinkView) {
       // Prevent linking from input ports.
       if (magnetS && magnetS.getAttribute('port') === 'input') {
         return false;

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

@@ -4,7 +4,7 @@ import { Properties } from 'spring-flo';
 import { FormGroup } from '@angular/forms';
 
 // For JS linting
-import 'jshint';
+// import 'jshint';
 
 @Component({
   selector: 'properties-dialog-content',
@@ -19,7 +19,7 @@ export class PropertiesDialogComponent {
 
   propertiesFormGroup : FormGroup;
 
-  constructor(private bsModalRef: BsModalRef) {
+  constructor(public bsModalRef: BsModalRef) {
     this.propertiesFormGroup = new FormGroup({});
   }
 

src/demo/app/renderer.ts

@@ -427,7 +427,7 @@ export class Renderer implements Flo.Renderer {
           }
         });
 
-        resolve();
+        resolve(undefined);
       });
     }
 

src/lib/package.json

@@ -18,9 +18,9 @@
     "ts-disposables": "2.2.3"
   },
   "peerDependencies": {
-    "@angular/core": ">=10.0.0 <12.0.0",
-    "@angular/forms": ">=10.0.0 < 12.0.0",
-    "@angular/common": ">=10.0.0 <12.0.0",
+    "@angular/core": ">=11.0.0 <13.0.0",
+    "@angular/forms": ">=11.0.0 < 13.0.0",
+    "@angular/common": ">=11.0.0 <13.0.0",
     "rxjs": ">=6.0.0 <7.0.0"
   },
   "ngPackage": {

src/lib/shared/flo-common.ts

@@ -208,6 +208,7 @@ export namespace Flo {
     validate?(graph: dia.Graph, dsl: string, flo: EditorContext): Promise<Map<string | number, Array<Marker>>>;
     preDelete?(context: EditorContext, deletedElement: dia.Cell): boolean;
     setDefaultContent?(editorContext: EditorContext, data: Map<string, Map<string, ElementMetadata>>): void;
+    openPropertiesDialog(cell: dia.Cell): void;
   }
 
   export function findMagnetByClass(view: dia.CellView, className: string): SVGElement | undefined {