upgraded to Angular 15

Author: ismcagdas

angular/.gitignore

@@ -42,3 +42,5 @@ testem.log
 #System Files
 .DS_Store
 Thumbs.db
+
+.angular

angular/package.json

@@ -13,14 +13,14 @@
     "test": "ng test"
   },
   "dependencies": {
-    "@angular/animations": "^14.2.12",
-    "@angular/common": "^14.2.12",
-    "@angular/compiler": "^14.2.12",
-    "@angular/core": "^14.2.12",
-    "@angular/forms": "^14.2.12",
-    "@angular/platform-browser": "^14.2.12",
-    "@angular/platform-browser-dynamic": "^14.2.12",
-    "@angular/router": "^14.2.12",
+    "@angular/animations": "^15.0.3",
+    "@angular/common": "^15.0.3",
+    "@angular/compiler": "^15.0.3",
+    "@angular/core": "^15.0.3",
+    "@angular/forms": "^15.0.3",
+    "@angular/platform-browser": "^15.0.3",
+    "@angular/platform-browser-dynamic": "^15.0.3",
+    "@angular/router": "^15.0.3",
     "@aspnet/signalr": "^1.1.4",
     "@fortawesome/fontawesome-free": "^5.15.3",
     "abp-ng2-module": "7.2.0",
@@ -41,9 +41,9 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.2.10",
-    "@angular/cli": "^14.2.10",
-    "@angular/compiler-cli": "^14.2.12",
+    "@angular-devkit/build-angular": "^15.0.3",
+    "@angular/cli": "^15.0.3",
+    "@angular/compiler-cli": "^15.0.3",
     "@angularclass/hmr": "^2.1.3",
     "@types/jasmine": "~3.6.0",
     "@types/lodash-es": "^4.17.3",
@@ -62,7 +62,7 @@
     "protractor": "~7.0.0",
     "ts-node": "^8.10.1",
     "tslint": "~6.1.0",
-    "typescript": "4.6.4",
+    "typescript": "4.8.4",
     "webpack-bundle-analyzer": "^3.7.0"
   },
   "angular-cli": {}

angular/src/app-initializer.ts

@@ -35,7 +35,7 @@ export class AppInitializer {
                   const angularLocale = this.convertAbpLocaleToAngularLocale(
                     abp.localization.currentLanguage.name
                   );
-                  import(`@angular/common/locales/${angularLocale}.js`).then(
+                  import(`/node_modules/@angular/common/locales/${angularLocale}.mjs`).then(
                     (module) => {
                       registerLocaleData(module.default);
                       resolve(result);

angular/src/root-routing.module.ts

@@ -16,7 +16,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
+    imports: [RouterModule.forRoot(routes)],
     exports: [RouterModule],
     providers: []
 })

angular/src/test.ts

@@ -14,7 +14,6 @@ import {
 
 // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
 declare var __karma__: any;
-declare var require: any;
 
 // Prevent Karma from running prematurely.
 __karma__.loaded = function () {};
@@ -26,9 +25,5 @@ getTestBed().initTestEnvironment(
     teardown: { destroyAfterEach: false }
 }
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
 // Finally, start Karma to run the tests.
 __karma__.start();

angular/src/tsconfig.app.json

@@ -0,0 +1,5 @@
+{
+    "extends": "./tsconfig.json",
+    "files": ["main.ts", "polyfills.ts"],
+    "include": ["src/**/*.d.ts", "typings.d.ts"]
+  }

angular/src/tsconfig.json

@@ -5,12 +5,12 @@
     "experimentalDecorators": true,
     "lib": [ "es6", "dom" ],
     "mapRoot": "./",
-    "module": "es2020",
+    "module": "esnext",
     "skipLibCheck": true,
     "moduleResolution": "node",
     "outDir": "../dist/out-tsc",
     "sourceMap": true,
-    "target": "es5",
+    "target": "es2015",
     "typeRoots": [
       "../node_modules/@types"
     ],
@@ -19,7 +19,8 @@
       "@abp/*": [ "../node_modules/abp-ng2-module/dist/src/*" ],
       "@app/*": [ "./app/*" ],
       "@shared/*": [ "./shared/*" ],
-      "@node_modules/*": [ "../node_modules/*" ]
+      "@node_modules/*": [ "../node_modules/*" ],
+      "@angular/*": ["../node_modules/@angular/*"],
     }
   },
   "files": [
@@ -29,5 +30,15 @@
   "include": [
     "src/**/*.d.ts",
     "typings.d.ts"
-  ]
+  ],
+  "angularCompilerOptions": {
+    "fullTemplateTypeCheck": true,
+    "strictTemplates": true,
+    "strictInputTypes": false,
+    "strictAttributeTypes": false,
+    "strictOutputEventTypes": false,
+    "strictDomEventTypes": false,
+    "strictLiteralTypes": false,
+    "strictInjectionParameters": false
+  }
 }

angular/src/tsconfig.spec.json

@@ -1,17 +1,5 @@
 {
-    "extends": "./tsconfig.json",
-    "compilerOptions": {
-      "outDir": "./out-tsc/spec",
-      "types": [
-        "jasmine"
-      ]
-    },
-    "files": [
-      "test.ts",
-      "polyfills.ts"
-    ],
-    "include": [
-      "**/*.spec.ts",
-      "**/*.d.ts"
-    ]
-  }
+  "extends": "./tsconfig.json",
+  "files": ["test.ts", "polyfills.ts"],
+  "include": ["src/**/*.d.ts", "typings.d.ts", "src/**/*.spec.ts", "**/*.spec.ts"]
+}

angular/tsconfig.json

@@ -0,0 +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.
+*/
+{
+    "files": [],
+    "references": [
+      {
+        "path": "./src/tsconfig.app.json"
+      },
+      {
+        "path": "./src/tsconfig.spec.json"
+      }
+    ],
+    "include": ["src/**/*.ts"],
+  }