Update to Angular Material v19

This commit is contained in:
Sercan Yemen 2024-12-29 12:26:50 +03:00
parent 6c16c23e17
commit dd7a88ca3b
3 changed files with 27 additions and 26 deletions

44
package-lock.json generated
View File

@ -10,13 +10,13 @@
"license": "https://themeforest.net/licenses/standard", "license": "https://themeforest.net/licenses/standard",
"dependencies": { "dependencies": {
"@angular/animations": "19.0.5", "@angular/animations": "19.0.5",
"@angular/cdk": "18.2.14", "@angular/cdk": "19.0.4",
"@angular/common": "19.0.5", "@angular/common": "19.0.5",
"@angular/compiler": "19.0.5", "@angular/compiler": "19.0.5",
"@angular/core": "19.0.5", "@angular/core": "19.0.5",
"@angular/forms": "19.0.5", "@angular/forms": "19.0.5",
"@angular/material": "18.2.14", "@angular/material": "19.0.4",
"@angular/material-luxon-adapter": "18.2.14", "@angular/material-luxon-adapter": "19.0.4",
"@angular/platform-browser": "19.0.5", "@angular/platform-browser": "19.0.5",
"@angular/platform-browser-dynamic": "19.0.5", "@angular/platform-browser-dynamic": "19.0.5",
"@angular/router": "19.0.5", "@angular/router": "19.0.5",
@ -542,9 +542,9 @@
} }
}, },
"node_modules/@angular/cdk": { "node_modules/@angular/cdk": {
"version": "18.2.14", "version": "19.0.4",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.14.tgz", "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.0.4.tgz",
"integrity": "sha512-vDyOh1lwjfVk9OqoroZAP8pf3xxKUvyl+TVR8nJxL4c5fOfUFkD7l94HaanqKSRwJcI2xiztuu92IVoHn8T33Q==", "integrity": "sha512-P8V1n6AFFjBUJG3YRgw8DiiNDWPZVrwQ42wbwgZxd4s2TQAuNFg3YY8h/DSMVxt2sXpavrshZsoLtP9yLKZjHA==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"tslib": "^2.3.0" "tslib": "^2.3.0"
@ -553,8 +553,8 @@
"parse5": "^7.1.2" "parse5": "^7.1.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/common": "^18.0.0 || ^19.0.0", "@angular/common": "^19.0.0 || ^20.0.0",
"@angular/core": "^18.0.0 || ^19.0.0", "@angular/core": "^19.0.0 || ^20.0.0",
"rxjs": "^6.5.3 || ^7.4.0" "rxjs": "^6.5.3 || ^7.4.0"
} }
}, },
@ -735,34 +735,34 @@
} }
}, },
"node_modules/@angular/material": { "node_modules/@angular/material": {
"version": "18.2.14", "version": "19.0.4",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-18.2.14.tgz", "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.0.4.tgz",
"integrity": "sha512-28pxzJP49Mymt664WnCtPkKeg7kXUsQKTKGf/Kl95rNTEdTJLbnlcc8wV0rT0yQNR7kXgpfBnG7h0ETLv/iu5Q==", "integrity": "sha512-8WRMbN1+oRXx1ZFLni+BRz60F4FWzJPFORsQ8qAvY3sHWzyjunsYZkpbze3uiZO6bu3hiyQCU6g+k/58Qc6kkw==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/animations": "^18.0.0 || ^19.0.0", "@angular/animations": "^19.0.0 || ^20.0.0",
"@angular/cdk": "18.2.14", "@angular/cdk": "19.0.4",
"@angular/common": "^18.0.0 || ^19.0.0", "@angular/common": "^19.0.0 || ^20.0.0",
"@angular/core": "^18.0.0 || ^19.0.0", "@angular/core": "^19.0.0 || ^20.0.0",
"@angular/forms": "^18.0.0 || ^19.0.0", "@angular/forms": "^19.0.0 || ^20.0.0",
"@angular/platform-browser": "^18.0.0 || ^19.0.0", "@angular/platform-browser": "^19.0.0 || ^20.0.0",
"rxjs": "^6.5.3 || ^7.4.0" "rxjs": "^6.5.3 || ^7.4.0"
} }
}, },
"node_modules/@angular/material-luxon-adapter": { "node_modules/@angular/material-luxon-adapter": {
"version": "18.2.14", "version": "19.0.4",
"resolved": "https://registry.npmjs.org/@angular/material-luxon-adapter/-/material-luxon-adapter-18.2.14.tgz", "resolved": "https://registry.npmjs.org/@angular/material-luxon-adapter/-/material-luxon-adapter-19.0.4.tgz",
"integrity": "sha512-XOvOKOS5zqW+kin/YkVzNHX9p3A7TQIBc9pMJINq/8MerMnh8f2DaI0TD1sIsY5xuP3/nImk1qkTsUYX06c1fQ==", "integrity": "sha512-RaLfw7WoXt+RC+jeH3f9pqmfKjliZWJZ9EkmV3BRY/GJrsHPGzQ7/Ar+V+RndAna4f0itDg9FeuNSGzZ3WNYuw==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/core": "^18.0.0 || ^19.0.0", "@angular/core": "^19.0.0 || ^20.0.0",
"@angular/material": "18.2.14", "@angular/material": "19.0.4",
"luxon": "^3.0.0" "luxon": "^3.0.0"
} }
}, },

View File

@ -14,13 +14,13 @@
}, },
"dependencies": { "dependencies": {
"@angular/animations": "19.0.5", "@angular/animations": "19.0.5",
"@angular/cdk": "18.2.14", "@angular/cdk": "19.0.4",
"@angular/common": "19.0.5", "@angular/common": "19.0.5",
"@angular/compiler": "19.0.5", "@angular/compiler": "19.0.5",
"@angular/core": "19.0.5", "@angular/core": "19.0.5",
"@angular/forms": "19.0.5", "@angular/forms": "19.0.5",
"@angular/material": "18.2.14", "@angular/material": "19.0.4",
"@angular/material-luxon-adapter": "18.2.14", "@angular/material-luxon-adapter": "19.0.4",
"@angular/platform-browser": "19.0.5", "@angular/platform-browser": "19.0.5",
"@angular/platform-browser-dynamic": "19.0.5", "@angular/platform-browser-dynamic": "19.0.5",
"@angular/router": "19.0.5", "@angular/router": "19.0.5",

View File

@ -81,7 +81,8 @@ $dark-base: (
); );
/* Include the core Angular Material styles */ /* 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 */ /* Create a base theme without any color to set the density and typography */
@include mat.all-component-themes( @include mat.all-component-themes(