chore: upgrade Angular to v19

ng update @angular/core@19 @angular/cli@19, plus:
- bump @fortawesome/angular-fontawesome to 1.0.0 (only major that
  supports Angular 19 as peer dependency).
- automatic core migration dropped the now-default `standalone: true`
  from all standalone component decorators.
- fixed a build break: the v19 esbuild-based builder now resolves
  url() references inside inline component <style> blocks at build
  time, and the relative path to output-onlinepngtools.png in
  landing-page-inicio.component.html failed to resolve on Windows.
  Switched it to the root-relative /assets/... path already used
  elsewhere in the app.

Build and test suite (7/7) pass. New compiler warning (pre-existing,
unrelated to this bump): AppComponent imports
LandingPageInicioComponent/HeaderLandingPageComponent/NotFoundComponent
without using them in its own template (they're rendered via
router-outlet) - left as-is, out of scope for this migration.

Author: samuelsonbrito

package-lock.json

@@ -10,25 +10,25 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.14",
-    "@angular/common": "^18.2.14",
-    "@angular/compiler": "^18.2.14",
-    "@angular/core": "^18.2.14",
-    "@angular/forms": "^18.2.14",
-    "@angular/platform-browser": "^18.2.14",
-    "@angular/platform-browser-dynamic": "^18.2.14",
-    "@angular/router": "^18.2.14",
-    "@fortawesome/angular-fontawesome": "^0.14.1",
+    "@angular/animations": "^19.2.25",
+    "@angular/common": "^19.2.25",
+    "@angular/compiler": "^19.2.25",
+    "@angular/core": "^19.2.25",
+    "@angular/forms": "^19.2.25",
+    "@angular/platform-browser": "^19.2.25",
+    "@angular/platform-browser-dynamic": "^19.2.25",
+    "@angular/router": "^19.2.25",
+    "@fortawesome/angular-fontawesome": "^1.0.0",
     "angular-font-awesome": "^3.1.2",
     "express": "^4.19.2",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.21",
-    "@angular/cli": "^18.2.21",
-    "@angular/compiler-cli": "^18.2.14",
+    "@angular-devkit/build-angular": "^19.2.27",
+    "@angular/cli": "^19.2.27",
+    "@angular/compiler-cli": "^19.2.25",
     "@types/jasmine": "~5.1.0",
     "autoprefixer": "^10.4.19",
     "jasmine-core": "~5.1.0",
@@ -39,6 +39,6 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.1",
-    "typescript": "~5.4.2"
+    "typescript": "~5.8.3"
   }
 }

package.json

