feat(angular): upgrade to angular 21

README.md

@@ -20,6 +20,7 @@ Shows the mapping between the angular version and our lib versions.
 
 | Angular Version | Lib Version                   |
 |-----------------|-------------------------------|
+| `^21`           | `^13`                         |
 | `^20`           | `^11 \|\| ^12`                |
 | `^19`           | `^7 \|\| ^8 \|\| ^9 \|\| ^10` | 
 | `^18`           | `^6`                          | 

apps/styleguide/src/main.ts

@@ -1,3 +1,4 @@
+import { provideZoneChangeDetection } from '@angular/core'
 import { provideHttpClient } from '@angular/common/http'
 import { bootstrapApplication } from '@angular/platform-browser'
 import { provideAnimations } from '@angular/platform-browser/animations'
@@ -11,6 +12,7 @@ import { ROUTES } from './routes/routes.const'
 
 bootstrapApplication(AppComponent, {
   providers: [
+    provideZoneChangeDetection(),
     provideHttpClient(),
     provideAnimations(),
     provideRouter(ROUTES),

lerna.json

@@ -1,10 +1,7 @@
 {
   "useNx": false,
-  "packages": [
-    "libs/*",
-    "apps/*"
-  ],
-  "version": "independent",
+  "packages": ["libs/*", "apps/*"],
+  "version": "13.0.0-pr63.1",
   "command": {
     "version": {
       "allowBranch": "*",

libs/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shiftcode/ngx-components",
-  "version": "12.0.2",
+  "version": "13.0.0-pr63.1",
   "repository": "https://github.com/shiftcode/sc-ng-commons-public",
   "license": "MIT",
   "author": "shiftcode GmbH <team@shiftcode.ch>",
@@ -18,12 +18,12 @@
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^20.0.0",
-    "@angular/cdk": "^20.0.0",
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/forms": "^20.0.0",
-    "@angular/router": "^20.0.0",
+    "@angular/animations": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "@angular/router": "^21.0.0",
     "@shiftcode/logger": "^3.0.0",
     "@shiftcode/ngx-core": "^12.0.0 || ^12.1.0-pr61",
     "rxjs": "^6.5.3 || ^7.4.0"

libs/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shiftcode/ngx-core",
-  "version": "12.1.0",
+  "version": "13.0.0-pr63.1",
   "repository": "https://github.com/shiftcode/sc-ng-commons-public",
   "license": "MIT",
   "author": "shiftcode GmbH <team@shiftcode.ch>",
@@ -19,10 +19,10 @@
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/platform-browser": "^20.0.0",
-    "@angular/router": "^20.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0",
+    "@angular/router": "^21.0.0",
     "@shiftcode/logger": "^3.0.0",
     "@shiftcode/utilities": "^4.0.0",
     "rxjs": "^6.5.3 || ^7.4.0"

libs/core/src/lib/origin/provide-origin-from-env.function.spec.ts

@@ -37,18 +37,18 @@ describe('provideOriginFromEnv', () => {
 
     process.env[ENV_KEY] = 'https://example.valid.com'
 
-    expect(() => TestBed.inject(ORIGIN)).toThrowError(`provideOriginFromEnv can only be used on the server`)
+    expect(() => TestBed.inject(ORIGIN)).toThrow(`provideOriginFromEnv can only be used on the server`)
   })
 
   it('should throw if env var is not defined', () => {
     setup('server')
     delete process.env[ENV_KEY]
-    expect(() => TestBed.inject(ORIGIN)).toThrowError(`Env var ${ENV_KEY} needs to be defined`)
+    expect(() => TestBed.inject(ORIGIN)).toThrow(`Env var ${ENV_KEY} needs to be defined`)
   })
 
   it('should throw if env var is not a valid origin', () => {
     setup('server')
     process.env[ENV_KEY] = 'invalid-origin'
-    expect(() => TestBed.inject(ORIGIN)).toThrowError(`Env var ${ENV_KEY} is not a valid origin: invalid-origin`)
+    expect(() => TestBed.inject(ORIGIN)).toThrow(`Env var ${ENV_KEY} is not a valid origin: invalid-origin`)
   })
 })

libs/core/src/lib/static-utils/rxjs/on-destroy.observable.spec.ts

@@ -45,6 +45,6 @@ describe('onDestroy', () => {
   })
 
   it('throws when not used in injection context', () => {
-    expect(onDestroy).toThrowError()
+    expect(onDestroy).toThrow()
   })
 })