From dd7a88ca3bd06fd71687d8782972e1d071aebcb1 Mon Sep 17 00:00:00 2001
From: Sercan Yemen <117369+srcn@users.noreply.github.com>
Date: Sun, 29 Dec 2024 12:26:50 +0300
Subject: [PATCH] Update to Angular Material v19
---
package-lock.json | 44 ++++++++++++++++++------------------
package.json | 6 ++---
src/@fuse/styles/themes.scss | 3 ++-
3 files changed, 27 insertions(+), 26 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index fc81ceeb..f6a3c6e8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,13 +10,13 @@
"license": "https://themeforest.net/licenses/standard",
"dependencies": {
"@angular/animations": "19.0.5",
- "@angular/cdk": "18.2.14",
+ "@angular/cdk": "19.0.4",
"@angular/common": "19.0.5",
"@angular/compiler": "19.0.5",
"@angular/core": "19.0.5",
"@angular/forms": "19.0.5",
- "@angular/material": "18.2.14",
- "@angular/material-luxon-adapter": "18.2.14",
+ "@angular/material": "19.0.4",
+ "@angular/material-luxon-adapter": "19.0.4",
"@angular/platform-browser": "19.0.5",
"@angular/platform-browser-dynamic": "19.0.5",
"@angular/router": "19.0.5",
@@ -542,9 +542,9 @@
}
},
"node_modules/@angular/cdk": {
- "version": "18.2.14",
- "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.14.tgz",
- "integrity": "sha512-vDyOh1lwjfVk9OqoroZAP8pf3xxKUvyl+TVR8nJxL4c5fOfUFkD7l94HaanqKSRwJcI2xiztuu92IVoHn8T33Q==",
+ "version": "19.0.4",
+ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.0.4.tgz",
+ "integrity": "sha512-P8V1n6AFFjBUJG3YRgw8DiiNDWPZVrwQ42wbwgZxd4s2TQAuNFg3YY8h/DSMVxt2sXpavrshZsoLtP9yLKZjHA==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -553,8 +553,8 @@
"parse5": "^7.1.2"
},
"peerDependencies": {
- "@angular/common": "^18.0.0 || ^19.0.0",
- "@angular/core": "^18.0.0 || ^19.0.0",
+ "@angular/common": "^19.0.0 || ^20.0.0",
+ "@angular/core": "^19.0.0 || ^20.0.0",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
@@ -735,34 +735,34 @@
}
},
"node_modules/@angular/material": {
- "version": "18.2.14",
- "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.2.14.tgz",
- "integrity": "sha512-28pxzJP49Mymt664WnCtPkKeg7kXUsQKTKGf/Kl95rNTEdTJLbnlcc8wV0rT0yQNR7kXgpfBnG7h0ETLv/iu5Q==",
+ "version": "19.0.4",
+ "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.0.4.tgz",
+ "integrity": "sha512-8WRMbN1+oRXx1ZFLni+BRz60F4FWzJPFORsQ8qAvY3sHWzyjunsYZkpbze3uiZO6bu3hiyQCU6g+k/58Qc6kkw==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
},
"peerDependencies": {
- "@angular/animations": "^18.0.0 || ^19.0.0",
- "@angular/cdk": "18.2.14",
- "@angular/common": "^18.0.0 || ^19.0.0",
- "@angular/core": "^18.0.0 || ^19.0.0",
- "@angular/forms": "^18.0.0 || ^19.0.0",
- "@angular/platform-browser": "^18.0.0 || ^19.0.0",
+ "@angular/animations": "^19.0.0 || ^20.0.0",
+ "@angular/cdk": "19.0.4",
+ "@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",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
"node_modules/@angular/material-luxon-adapter": {
- "version": "18.2.14",
- "resolved": "https://registry.npmjs.org/@angular/material-luxon-adapter/-/material-luxon-adapter-18.2.14.tgz",
- "integrity": "sha512-XOvOKOS5zqW+kin/YkVzNHX9p3A7TQIBc9pMJINq/8MerMnh8f2DaI0TD1sIsY5xuP3/nImk1qkTsUYX06c1fQ==",
+ "version": "19.0.4",
+ "resolved": "https://registry.npmjs.org/@angular/material-luxon-adapter/-/material-luxon-adapter-19.0.4.tgz",
+ "integrity": "sha512-RaLfw7WoXt+RC+jeH3f9pqmfKjliZWJZ9EkmV3BRY/GJrsHPGzQ7/Ar+V+RndAna4f0itDg9FeuNSGzZ3WNYuw==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
},
"peerDependencies": {
- "@angular/core": "^18.0.0 || ^19.0.0",
- "@angular/material": "18.2.14",
+ "@angular/core": "^19.0.0 || ^20.0.0",
+ "@angular/material": "19.0.4",
"luxon": "^3.0.0"
}
},
diff --git a/package.json b/package.json
index 049556b1..46dd7f49 100644
--- a/package.json
+++ b/package.json
@@ -14,13 +14,13 @@
},
"dependencies": {
"@angular/animations": "19.0.5",
- "@angular/cdk": "18.2.14",
+ "@angular/cdk": "19.0.4",
"@angular/common": "19.0.5",
"@angular/compiler": "19.0.5",
"@angular/core": "19.0.5",
"@angular/forms": "19.0.5",
- "@angular/material": "18.2.14",
- "@angular/material-luxon-adapter": "18.2.14",
+ "@angular/material": "19.0.4",
+ "@angular/material-luxon-adapter": "19.0.4",
"@angular/platform-browser": "19.0.5",
"@angular/platform-browser-dynamic": "19.0.5",
"@angular/router": "19.0.5",
diff --git a/src/@fuse/styles/themes.scss b/src/@fuse/styles/themes.scss
index b2ca1dc3..4d299074 100644
--- a/src/@fuse/styles/themes.scss
+++ b/src/@fuse/styles/themes.scss
@@ -81,7 +81,8 @@ $dark-base: (
);
/* Include the core Angular Material styles */
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
/* Create a base theme without any color to set the density and typography */
@include mat.all-component-themes(