@@ -5,16 +5,15 @@ import { HeaderLandingPageComponent } from './page/header-landing-page/header-la
 import { NotFoundComponent } from './not-found/not-found.component';
 
 @Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [
-    RouterOutlet,
-    LandingPageInicioComponent,
-    HeaderLandingPageComponent,
-    NotFoundComponent,
-  ],
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.css',
+    selector: 'app-root',
+    imports: [
+        RouterOutlet,
+        LandingPageInicioComponent,
+        HeaderLandingPageComponent,
+        NotFoundComponent,
+    ],
+    templateUrl: './app.component.html',
+    styleUrl: './app.component.css'
 })
 export class AppComponent implements OnInit {
    sunIcon: HTMLElement | null = null;

src/app/app.component.ts

@@ -3,11 +3,10 @@ import { HeaderLandingPageComponent } from '../page/header-landing-page/header-l
 import { FooterComponent } from '../page/footer/footer.component';
 
 @Component({
-  selector: 'app-not-found',
-  standalone: true,
-  imports: [HeaderLandingPageComponent,FooterComponent],
-  templateUrl: './not-found.component.html',
-  styleUrl: './not-found.component.css'
+    selector: 'app-not-found',
+    imports: [HeaderLandingPageComponent, FooterComponent],
+    templateUrl: './not-found.component.html',
+    styleUrl: './not-found.component.css'
 })
 export class NotFoundComponent {
 

src/app/not-found/not-found.component.ts

@@ -1,11 +1,10 @@
 import { Component, OnInit, Renderer2 } from '@angular/core';
 
 @Component({
-  selector: 'app-button-toggle-dark-light',
-  standalone: true,
-  imports: [],
-  templateUrl: './button-toggle-dark-light.component.html',
-  styleUrl: './button-toggle-dark-light.component.css'
+    selector: 'app-button-toggle-dark-light',
+    imports: [],
+    templateUrl: './button-toggle-dark-light.component.html',
+    styleUrl: './button-toggle-dark-light.component.css'
 })
 export class ButtonToggleDarkLightComponent implements OnInit{
   sunIcon: HTMLElement | null = null;

src/app/page/button-toggle-dark-light/button-toggle-dark-light.component.ts

@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-footer',
-  standalone: true,
-  imports: [],
-  templateUrl: './footer.component.html',
-  styleUrl: './footer.component.css'
+    selector: 'app-footer',
+    imports: [],
+    templateUrl: './footer.component.html',
+    styleUrl: './footer.component.css'
 })
 export class FooterComponent {
 

src/app/page/footer/footer.component.ts

@@ -3,11 +3,10 @@ import { ButtonToggleDarkLightComponent } from '../button-toggle-dark-light/butt
 import { NgClass } from '@angular/common';
 
 @Component({
-  selector: 'app-header-landing-page',
-  standalone: true,
-  imports: [ButtonToggleDarkLightComponent,NgClass],
-  templateUrl: './header-landing-page.component.html',
-  styleUrl: './header-landing-page.component.css',
+    selector: 'app-header-landing-page',
+    imports: [ButtonToggleDarkLightComponent, NgClass],
+    templateUrl: './header-landing-page.component.html',
+    styleUrl: './header-landing-page.component.css'
 })
 export class HeaderLandingPageComponent {
    activeLink: any= 'inicio';

src/app/page/header-landing-page/header-landing-page.component.ts

@@ -2,7 +2,7 @@
 <!-- Start block -->
 <style>
   .img-t {
-    background-image: url('../../../assets/output-onlinepngtools.png');
+    background-image: url('/assets/output-onlinepngtools.png');
     background-size: cover;
     /* filter: brightness(50%); */
   }

src/app/page/landing-page-inicio/landing-page-inicio.component.html

@@ -13,18 +13,17 @@ import { NgClass } from '@angular/common';
 // import { faCoffee } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
-  selector: 'app-landing-page-inicio',
-  standalone: true,
-  imports: [
-    HeaderLandingPageComponent,
-    FooterComponent,
-    SliderEventComponent,
-    FontAwesomeModule,
-    FormsModule,
-    NgClass,
-  ],
-  templateUrl: './landing-page-inicio.component.html',
-  styleUrl: './landing-page-inicio.component.css',
+    selector: 'app-landing-page-inicio',
+    imports: [
+        HeaderLandingPageComponent,
+        FooterComponent,
+        SliderEventComponent,
+        FontAwesomeModule,
+        FormsModule,
+        NgClass,
+    ],
+    templateUrl: './landing-page-inicio.component.html',
+    styleUrl: './landing-page-inicio.component.css'
 })
 export class LandingPageInicioComponent {
   isOpen1 = false;

src/app/page/landing-page-inicio/landing-page-inicio.component.ts

@@ -12,11 +12,10 @@ import { CommonModule } from '@angular/common';
 // import { BrowserModule } from '@angular/platform-browser';
 
 @Component({
-  selector: 'app-slider-event',
-  standalone: true,
-  imports: [FormsModule, CommonModule],
-  templateUrl: './slider-event.component.html',
-  styleUrl: './slider-event.component.css',
+    selector: 'app-slider-event',
+    imports: [FormsModule, CommonModule],
+    templateUrl: './slider-event.component.html',
+    styleUrl: './slider-event.component.css'
 })
 export class SliderEventComponent {
   @Input() cards: any[] = [