From eae5f0a35e58bc15953d98c2e87ed6a89fc9058a Mon Sep 17 00:00:00 2001
From: Albrecht Lohofener <albrechtloh@gmx.de>
Date: Wed, 25 Jun 2025 08:55:20 +0200
Subject: [PATCH] Update angular/material to 20.0.3

---
 web-frontend/package-lock.json | 30 +++++++++++++++---------------
 web-frontend/package.json      |  4 ++--
 web-frontend/src/styles.scss   |  3 ++-
 3 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/web-frontend/package-lock.json b/web-frontend/package-lock.json
index a4d06bc..f02117d 100644
--- a/web-frontend/package-lock.json
+++ b/web-frontend/package-lock.json
@@ -9,12 +9,12 @@
       "version": "0.0.0",
       "dependencies": {
         "@angular/animations": "^20.0.4",
-        "@angular/cdk": "^19.2.11",
+        "@angular/cdk": "^20.0.3",
         "@angular/common": "^20.0.4",
         "@angular/compiler": "^20.0.4",
         "@angular/core": "^20.0.4",
         "@angular/forms": "^20.0.4",
-        "@angular/material": "^19.2.11",
+        "@angular/material": "^20.0.3",
         "@angular/platform-browser": "^20.0.4",
         "@angular/platform-browser-dynamic": "^20.0.4",
         "@angular/platform-server": "^20.0.4",
@@ -296,17 +296,17 @@
       }
     },
     "node_modules/@angular/cdk": {
-      "version": "19.2.11",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.2.11.tgz",
-      "integrity": "sha512-G568yWIJlnsuS563WxvCofmxc1405+wRQvDGQ32+qWOblJScFkHgr4jeDkZGcyt/r8OudaW0H0/rNeg1dzdnIQ==",
+      "version": "20.0.3",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-20.0.3.tgz",
+      "integrity": "sha512-70KG8GpK4aV9j5hUkpDZJQ6oMgCuaCRY6JX1axPxkNtQaiK6PAmTfQLiGqF2cYhbQneeq3uGvTorAjRfvp8NPQ==",
       "license": "MIT",
       "dependencies": {
         "parse5": "^7.1.2",
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/common": "^19.0.0 || ^20.0.0",
-        "@angular/core": "^19.0.0 || ^20.0.0",
+        "@angular/common": "^20.0.0 || ^21.0.0",
+        "@angular/core": "^20.0.0 || ^21.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
@@ -535,19 +535,19 @@
       }
     },
     "node_modules/@angular/material": {
-      "version": "19.2.11",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.2.11.tgz",
-      "integrity": "sha512-0OWwv55Il25mit7oGTloMeKVi0v/q1tr13wUJj0KJOcvICA6JCEW6VEc9zqYmkMPstDCx96cSJgPKxkHjKYyqg==",
+      "version": "20.0.3",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-20.0.3.tgz",
+      "integrity": "sha512-kd5Mi6gVxcjDs1nfm8GG2rId59SXWQjkiBMqrYuhy2Trpb+zG0vrLClrpoe3JdWqoX4GJagxGwl3VRDBIoP/cw==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
       },
       "peerDependencies": {
-        "@angular/cdk": "19.2.11",
-        "@angular/common": "^19.0.0 || ^20.0.0",
-        "@angular/core": "^19.0.0 || ^20.0.0",
-        "@angular/forms": "^19.0.0 || ^20.0.0",
-        "@angular/platform-browser": "^19.0.0 || ^20.0.0",
+        "@angular/cdk": "20.0.3",
+        "@angular/common": "^20.0.0 || ^21.0.0",
+        "@angular/core": "^20.0.0 || ^21.0.0",
+        "@angular/forms": "^20.0.0 || ^21.0.0",
+        "@angular/platform-browser": "^20.0.0 || ^21.0.0",
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
diff --git a/web-frontend/package.json b/web-frontend/package.json
index 5c86459..85721df 100644
--- a/web-frontend/package.json
+++ b/web-frontend/package.json
@@ -12,12 +12,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^20.0.4",
-    "@angular/cdk": "^19.2.11",
+    "@angular/cdk": "^20.0.3",
     "@angular/common": "^20.0.4",
     "@angular/compiler": "^20.0.4",
     "@angular/core": "^20.0.4",
     "@angular/forms": "^20.0.4",
-    "@angular/material": "^19.2.11",
+    "@angular/material": "^20.0.3",
     "@angular/platform-browser": "^20.0.4",
     "@angular/platform-browser-dynamic": "^20.0.4",
     "@angular/platform-server": "^20.0.4",
diff --git a/web-frontend/src/styles.scss b/web-frontend/src/styles.scss
index 859f5a2..65ff87d 100644
--- a/web-frontend/src/styles.scss
+++ b/web-frontend/src/styles.scss
@@ -2,7 +2,8 @@
 
 @use "@angular/material" as mat;
 
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 // Customize the entire app. Change :root to your selector if you want to scope the styles.
 :root {