Update angular

bytefy.webapp/package.json

@@ -10,31 +10,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^19.1.3",
-    "@angular/cdk": "^17.3.10",
+    "@angular/cdk": "^19.1.1",
-    "@angular/common": "^18.2.13",
+    "@angular/common": "^19.1.3",
-    "@angular/compiler": "^18.2.13",
+    "@angular/compiler": "^19.1.3",
-    "@angular/core": "^18.2.13",
+    "@angular/core": "^19.1.3",
-    "@angular/forms": "^18.2.13",
+    "@angular/forms": "^19.1.3",
-    "@angular/platform-browser": "^18.2.13",
+    "@angular/platform-browser": "^19.1.3",
-    "@angular/platform-browser-dynamic": "^18.2.13",
+    "@angular/platform-browser-dynamic": "^19.1.3",
-    "@angular/router": "^18.2.13",
+    "@angular/router": "^19.1.3",
     "@ng-icons/core": "^29.5.1",
     "@ng-icons/css.gg": "^29.5.1",
     "@ng-icons/heroicons": "^29.5.1",
     "@primeng/themes": "^19.0.5",
     "angularx-qrcode": "^18.0.2",
     "primeicons": "^7.0.0",
-    "primeng": "^18.0.2",
+    "primeng": "^19.0.5",
     "rxjs": "~7.8.0",
     "tailwindcss-primeui": "^0.3.4",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.3"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
+    "@angular-devkit/build-angular": "^19.1.4",
-    "@angular/cli": "^18.2.12",
+    "@angular/cli": "^19.1.4",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular/compiler-cli": "^19.1.3",
     "@types/jasmine": "~5.1.0",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
@@ -42,6 +42,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.4.2"
+    "typescript": "~5.7.3"
   }
 }

bytefy.webapp/src/app/app.component.ts

@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
 import { HeaderComponent } from './header/header.component';
 import { FooterComponent } from './footer/footer.component';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
     selector: 'app-root',
-  standalone: true,
     imports: [RouterOutlet, HeaderComponent, FooterComponent],
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss']

bytefy.webapp/src/app/app.config.ts

@@ -1,11 +1,11 @@
 import { ApplicationConfig, importProvidersFrom } from '@angular/core';
-import { provideRouter } from '@angular/router';
 import { routes } from './app.routes';
-import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideNgIconsConfig } from '@ng-icons/core';
-import { provideHttpClient } from '@angular/common/http';
+import { HttpClientXsrfModule, provideHttpClient } from '@angular/common/http';
 import { providePrimeNG } from 'primeng/config';
 import { bytefy_dark } from './bytefy-dark-theme';
