Upgrade Angular to v18.

simonenkof · Jun 18, 2024 · e4f83b8 · e4f83b8
1 parent 973dda0
commit e4f83b8
Show file tree

Hide file tree

Showing 5 changed files with 2,132 additions and 1,906 deletions.
diff --git a/angular.json b/angular.json
@@ -529,25 +529,6 @@
             "buildTarget": "material-ui-demo:build"
           }
         },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
-            "tsConfig": "projects/material-ui-demo/tsconfig.spec.json",
-            "inlineStyleLanguage": "scss",
-            "assets": [
-              "projects/material-ui-demo/src/favicon.ico",
-              "projects/material-ui-demo/src/assets"
-            ],
-            "styles": [
-              "projects/material-ui-demo/src/styles.scss"
-            ],
-            "scripts": []
-          }
-        },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {

diff --git a/package.json b/package.json
@@ -51,21 +51,21 @@
     "pub:lib:tui-hint": "cd dist/ngx-ui-tour-tui-hint && npm publish"
   },
   "dependencies": {
-    "@angular/animations": "^17.3.11",
-    "@angular/cdk": "^17.3.10",
-    "@angular/common": "^17.3.11",
-    "@angular/core": "^17.3.11",
-    "@angular/forms": "^17.3.11",
-    "@angular/localize": "^17.3.11",
-    "@angular/material": "^17.3.10",
-    "@angular/platform-browser": "^17.3.11",
-    "@angular/platform-browser-dynamic": "^17.3.11",
-    "@angular/router": "^17.3.11",
+    "@angular/animations": "^18.0.3",
+    "@angular/cdk": "^18.0.3",
+    "@angular/common": "^18.0.3",
+    "@angular/core": "^18.0.3",
+    "@angular/forms": "^18.0.3",
+    "@angular/localize": "^18.0.3",
+    "@angular/material": "^18.0.3",
+    "@angular/platform-browser": "^18.0.3",
+    "@angular/platform-browser-dynamic": "^18.0.3",
+    "@angular/router": "^18.0.3",
     "@ionic/angular": "^8.2.2",
     "@ng-bootstrap/ng-bootstrap": "^17.0.0",
-    "@ng-web-apis/common": "^4.0.0",
-    "@ng-web-apis/mutation-observer": "^4.0.0",
-    "@ng-web-apis/resize-observer": "^4.0.0",
+    "@ng-web-apis/common": "^3.0.6",
+    "@ng-web-apis/mutation-observer": "^3.1.0",
+    "@ng-web-apis/resize-observer": "^3.0.6",
     "@popperjs/core": "^2.11.8",
     "@taiga-ui/addon-doc": "^3.84.0",
     "@taiga-ui/addon-mobile": "^3.84.0",
@@ -84,25 +84,28 @@
   },
   "devDependencies": {
     "@angular-builders/jest": "^18.0.0",
-    "@angular-devkit/build-angular": "^17.3.8",
+    "@angular-devkit/build-angular": "^18.0.4",
+    "@angular-devkit/core": "^18.0.4",
+    "@angular-devkit/schematics": "^18.0.4",
     "@angular-eslint/builder": "^18.0.1",
     "@angular-eslint/eslint-plugin": "^18.0.1",
     "@angular-eslint/eslint-plugin-template": "^18.0.1",
     "@angular-eslint/schematics": "^18.0.1",
     "@angular-eslint/template-parser": "^18.0.1",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler": "^17.3.11",
-    "@angular/compiler-cli": "^17.3.11",
+    "@angular/cli": "^18.0.4",
+    "@angular/compiler": "^18.0.3",
+    "@angular/compiler-cli": "^18.0.3",
     "@nx/nx-win32-x64-msvc": "^19.3.0",
     "@types/express": "^4.17.21",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.14.5",
     "@typescript-eslint/eslint-plugin": "^7.13.1",
     "@typescript-eslint/parser": "^7.13.1",
+    "@typescript-eslint/utils": "^7.13.1",
     "eslint": "^8.57.0",
     "gh-pages": "^6.1.1",
     "jest": "^29.7.0",
-    "ng-packagr": "^17.3.0",
+    "ng-packagr": "^18.0.0",
     "raw-loader": "^4.0.2",
     "shx": "^0.3.4",
     "ts-node": "^10.9.2",

diff --git a/src/app/app.providers.ts b/src/app/app.providers.ts
@@ -5,7 +5,7 @@ import {LocationStrategy, PathLocationStrategy} from '@angular/common';
 import {pages} from './pages';
 import {TUI_ANIMATIONS_DURATION} from '@taiga-ui/core';
 import {LOGO_CONTENT} from './shared/logo/logo.component';
-import {EnvironmentProviders, InjectionToken, Provider, provideZoneChangeDetection} from '@angular/core';
+import {EnvironmentProviders, InjectionToken, Provider} from '@angular/core';
 import {
     PreloadAllModules,
     provideRouter,
@@ -73,9 +73,6 @@ export const APP_PROVIDERS: (Provider | EnvironmentProviders)[] = [
         provide: DELAY_AFTER_NAVIGATION,
         useValue: 150
     },
-    provideZoneChangeDetection({
-        eventCoalescing: true
-    }),
     provideAnimations(),
     provideRouter(ROUTES,
         withEnabledBlockingInitialNavigation(),

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,17 +1,16 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
-    "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
+    "esModuleInterop": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "useDefineForClassFields": false,
     "strictNullChecks": false,
     "baseUrl": "./",
-    "downlevelIteration": true,
     "importHelpers": true,
     "outDir": "./dist/out-tsc",
     "sourceMap": true,