jwetzell/itsfiveoclockwhere
1
0
Fork 0
mirror of https://github.com/jwetzell/itsfiveoclockwhere.git synced 2026-08-23 15:59:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

upgrade to angular v19

Browse Source
This commit is contained in:
Joel Wetzell
2024-11-29 19:01:34 -06:00
parent bf85c0aa85
commit d9be33b52b
4 changed files with 2432 additions and 1166 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+2401 -1131
View File
File diff suppressed because it is too large Load Diff
package.json
+11 -11
View File
@@ -9,27 +9,27 @@
}, },
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular/animations": "^18.2.13", "@angular/animations": "^19.0.1",
"@angular/common": "^18.2.13", "@angular/common": "^19.0.1",
"@angular/compiler": "^18.2.13", "@angular/compiler": "^19.0.1",
"@angular/core": "^18.2.13", "@angular/core": "^19.0.1",
"@angular/platform-browser": "^18.2.13", "@angular/platform-browser": "^19.0.1",
"@angular/platform-browser-dynamic": "^18.2.13", "@angular/platform-browser-dynamic": "^19.0.1",
"luxon": "^3.4.3", "luxon": "^3.4.3",
"rxjs": "^7.8.1", "rxjs": "^7.8.1",
"tslib": "^2.6.2", "tslib": "^2.6.2",
"zone.js": "^0.14.10" "zone.js": "^0.15.0"
}, },
"devDependencies": { "devDependencies": {
"@angular/build": "^18.2.12", "@angular/build": "^19.0.2",
"@angular/cli": "^18.2.12", "@angular/cli": "^19.0.2",
"@angular/compiler-cli": "^18.2.13", "@angular/compiler-cli": "^19.0.1",
"@types/luxon": "^3.3.2", "@types/luxon": "^3.3.2",
"@types/node": "^20.5.9", "@types/node": "^20.5.9",
"eslint": "^8.48.0", "eslint": "^8.48.0",
"eslint-config-airbnb": "^19.0.4", "eslint-config-airbnb": "^19.0.4",
"eslint-config-prettier": "^9.0.0", "eslint-config-prettier": "^9.0.0",
"prettier": "^3.0.3", "prettier": "^3.0.3",
"typescript": "^5.4.5" "typescript": "^5.6.3"
} }
} }
src/app/app.component.ts
+4 -3
View File
@@ -6,9 +6,10 @@ import { TimezoneService } from './timezone/services/timezone.service';
declare let gtag: Function; declare let gtag: Function;
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'], styleUrls: ['./app.component.scss'],
standalone: false
}) })
export class AppComponent { export class AppComponent {
fiveOclocks: Timezone[] = []; fiveOclocks: Timezone[] = [];
src/app/timezone/components/timezone-list/timezone-list.component.ts
+16 -21
View File
@@ -3,27 +3,22 @@ import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/cor
import { Timezone } from '../../models/timezone.model'; import { Timezone } from '../../models/timezone.model';
@Component({ @Component({
selector: 'app-timezone-list', selector: 'app-timezone-list',
templateUrl: './timezone-list.component.html', templateUrl: './timezone-list.component.html',
styleUrls: ['./timezone-list.component.scss'], styleUrls: ['./timezone-list.component.scss'],
animations: [ animations: [
trigger('displayState', [ trigger('displayState', [
state( state('show', style({
'show', opacity: 1,
style({ })),
opacity: 1, state('hide', style({
}) opacity: 0,
), })),
state( transition('show=>hide', animate('450ms ease-out')),
'hide', transition('hide=>show', animate('450ms ease-in')),
style({ ]),
opacity: 0, ],
}) standalone: false
),
transition('show=>hide', animate('450ms ease-out')),
transition('hide=>show', animate('450ms ease-in')),
]),
],
}) })
export class TimezoneListComponent implements OnInit, OnChanges { export class TimezoneListComponent implements OnInit, OnChanges {
@Input() timezones: Timezone[] = []; @Input() timezones: Timezone[] = [];