+import { provideRouter } from '@angular/router';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 
 export const appConfig: ApplicationConfig = {
   providers: [

bytefy.webapp/src/app/header/header.component.ts

@@ -9,7 +9,6 @@ import { AvatarModule } from 'primeng/avatar';
     selector: 'app-header',
     templateUrl: './header.component.html',
     styleUrls: ['./header.component.scss'],
-    standalone: true,
     imports: [MegaMenuModule, ButtonModule, CommonModule, AvatarModule]
 })
 export class HeaderComponent implements OnInit {

bytefy.webapp/src/app/shared/dual-textarea/dual-textarea.component.ts

@@ -11,7 +11,6 @@ import { PageComponent } from '../page/page.component';
     selector: 'app-dual-textarea',
     templateUrl: 'dual-textarea.component.html',
     styleUrls: ['dual-textarea.component.scss'],
-  standalone: true,
     imports: [
         FloatLabelModule,
         TextareaModule,
@@ -21,7 +20,6 @@ import { PageComponent } from '../page/page.component';
         TagModule,
         PageComponent
     ]
-
 })
 export class DualTextareaComponent {
   @Input() topDisabled: boolean = false;

bytefy.webapp/src/app/shared/page/page.component.ts

@@ -5,7 +5,6 @@ import { PanelModule } from 'primeng/panel';
     selector: 'page',
     templateUrl: './page.component.html',
     styleUrls: ['./page.component.scss'],
-  standalone: true,
     imports: [PanelModule]
 })
 export class PageComponent {

bytefy.webapp/src/app/shared/upload/file-converter.component.ts

@@ -21,7 +21,6 @@ interface ProcessedFile {
     selector: 'app-file-converter',
     templateUrl: 'file-converter.component.html',
     styleUrls: ['file-converter.component.scss'],
-  standalone: true,
     imports: [
         CommonModule,
         FormsModule,

bytefy.webapp/src/tools/client-side/ascii-to-text/ascii-to-text.component.ts

@@ -5,7 +5,6 @@ import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-te
     selector: 'app-ascii-to-text',
     templateUrl: './ascii-to-text.component.html',
     styleUrls: ['./ascii-to-text.component.scss'],
-  standalone: true,
     imports: [DualTextareaComponent]
 })
 export class AsciiToTextComponent {

bytefy.webapp/src/tools/client-side/base64-converter/base64-converter.component.ts

@@ -5,7 +5,6 @@ import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-te
     selector: 'app-base64-converter',
     templateUrl: './base64-converter.component.html',
     styleUrls: ['./base64-converter.component.scss'],
-  standalone: true,
     imports: [DualTextareaComponent]
 })
 export class Base64ConverterComponent {

bytefy.webapp/src/tools/client-side/color-picker/color-picker.component.ts

@@ -7,7 +7,6 @@ import { PageComponent } from '../../../app/shared/page/page.component';
 
 @Component({
     selector: 'app-color-picker',
-  standalone: true,
     imports: [
         CommonModule,
         FormsModule,

bytefy.webapp/src/tools/client-side/dds-to-png/dds-to-png.component.ts

@@ -7,7 +7,6 @@ import { ProcessedFile } from '../../../app/models/conversion.model';
     selector: 'app-dds-to-png',
     templateUrl: './dds-to-png.component.html',
     styleUrls: ['./dds-to-png.component.scss'],
-  standalone: true,
     imports: [FileConverterComponent]
 })
 export class DdsToPngComponent {

bytefy.webapp/src/tools/client-side/guid/guid.component.ts

@@ -22,8 +22,7 @@ interface setting {
     selector: 'app-guid',
     templateUrl: './guid.component.html',
     styleUrls: ['./guid.component.scss'],
-  standalone: true,
+    viewProviders: [provideIcons({ cssFormatUppercase })],
-  viewProviders: [provideIcons({cssFormatUppercase})],
     imports: [
         NgIconComponent,
         PanelModule,

bytefy.webapp/src/tools/client-side/jwt-to-json/jwt-to-json.component.ts

@@ -5,7 +5,6 @@ import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-te
     selector: 'app-jwt-to-json',
     templateUrl: './jwt-to-json.component.html',
     styleUrls: ['./jwt-to-json.component.scss'],
-  standalone: true,
     imports: [DualTextareaComponent]
 })
 export class JwtToJsonComponent {

bytefy.webapp/src/tools/client-side/oracle-guid-converter/oracle-guid-converter.component.ts

@@ -5,7 +5,6 @@ import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-te
 
 @Component({
     selector: 'app-oracle-guid-converter',
-  standalone: true,
     imports: [
         FormsModule,
         CommonModule,

bytefy.webapp/src/tools/client-side/qr-code-generator/qr-code-generator.component.ts

@@ -24,7 +24,6 @@ export interface QrCodeError {
     selector: 'app-qr-code-generator',
     templateUrl: './qr-code-generator.component.html',
     styleUrls: ['./qr-code-generator.component.scss'],
-  standalone: true,
     imports: [
         QRCodeModule,
         AccordionModule,

bytefy.webapp/src/tools/client-side/text-to-cron/text-to-cron.component.ts

@@ -5,7 +5,6 @@ import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-te
     selector: 'app-text-to-cron',
     templateUrl: './text-to-cron.component.html',
     styleUrls: ['./text-to-cron.component.scss'],
-  standalone: true,
     imports: [DualTextareaComponent]
 })
 export class TextToCronComponent {

bytefy.webapp/src/tools/client-side/word-counter/word-counter.component.ts

@@ -5,7 +5,6 @@ import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-te
     selector: 'app-word-counter',
     templateUrl: './word-counter.component.html',
     styleUrls: ['./word-counter.component.scss'],
-  standalone: true,
     imports: [DualTextareaComponent]
 })
 export class WordCounterComponent {

bytefy.webapp/src/tools/server-side/image-converter/image-converter.component.ts

@@ -13,7 +13,6 @@ import { HttpHeaders } from '@angular/common/http';
     selector: 'app-image-converter',
     templateUrl: 'image-converter.component.html',
     styleUrls: ['image-converter.component.scss'],
-  standalone: true,
     imports: [DropdownModule, AutoCompleteModule, FormsModule, CommonModule, FileConverterComponent]
 })
 export class ImageConverterComponent implements OnInit, OnDestroy {