Angular 21.1 #11932

Author: PowerKiKi

package.json

@@ -22,15 +22,15 @@
     },
     "private": true,
     "dependencies": {
-        "@angular/cdk": "^20.2.10",
-        "@angular/common": "^20.3.7",
-        "@angular/compiler": "^20.3.7",
-        "@angular/core": "^20.3.7",
-        "@angular/forms": "^20.3.7",
-        "@angular/localize": "^20.3.7",
-        "@angular/material": "^20.2.10",
-        "@angular/platform-browser": "^20.3.7",
-        "@angular/router": "^20.3.7",
+        "@angular/cdk": "^21.1.1",
+        "@angular/common": "^21.1.1",
+        "@angular/compiler": "^21.1.1",
+        "@angular/core": "^21.1.1",
+        "@angular/forms": "^21.1.1",
+        "@angular/localize": "^21.1.1",
+        "@angular/material": "^21.1.1",
+        "@angular/platform-browser": "^21.1.1",
+        "@angular/router": "^21.1.1",
         "@apollo/client": "^3.13.7",
         "@ecodev/natural-layout": "^2.0.2",
         "@graphql-tools/mock": "^9.0.25",
@@ -57,14 +57,14 @@
         "zone.js": "~0.15.1"
     },
     "devDependencies": {
-        "@angular/build": "^20.3.7",
-        "@angular/cli": "^20.3.7",
-        "@angular/compiler-cli": "^20.3.7",
-        "@angular/language-service": "^20.3.7",
+        "@angular/build": "^21.1.1",
+        "@angular/cli": "^21.1.1",
+        "@angular/compiler-cli": "^21.1.1",
+        "@angular/language-service": "^21.1.1",
         "@playwright/test": "^1.55.0",
         "@types/jasmine": "~5.1.9",
         "@types/node": "^22.14.1",
-        "angular-eslint": "^20.2.0",
+        "angular-eslint": "^21.1.0",
         "eslint": "^9.24.0",
         "jasmine-core": "~5.10.0",
         "jasmine-spec-reporter": "~7.0.0",
@@ -73,7 +73,7 @@
         "karma-coverage": "^2.2.1",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "^2.1.0",
-        "ng-packagr": "^20.3.0",
+        "ng-packagr": "^21.1.0",
         "postcss": "^8.5.6",
         "prettier": "3.6.2",
         "prettier-plugin-css-order": "^2.1.2",

projects/natural-editor/tsconfig.lib.json

@@ -5,8 +5,7 @@
         "outDir": "../../out-tsc/lib",
         "declaration": true,
         "declarationMap": true,
-        "inlineSources": true,
-        "lib": ["dom", "ES2022"]
+        "inlineSources": true
     },
     "exclude": ["**/*.spec.ts"]
 }

projects/natural/src/lib/directives/http-prefix.directive.ts

@@ -25,7 +25,7 @@ export function ensureHttpPrefix(value: string | null): string | null {
 @Directive({
     selector: '[naturalHttpPrefix]',
     host: {
-        '(ngModelChange)': 'httpize($event)',
+        '(ngModelChange)': 'httpize($any($event))',
     },
 })
 export class NaturalHttpPrefixDirective {

projects/natural/tsconfig.lib.json

@@ -5,7 +5,6 @@
         "declaration": true,
         "inlineSources": true,
         "types": [],
-        "lib": ["dom", "ES2022"],
         "declarationMap": true
     },
     "angularCompilerOptions": {

src/app/list/list.component.spec.ts

@@ -70,14 +70,13 @@ describe('Demo ListComponent', () => {
         }).compileComponents();
     });
 
-    // eslint-disable-next-line @typescript-eslint/require-await
     beforeEach(async () => {
         fixture = TestBed.createComponent(ListComponent);
         component = fixture.componentInstance;
 
         router = TestBed.inject(Router);
         persistenceService = TestBed.inject(NaturalPersistenceService);
-        router.navigateByUrl('/my/home;cat=123/list-a;dog=456');
+        await router.navigateByUrl('/my/home;cat=123/list-a;dog=456');
     });
 
     it('should be created', () => {

tsconfig.json

@@ -16,7 +16,6 @@
         "skipLibCheck": true,
         "isolatedModules": true,
         "typeRoots": ["node_modules/@types"],
-        "lib": ["ES2022", "dom"],
         "paths": {
             "@ecodev/natural": ["projects/natural/src/public-api"],
             "@ecodev/natural-editor": ["projects/natural-editor/src/public-api"]