From 88fceab9d6b3920ccc16895634c4bc310d0a6d76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adolfo=20G=C3=B3mez=20Garc=C3=ADa?= <dkmaster@dkmon.com>
Date: Tue, 19 Nov 2024 19:35:16 +0100
Subject: [PATCH] Upgrade Angular dependencies to version 19 and update global
 styles for elevation and background

---
 package.json     | 12 ++++++------
 src/globals.scss |  3 ++-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 6c15156..0d363ea 100644
--- a/package.json
+++ b/package.json
@@ -18,12 +18,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^19.0.0",
-    "@angular/cdk": "^18.2.12",
+    "@angular/cdk": "^19.0.0",
     "@angular/common": "^19.0.0",
     "@angular/compiler": "^19.0.0",
     "@angular/core": "^19.0.0",
     "@angular/forms": "^19.0.0",
-    "@angular/material": "^18.2.12",
+    "@angular/material": "^19.0.0",
     "@angular/platform-browser": "^19.0.0",
     "@angular/platform-browser-dynamic": "^19.0.0",
     "@angular/router": "^19.0.0",
@@ -33,15 +33,15 @@
     "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.11",
-    "@angular-devkit/core": "^18.2.11",
-    "@angular-devkit/schematics": "^18.2.11",
+    "@angular-devkit/build-angular": "^19.0.0",
+    "@angular-devkit/core": "^19.0.0",
+    "@angular-devkit/schematics": "^19.0.0",
     "@angular-eslint/builder": "^18.4.1",
     "@angular-eslint/eslint-plugin": "^18.4.1",
     "@angular-eslint/eslint-plugin-template": "^18.4.1",
     "@angular-eslint/schematics": "18.4.1",
     "@angular-eslint/template-parser": "^18.4.1",
-    "@angular/cli": "^18.2.11",
+    "@angular/cli": "^19.0.0",
     "@angular/compiler-cli": "^19.0.0",
     "@angular/language-service": "^19.0.0",
     "@types/cookieconsent": "^3.1.3",
diff --git a/src/globals.scss b/src/globals.scss
index b1eb346..1e1c0f7 100644
--- a/src/globals.scss
+++ b/src/globals.scss
@@ -1,6 +1,7 @@
 @use '@angular/material' as mat;
 
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 $angular-primary: mat.m2-define-palette(mat.$m2-indigo-palette, 500, 100, 900);
 $angular-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);