completed ng18 migration

angular.json

@@ -15,12 +15,15 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/ngx-data",
+            "outputPath": {
+              "base": "dist/ngx-data"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
+            "polyfills": [
-            "polyfills": "src/polyfills.ts",
+              "src/polyfills.ts"
+            ],
             "tsConfig": "tsconfig.app.json",
             "assets": [
               "src/favicon.ico",
@@ -30,12 +33,11 @@
               "src/styles.scss"
             ],
             "scripts": [],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -50,8 +52,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",

package.json

@@ -13,14 +13,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.12",
+    "@angular/animations": "^18.2.1",
-    "@angular/common": "^17.3.12",
+    "@angular/common": "^18.2.1",
-    "@angular/compiler": "^17.3.12",
+    "@angular/compiler": "^18.2.1",
-    "@angular/core": "^17.3.12",
+    "@angular/core": "^18.2.1",
-    "@angular/forms": "^17.3.12",
+    "@angular/forms": "^18.2.1",
-    "@angular/platform-browser": "^17.3.12",
+    "@angular/platform-browser": "^18.2.1",
-    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/platform-browser-dynamic": "^18.2.1",
-    "@angular/router": "^17.3.12",
+    "@angular/router": "^18.2.1",
     "@poweredsoft/data": "0.0.32",
     "graphql": "^14.5.0",
     "graphql-tag": "^2.10.0",
@@ -29,10 +29,10 @@
     "zone.js": "~0.14.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
+    "@angular-devkit/build-angular": "^18.2.1",
-    "@angular/cli": "^17.3.8",
+    "@angular/cli": "^18.2.1",
-    "@angular/compiler-cli": "^17.3.12",
+    "@angular/compiler-cli": "^18.2.1",
-    "@angular/language-service": "^17.3.12",
+    "@angular/language-service": "^18.2.1",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.1",
@@ -44,11 +44,11 @@
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^17.3.0",
+    "ng-packagr": "^18.2.1",
     "protractor": "~7.0.0",
     "ts-node": "~7.0.0",
     "tslint": "~6.1.0",
-    "typescript": "5.2"
+    "typescript": "5.5.4"
   },
   "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }

src/app/app.module.ts

@@ -3,20 +3,13 @@ import { NgModule } from '@angular/core';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { GraphQLModule } from './graphql.module';
 
-@NgModule({
+@NgModule({ declarations: [
-  declarations: [
         AppComponent
     ],
-  imports: [
+    bootstrap: [AppComponent], imports: [BrowserModule,
-    HttpClientModule,
-    BrowserModule,
         AppRoutingModule,
-    GraphQLModule
+        GraphQLModule], providers: [provideHttpClient(withInterceptorsFromDi())] })
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
 export class AppModule { }

tsconfig.json

@@ -4,8 +4,8 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
+    "esModuleInterop": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "module": "esnext",
     "moduleResolution": "node",