chor(): Upgrade ng18

Author: dimpu

apps/ngx-md-demo/src/app/app.module.ts

@@ -19,25 +19,22 @@ import { TablesComponent } from './tables/tables.component';
 import { PathComponent } from './path/path.component';
 import { VariableBindComponent } from './variable-bind/variable-bind.component';
 import { TodoComponent } from './todo/todo.component';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { AppRoutingModule } from './app.router.module';
 
-@NgModule({
-  declarations: [
-    AppComponent,
-    HomeComponent,
-    TablesComponent,
-    PathComponent,
-    VariableBindComponent,
-    TodoComponent,
-  ],
-  imports: [
-    HttpClientModule,
-    BrowserModule,
-    FormsModule,
-    NgxMdModule.forRoot(),
-    AppRoutingModule,
-  ],
-  bootstrap: [AppComponent],
-})
+@NgModule({ declarations: [
+        AppComponent,
+        HomeComponent,
+        TablesComponent,
+        PathComponent,
+        VariableBindComponent,
+        TodoComponent,
+    ],
+    bootstrap: [AppComponent], 
+    imports: [
+        BrowserModule,
+        FormsModule,
+        NgxMdModule.forRoot(),
+        AppRoutingModule], 
+        providers: [provideHttpClient(withInterceptorsFromDi())] })
 export class AppModule {}

apps/ngx-md-demo/src/app/path/path.component.spec.ts

@@ -2,17 +2,18 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { PathComponent } from './path.component';
 import { NgxMdModule } from 'libs/ngx-md/src';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('PathComponent', () => {
   let component: PathComponent;
   let fixture: ComponentFixture<PathComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [PathComponent],
-      imports: [NgxMdModule.forRoot(), HttpClientModule],
-    }).compileComponents();
+    declarations: [PathComponent],
+    imports: [NgxMdModule.forRoot()],
+    providers: [provideHttpClient(withInterceptorsFromDi())]
+}).compileComponents();
   }));
 
   beforeEach(() => {

apps/ngx-md-demo/src/app/tables/tables.component.spec.ts

@@ -2,17 +2,18 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TablesComponent } from './tables.component';
 import { NgxMdModule } from 'libs/ngx-md/src';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('TablesComponent', () => {
   let component: TablesComponent;
   let fixture: ComponentFixture<TablesComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [TablesComponent],
-      imports: [NgxMdModule.forRoot(), HttpClientModule],
-    }).compileComponents();
+    declarations: [TablesComponent],
+    imports: [NgxMdModule.forRoot()],
+    providers: [provideHttpClient(withInterceptorsFromDi())]
+}).compileComponents();
   }));
 
   beforeEach(() => {

apps/ngx-md-demo/src/app/todo/todo.component.spec.ts

@@ -2,17 +2,18 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TodoComponent } from './todo.component';
 import { NgxMdModule } from 'libs/ngx-md/src';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('TodoComponent', () => {
   let component: TodoComponent;
   let fixture: ComponentFixture<TodoComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [TodoComponent],
-      imports: [NgxMdModule.forRoot(), HttpClientModule],
-    }).compileComponents();
+    declarations: [TodoComponent],
+    imports: [NgxMdModule.forRoot()],
+    providers: [provideHttpClient(withInterceptorsFromDi())]
+}).compileComponents();
   }));
 
   beforeEach(() => {

apps/ngx-md-demo/src/app/variable-bind/variable-bind.component.spec.ts

@@ -3,22 +3,20 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { VariableBindComponent } from './variable-bind.component';
 import { NgxMdModule } from 'libs/ngx-md/src';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('VariableBindComponent', () => {
   let component: VariableBindComponent;
   let fixture: ComponentFixture<VariableBindComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [VariableBindComponent],
-      imports: [
-        NgxMdModule.forRoot(),
-        HttpClientModule,
+    declarations: [VariableBindComponent],
+    imports: [NgxMdModule.forRoot(),
         FormsModule,
-        ReactiveFormsModule,
-      ],
-    }).compileComponents();
+        ReactiveFormsModule],
+    providers: [provideHttpClient(withInterceptorsFromDi())]
+}).compileComponents();
   }));
 
   beforeEach(() => {

package.json

@@ -43,14 +43,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.12",
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/forms": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
-    "@angular/router": "^17.3.12",
+    "@angular/animations": "^18.2.7",
+    "@angular/common": "^18.2.7",
+    "@angular/compiler": "^18.2.7",
+    "@angular/core": "^18.2.7",
+    "@angular/forms": "^18.2.7",
+    "@angular/platform-browser": "^18.2.7",
+    "@angular/platform-browser-dynamic": "^18.2.7",
+    "@angular/router": "^18.2.7",
     "@types/he": "^1.1.2",
     "@types/marked": "^4.0.3",
     "he": "^1.2.0",
@@ -61,9 +61,9 @@
     "zone.js": "^0.14.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.10",
-    "@angular/cli": "^17.3.10",
-    "@angular/compiler-cli": "^17.3.12",
+    "@angular-devkit/build-angular": "^18.2.7",
+    "@angular/cli": "^18.2.7",
+    "@angular/compiler-cli": "^18.2.7",
     "@types/jasmine": "~4.0.0",
     "@types/prismjs": "^1.26.0",
     "gh-pages": "^4.0.0",
@@ -73,7 +73,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "ng-packagr": "^17.3.0",
+    "ng-packagr": "^18.2.1",
     "typescript": "^5.4.5"
   },
   "auto": {

projects/ngx-md/src/lib/ngx-md.service.spec.ts

@@ -1,10 +1,7 @@
 import { TestBed, inject, waitForAsync } from '@angular/core/testing';
-import { HttpClient } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
-import {
-  HttpClientTestingModule,
-  HttpTestingController,
-} from '@angular/common/http/testing';
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
 import { NgxMdService } from './ngx-md.service';
 import { Type } from '@angular/core';
 
@@ -15,9 +12,9 @@ describe('NgxMdService', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-    imports: [HttpClientTestingModule],
-    providers: [NgxMdService],
-    teardown: { destroyAfterEach: false }
+    teardown: { destroyAfterEach: false },
+    imports: [],
+    providers: [NgxMdService, provideHttpClient(withInterceptorsFromDi()), provideHttpClientTesting()]
 });
 
     // Inject the http service and test controller for each test