make it compile to angular 13

Author: Toumash

.gitignore

@@ -1,2 +1,3 @@
 EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams/wwwroot/
-EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/dist
+EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/dist
+EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/.angular

EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/.angular-cli.json

@@ -0,0 +1,54 @@
+{
+    "version": 1,
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "defaultProject": "efd",
+    "projects": {
+        "efd": {
+            "projectType": "application",
+            "root": "src",
+            "sourceRoot": "src",
+            "architect": {
+                "build": {
+                    "builder": "@angular-devkit/build-angular:browser",
+                    "configurations": {
+                        "production": {
+                            "browserTarget": "angular8:build:production"
+                        }
+                    },
+                    "options": {
+                        "outputPath": "../EntityFrameworkCore.Diagrams/wwwroot/db-diagrams",
+                        "index": "src/index.html",
+                        "main": "src/main.ts",
+                        "polyfills": "src/polyfills.ts",
+                        "tsConfig": "tsconfig.json",
+                        "i18nMissingTranslation": "error",
+                        "stylePreprocessorOptions": {
+                            "includePaths": [
+                                "app/shared/styles"
+                            ]
+                        },
+                        "assets": [
+                            "src/assets",
+                            "src/favicon.ico"
+                        ],
+                        "styles": [
+                            "./node_modules/material-design-icons/iconfont/material-icons.css",
+                            "src/styles.scss"
+                        ],
+                        "aot": false,
+                        "buildOptimizer": false,
+                        "optimization": {
+                            "scripts": false,
+                            "styles": false
+                        },
+                        "vendorChunk": true,
+                        "extractLicenses": false,
+                        "sourceMap": true,
+                        "namedChunks": true
+                    }
+                }
+            },
+            "prefix": "efd"
+        }
+    }
+}

EntityFrameworkCore.Diagrams/EntityFrameworkCore.Diagrams.Frontend/angular.json

@@ -1,5 +1,5 @@
-import fs = require('fs');
-import { Observable } from 'rxjs';
+import * as fs from 'fs';
+import { combineLatest, Observable } from 'rxjs';
 
 
 const exec = require('child_process').exec;
@@ -26,8 +26,7 @@ const branch = new Observable<string>(s => {
         });
 });
 
-Observable
-    .combineLatest(revision, branch)
+combineLatest([revision, branch])
     .subscribe(([revision, branch]) => {
         const fields = [
             `version: '${process.env.npm_package_version}'`,
@@ -40,7 +39,7 @@ Observable
         console.log(versionsObj);
 
         const content =
-`// this file is automatically generated by git-version.ts script
+            `// this file is automatically generated by git-version.ts script
 export const versions = ${versionsObj};
 `;