opengnsys
/
oggui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Migración Angular/materials 18

pull/3/head
Alvaro Puente Mella 2024-05-27 16:18:46 +02:00
parent 57da482d8e
commit f9599f5c94
3 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ogWebconsole/package-lock.json generated
View File

@ -9,12 +9,12 @@
"version": "0.0.0", "version": "0.0.0",
"dependencies": { "dependencies": {
"@angular/animations": "^18.0.0", "@angular/animations": "^18.0.0",
"@angular/cdk": "~17.3.9", "@angular/cdk": "~18.0.0",
"@angular/common": "^18.0.0", "@angular/common": "^18.0.0",
"@angular/compiler": "^18.0.0", "@angular/compiler": "^18.0.0",
"@angular/core": "^18.0.0", "@angular/core": "^18.0.0",
"@angular/forms": "^18.0.0", "@angular/forms": "^18.0.0",
"@angular/material": "~17.3.9", "@angular/material": "~18.0.0",
"@angular/platform-browser": "^18.0.0", "@angular/platform-browser": "^18.0.0",
"@angular/platform-browser-dynamic": "^18.0.0", "@angular/platform-browser-dynamic": "^18.0.0",
"@angular/router": "^18.0.0", "@angular/router": "^18.0.0",
@ -472,9 +472,9 @@
} }
}, },
"node_modules/@angular/cdk": { "node_modules/@angular/cdk": {
"version": "17.3.10", "version": "18.0.0",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-17.3.10.tgz", "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.0.0.tgz",
"integrity": "sha512-b1qktT2c1TTTe5nTji/kFAVW92fULK0YhYAvJ+BjZTPKu2FniZNe8o4qqQ0pUuvtMu+ZQxp/QqFYoidIVCjScg==", "integrity": "sha512-V0i1SAiT2PTNyugBW0E4fev8G/4XP5FdyX2YD6oc5sNyt3GFcoDNHcz+oEne8+aYVnQ3Ax9Zutq/SQincDHIbw==",
"dependencies": { "dependencies": {
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
@ -482,8 +482,8 @@
"parse5": "^7.1.2" "parse5": "^7.1.2"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/common": "^17.0.0 || ^18.0.0", "@angular/common": "^18.0.0 || ^19.0.0",
"@angular/core": "^17.0.0 || ^18.0.0", "@angular/core": "^18.0.0 || ^19.0.0",
"rxjs": "^6.5.3 || ^7.4.0" "rxjs": "^6.5.3 || ^7.4.0"
} }
}, },
@ -627,9 +627,9 @@
} }
}, },
"node_modules/@angular/material": { "node_modules/@angular/material": {
"version": "17.3.10", "version": "18.0.0",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-17.3.10.tgz", "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.0.0.tgz",
"integrity": "sha512-hHMQES0tQPH5JW33W+mpBPuM8ybsloDTqFPuRV8cboDjosAWfJhzAKF3ozICpNlUrs62La/2Wu/756GcQrxebg==", "integrity": "sha512-4WfMcr4cX3cF7dKz+cXf9YIvhWOJGTP24rbMF5C6eC5K20IK6zgA//Qn0VSTwZkm54Tu9C7kF+CfNLeLy6i5uQ==",
"dependencies": { "dependencies": {
"@material/animation": "15.0.0-canary.7f224ddd4.0", "@material/animation": "15.0.0-canary.7f224ddd4.0",
"@material/auto-init": "15.0.0-canary.7f224ddd4.0", "@material/auto-init": "15.0.0-canary.7f224ddd4.0",
@ -674,6 +674,7 @@
"@material/tab-scroller": "15.0.0-canary.7f224ddd4.0", "@material/tab-scroller": "15.0.0-canary.7f224ddd4.0",
"@material/textfield": "15.0.0-canary.7f224ddd4.0", "@material/textfield": "15.0.0-canary.7f224ddd4.0",
"@material/theme": "15.0.0-canary.7f224ddd4.0", "@material/theme": "15.0.0-canary.7f224ddd4.0",
"@material/tokens": "15.0.0-canary.7f224ddd4.0",
"@material/tooltip": "15.0.0-canary.7f224ddd4.0", "@material/tooltip": "15.0.0-canary.7f224ddd4.0",
"@material/top-app-bar": "15.0.0-canary.7f224ddd4.0", "@material/top-app-bar": "15.0.0-canary.7f224ddd4.0",
"@material/touch-target": "15.0.0-canary.7f224ddd4.0", "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
@ -681,12 +682,12 @@
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/animations": "^17.0.0 || ^18.0.0", "@angular/animations": "^18.0.0 || ^19.0.0",
"@angular/cdk": "17.3.10", "@angular/cdk": "18.0.0",
"@angular/common": "^17.0.0 || ^18.0.0", "@angular/common": "^18.0.0 || ^19.0.0",
"@angular/core": "^17.0.0 || ^18.0.0", "@angular/core": "^18.0.0 || ^19.0.0",
"@angular/forms": "^17.0.0 || ^18.0.0", "@angular/forms": "^18.0.0 || ^19.0.0",
"@angular/platform-browser": "^17.0.0 || ^18.0.0", "@angular/platform-browser": "^18.0.0 || ^19.0.0",
"rxjs": "^6.5.3 || ^7.4.0" "rxjs": "^6.5.3 || ^7.4.0"
} }
}, },

4
ogWebconsole/package.json
View File

@ -11,12 +11,12 @@
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular/animations": "^18.0.0", "@angular/animations": "^18.0.0",
"@angular/cdk": "~17.3.9", "@angular/cdk": "~18.0.0",
"@angular/common": "^18.0.0", "@angular/common": "^18.0.0",
"@angular/compiler": "^18.0.0", "@angular/compiler": "^18.0.0",
"@angular/core": "^18.0.0", "@angular/core": "^18.0.0",
"@angular/forms": "^18.0.0", "@angular/forms": "^18.0.0",
"@angular/material": "~17.3.9", "@angular/material": "~18.0.0",
"@angular/platform-browser": "^18.0.0", "@angular/platform-browser": "^18.0.0",
"@angular/platform-browser-dynamic": "^18.0.0", "@angular/platform-browser-dynamic": "^18.0.0",
"@angular/router": "^18.0.0", "@angular/router": "^18.0.0",

10
ogWebconsole/src/custom-theme.scss
View File

@ -12,21 +12,21 @@
// Define the palettes for your theme using the Material Design palettes available in palette.scss // Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker // (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/ // hue. Available color palettes: https://material.io/design/color/
$ogWebconsole-primary: mat.define-palette(mat.$indigo-palette); $ogWebconsole-primary: mat.m2-define-palette(mat.$m2-indigo-palette);
$ogWebconsole-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400); $ogWebconsole-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
// The warn palette is optional (defaults to red). // The warn palette is optional (defaults to red).
$ogWebconsole-warn: mat.define-palette(mat.$red-palette); $ogWebconsole-warn: mat.m2-define-palette(mat.$m2-red-palette);
// Create the theme object. A theme consists of configurations for individual // Create the theme object. A theme consists of configurations for individual
// theming systems such as "color" or "typography". // theming systems such as "color" or "typography".
$ogWebconsole-theme: mat.define-light-theme(( $ogWebconsole-theme: mat.m2-define-light-theme((
color: ( color: (
primary: $ogWebconsole-primary, primary: $ogWebconsole-primary,
accent: $ogWebconsole-accent, accent: $ogWebconsole-accent,
warn: $ogWebconsole-warn, warn: $ogWebconsole-warn,
), ),
typography: mat.define-typography-config(), typography: mat.m2-define-typography-config(),
density: 0 density: 0
)); ));