Skip to content

Commit afc47ec

Browse files
Jeevasynf5028Jeevasynf5028
committed
972599: To resolve Git Dependabot alerts
1 parent cedb50b commit afc47ec

File tree

4 files changed

+208
-38
lines changed

4 files changed

+208
-38
lines changed

‎package.json‎

Lines changed: 33 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -11,39 +11,42 @@
1111
},
1212
"private": true,
1313
"dependencies": {
14-
"@angular/animations": "~7.1.0",
15-
"@angular/common": "~7.1.0",
16-
"@angular/compiler": "~7.1.0",
17-
"@angular/core": "~7.1.0",
18-
"@angular/forms": "~7.1.0",
19-
"@angular/platform-browser": "~7.1.0",
20-
"@angular/platform-browser-dynamic": "~7.1.0",
21-
"@angular/router": "~7.1.0",
22-
"@syncfusion/ej2-angular-maps": "^16.4.42",
14+
"@angular/animations": "~10.2.5",
15+
"@angular/common": "~10.2.5",
16+
"@angular/compiler": "~10.2.5",
17+
"@angular/core": "~10.2.5",
18+
"@angular/forms": "~10.2.5",
19+
"@angular/platform-browser": "~10.2.5",
20+
"@angular/platform-browser-dynamic": "~10.2.5",
21+
"@angular/router": "~10.2.5",
22+
"@syncfusion/ej2-angular-buttons": "^30.1.37",
23+
"@syncfusion/ej2-angular-maps": "^18.3.53",
24+
"@syncfusion/ej2-angular-navigations": "^30.1.42",
25+
"@syncfusion/ej2-angular-notifications": "^30.1.37",
2326
"core-js": "^2.5.4",
24-
"rxjs": "~6.3.3",
25-
"tslib": "^1.9.0",
26-
"zone.js": "~0.8.26"
27+
"rxjs": "~6.6.0",
28+
"tslib": "^2.0.0",
29+
"zone.js": "~0.10.3"
2730
},
2831
"devDependencies": {
29-
"@angular-devkit/build-angular": "~0.11.0",
30-
"@angular/cli": "~7.1.4",
31-
"@angular/compiler-cli": "~7.1.0",
32-
"@angular/language-service": "~7.1.0",
33-
"@types/node": "~8.9.4",
34-
"@types/jasmine": "~2.8.8",
32+
"@angular-devkit/build-angular": "~0.1002.3",
33+
"@angular/cli": "~10.2.3",
34+
"@angular/compiler-cli": "~10.2.5",
35+
"@angular/language-service": "~10.2.5",
36+
"@types/jasmine": "~3.5.0",
3537
"@types/jasminewd2": "~2.0.3",
36-
"codelyzer": "~4.5.0",
37-
"jasmine-core": "~2.99.1",
38-
"jasmine-spec-reporter": "~4.2.1",
39-
"karma": "6.3.16",
40-
"karma-chrome-launcher": "~2.2.0",
41-
"karma-coverage-istanbul-reporter": "~2.0.1",
42-
"karma-jasmine": "~1.1.2",
43-
"karma-jasmine-html-reporter": "^0.2.2",
44-
"protractor": "~5.4.0",
45-
"ts-node": "~7.0.0",
46-
"tslint": "~5.11.0",
47-
"typescript": "~3.1.6"
38+
"@types/node": "^12.11.1",
39+
"codelyzer": "^6.0.0",
40+
"jasmine-core": "~3.8.0",
41+
"jasmine-spec-reporter": "~5.0.0",
42+
"karma": "~6.3.16",
43+
"karma-chrome-launcher": "~3.1.0",
44+
"karma-coverage-istanbul-reporter": "~3.0.2",
45+
"karma-jasmine": "~4.0.0",
46+
"karma-jasmine-html-reporter": "^1.5.0",
47+
"protractor": "~7.0.0",
48+
"ts-node": "~8.3.0",
49+
"tslint": "~6.1.0",
50+
"typescript": "~4.0.2"
4851
}
4952
}

‎src/app/app.component.css‎

