[CL-506] Upgrade to Angular 18 (#12218)

apps/web/src/app/app.module.ts

@@ -3,7 +3,7 @@ import { LayoutModule } from "@angular/cdk/layout";
 import { NgModule } from "@angular/core";
 import { FormsModule } from "@angular/forms";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
-import { InfiniteScrollModule } from "ngx-infinite-scroll";
+import { InfiniteScrollDirective } from "ngx-infinite-scroll";
 
 import { AppComponent } from "./app.component";
 import { CoreModule } from "./core";
@@ -23,7 +23,7 @@ import { WildcardRoutingModule } from "./wildcard-routing.module";
     BrowserAnimationsModule,
     FormsModule,
     CoreModule,
-    InfiniteScrollModule,
+    InfiniteScrollDirective,
     DragDropModule,
     LayoutModule,
     OssRoutingModule,

apps/web/src/app/shared/shared.module.ts

@@ -3,7 +3,7 @@ import { CommonModule, DatePipe } from "@angular/common";
 import { NgModule } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { RouterModule } from "@angular/router";
-import { InfiniteScrollModule } from "ngx-infinite-scroll";
+import { InfiniteScrollDirective } from "ngx-infinite-scroll";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
 import {
@@ -49,7 +49,7 @@ import "./locales";
     DragDropModule,
     FormsModule,
     ReactiveFormsModule,
-    InfiniteScrollModule,
+    InfiniteScrollDirective,
     RouterModule,
     JslibModule,
 
@@ -86,7 +86,7 @@ import "./locales";
     DragDropModule,
     FormsModule,
     ReactiveFormsModule,
-    InfiniteScrollModule,
+    InfiniteScrollDirective,
     RouterModule,
     JslibModule,
 

apps/web/webpack.config.js

@@ -256,7 +256,7 @@ const devServer =
                   'sha256-JVRXyYPueLWdwGwY9m/7u4QlZ1xeQdqUj2t8OVIzZE4='
                   'sha256-or0p3LaHetJ4FRq+flVORVFFNsOjQGWrDvX8Jf7ACWg='
                   'sha256-jvLh2uL2/Pq/gpvNJMaEL4C+TNhBeGadLIUyPcVRZvY='
-                  'sha256-Oca9ZYU1dwNscIhdNV7tFBsr4oqagBhZx9/p4w8GOcg='
+                  'sha256-VZTcMoTEw3nbAHejvqlyyRm1Mdx+DVNgyKANjpWw0qg='
                 ;img-src
                   'self'
                   data:

bitwarden_license/bit-web/src/app/app.module.ts

@@ -4,7 +4,7 @@ import { NgModule } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { RouterModule } from "@angular/router";
-import { InfiniteScrollModule } from "ngx-infinite-scroll";
+import { InfiniteScrollDirective } from "ngx-infinite-scroll";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
 import { CoreModule } from "@bitwarden/web-vault/app/core";
@@ -37,7 +37,7 @@ import { AccessIntelligenceModule } from "./tools/access-intelligence/access-int
     FormsModule,
     ReactiveFormsModule,
     CoreModule,
-    InfiniteScrollModule,
+    InfiniteScrollDirective,
     DragDropModule,
     AppRoutingModule,
     OssRoutingModule,

package.json

@@ -35,20 +35,20 @@
     "libs/*"
   ],
   "devDependencies": {
-    "@angular-devkit/build-angular": "17.3.11",
+    "@angular-devkit/build-angular": "18.2.12",
-    "@angular-eslint/eslint-plugin": "17.5.3",
+    "@angular-eslint/eslint-plugin": "18.4.3",
-    "@angular-eslint/eslint-plugin-template": "17.5.3",
+    "@angular-eslint/eslint-plugin-template": "18.4.3",
-    "@angular-eslint/schematics": "17.5.3",
+    "@angular-eslint/schematics": "18.4.3",
-    "@angular-eslint/template-parser": "17.5.3",
+    "@angular-eslint/template-parser": "18.4.3",
-    "@angular/cli": "17.3.11",
+    "@angular/cli": "18.2.12",
-    "@angular/compiler-cli": "17.3.12",
+    "@angular/compiler-cli": "18.2.13",
-    "@angular/elements": "17.3.12",
+    "@angular/elements": "18.2.13",
     "@babel/core": "7.24.9",
     "@babel/preset-env": "7.24.8",
     "@compodoc/compodoc": "1.1.26",
     "@electron/notarize": "2.5.0",
     "@electron/rebuild": "3.7.1",
-    "@ngtools/webpack": "17.3.11",
+    "@ngtools/webpack": "18.2.12",
     "@storybook/addon-a11y": "8.4.7",
     "@storybook/addon-actions": "8.4.7",
     "@storybook/addon-designs": "8.0.4",
@@ -145,22 +145,22 @@
     "webpack-node-externals": "3.0.0"
   },
   "dependencies": {
-    "@angular/animations": "17.3.12",
+    "@angular/animations": "18.2.13",
-    "@angular/cdk": "17.3.10",
+    "@angular/cdk": "18.2.14",
-    "@angular/common": "17.3.12",
+    "@angular/common": "18.2.13",
-    "@angular/compiler": "17.3.12",
+    "@angular/compiler": "18.2.13",
-    "@angular/core": "17.3.12",
+    "@angular/core": "18.2.13",
-    "@angular/forms": "17.3.12",
+    "@angular/forms": "18.2.13",
-    "@angular/platform-browser": "17.3.12",
+    "@angular/platform-browser": "18.2.13",
-    "@angular/platform-browser-dynamic": "17.3.12",
+    "@angular/platform-browser-dynamic": "18.2.13",
-    "@angular/router": "17.3.12",
+    "@angular/router": "18.2.13",
     "@bitwarden/sdk-internal": "0.2.0-main.38",
     "@electron/fuses": "1.8.0",
     "@koa/multer": "3.0.2",
     "@koa/router": "13.1.0",
     "@microsoft/signalr": "8.0.7",
     "@microsoft/signalr-protocol-msgpack": "8.0.7",
-    "@ng-select/ng-select": "12.0.7",
+    "@ng-select/ng-select": "13.9.1",
     "argon2": "0.41.1",
     "argon2-browser": "1.18.0",
     "big-integer": "1.6.52",
@@ -183,7 +183,7 @@
     "lowdb": "1.0.0",
     "lunr": "2.3.9",
     "multer": "1.4.5-lts.1",
-    "ngx-infinite-scroll": "17.0.1",
+    "ngx-infinite-scroll": "18.0.0",
     "ngx-toastr": "19.0.0",
     "node-fetch": "2.6.12",
     "node-forge": "1.3.1",