Lines changed: 165 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,165 @@
1+
/* Vibrant, modern and glassy UI experience for Tour of Heroes */
2+
html, body {
3+
min-height: 100vh;
4+
margin: 0;
5+
padding: 0;
6+
font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
7+
background: linear-gradient(135deg, #d8e3ff 0%, #f5eaff 40%, #c8faef 100%);
8+
background-attachment: fixed;
9+
}
10+
11+
/* Faded glass morphism card */
12+
div[style*="text-align:center"] {
13+
margin: 44px auto 20px auto;
14+
max-width: 540px;
15+
padding: 32px 36px 22px 36px;
16+
box-shadow: 0 6px 40px 0 rgba(48,33,132, 0.24), 0 2px 8px rgba(0,0,0,0.04);
17+
border-radius: 1.5rem;
18+
background: rgba(255,255,255,0.70);
19+
backdrop-filter: blur(8px);
20+
position: relative;
21+
animation: fadeinup 1s both;
22+
}
23+
24+
@keyframes fadeinup {
25+
from { opacity:0; transform: translateY(40px); }
26+
to { opacity:1; transform: none; }
27+
}
28+
29+
h1 {
30+
font-size: 2.8rem;
31+
font-weight: 800;
32+
letter-spacing: 0.03em;
33+
background: linear-gradient(90deg, #1686fa 30%, #5f51da 100%);
34+
-webkit-background-clip: text;
35+
-webkit-text-fill-color: transparent;
36+
margin-bottom: 8px;
37+
margin-top: 2px;
38+
text-shadow: 0 4px 24px rgba(13,110,253,0.07);
39+
padding: 0 4px;
40+
}
41+
42+
img {
43+
margin-top: 18px;
44+
margin-bottom: 6px;
45+
width: 220px;
46+
height: 100px;
47+
object-fit: contain;
48+
border-radius: 1rem;
49+
border: 2.5px solid #9ebfff7a;
50+
box-shadow: 0 4px 32px #c1d7ff36, 0 1px 6px #3649b140;
51+
background: rgba(226, 239, 255, 0.5);
52+
filter: hue-rotate(-8deg) saturate(1.18);
53+
}
54+
55+
h2 {
56+
color: #3f468e;
57+
font-size: 1.22rem;
58+
font-weight: 600;
59+
letter-spacing: 0.01em;
60+
margin: 20px 0 10px 0;
61+
padding-top: 10px;
62+
text-align: left;
63+
animation: fadeinup 1.2s 0.1s both;
64+
}
65+
66+
ul {
67+
list-style: none;
68+
padding: 0;
69+
max-width: 450px;
70+
margin: 0 auto 26px auto;
71+
display: flex;
72+
flex-direction: column;
73+
gap: 20px;
74+
animation: fadeinup 1.2s 0.19s both;
75+
}
76+
77+
li {
78+
border-radius: 18px;
79+
background: rgba(246,249,255,0.94);
80+
box-shadow: 0 2px 16px 0 #d4dbf9cc, 0 1px 8px 0 #9fa7b5a6;
81+
margin: 0;
82+
transition:
83+
box-shadow 0.20s,
84+
background 0.23s,
85+
transform 0.22s;
86+
padding: 0;
87+
overflow: hidden;
88+
border: 1px solid #e2e9fe;
89+
}
90+
91+
li:hover {
92+
box-shadow: 0 4px 40px 0 #64a4fa51;
93+
transform: translateY(-4px) scale(1.025);
94+
background: rgba(199,226,255,0.98);
95+
border-color: #aedaea;
96+
}
97+
98+
li h2 {
99+
margin: 0;
100+
padding: 0;
101+
font-size: 1.12rem;
102+
text-align: center;
103+
background: none;
104+
color: #3262a0;
105+
font-weight: 700;
106+
letter-spacing: 0.01em;
107+
transition: color 0.18s;
108+
}
109+
110+
a {
111+
color: #237bf5;
112+
text-decoration: none;
113+
display: flex;
114+
width: 100%;
115+
height: 100%;
116+
min-height: 48px;
117+
align-items: center;
118+
justify-content: center;
119+
border-radius: inherit;
120+
font-size: 1.13rem;
121+
font-weight: 600;
122+
letter-spacing: 0.01em;
123+
transition: color .18s, background .16s;
124+
background: linear-gradient(90deg, #fff 70%,#e9f6ff 100%);
125+
}
126+
127+
a:hover {
128+
color: #1971c2;
129+
background: linear-gradient(93deg, #e0eafd 50%,#e7fffb 140%);
130+
}
131+
132+
/* Animated router outlet region */
133+
router-outlet {
134+
display: block;
135+
margin-top: 28px;
136+
animation: fadeinup 0.8s 0.4s both;
137+
}
138+
139+
/* Responsive breakpoints */
140+
@media (max-width: 660px) {
141+
div[style*="text-align:center"] {
142+
max-width: 99vw;
143+
padding: 20px 7vw 19px 7vw;
144+
}
145+
ul {
146+
max-width: 97vw;
147+
gap: 14px;
148+
}
149+
img {
150+
width: 84vw;
151+
height: auto;
152+
}
153+
}
154+
155+
@media (max-width: 399px) {
156+
h1 {
157+
font-size: 1.35rem;
158+
}
159+
div[style*="text-align:center"] {
160+
padding: 10px 0 10px 0;
161+
}
162+
ul {
163+
gap: 8px;
164+
}
165+
}

‎src/app/app.component.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
66
styleUrls: ['./app.component.css']
77
})
88
export class AppComponent {
9-
title = 'mapapps';
9+
title = 'myapps';
1010
}

‎tsconfig.json‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,20 @@
55
"outDir": "./dist/out-tsc",
66
"sourceMap": true,
77
"declaration": false,
8-
"module": "es2015",
9-
"moduleResolution": "node",
10-
"emitDecoratorMetadata": true,
8+
"downlevelIteration": true,
119
"experimentalDecorators": true,
10+
"moduleResolution": "node",
1211
"importHelpers": true,
13-
"target": "es5",
14-
"typeRoots": [
15-
"node_modules/@types"
16-
],
12+
"target": "es2015",
13+
"module": "es2020",
1714
"lib": [
1815
"es2018",
1916
"dom"
2017
]
18+
},
19+
"angularCompilerOptions": {
20+
"enableIvy": true,
21+
"fullTemplateTypeCheck": true,
22+
"strictInjectionParameters": true
2123
}
2224
}

0 commit comments

Comments
 (0)