Update angular (#10)

* v18

* Update angular

---------

Co-authored-by: Myx <info@azaaxin.com>

bytefy.webapp/package.json

@@ -10,31 +10,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.0",
-    "@angular/cdk": "^17.3.10",
-    "@angular/common": "^17.3.0",
-    "@angular/compiler": "^17.3.0",
-    "@angular/core": "^17.3.0",
-    "@angular/forms": "^17.3.0",
-    "@angular/platform-browser": "^17.3.0",
-    "@angular/platform-browser-dynamic": "^17.3.0",
-    "@angular/router": "^17.3.0",
+    "@angular/animations": "^19.1.3",
+    "@angular/cdk": "^19.1.1",
+    "@angular/common": "^19.1.3",
+    "@angular/compiler": "^19.1.3",
+    "@angular/core": "^19.1.3",
+    "@angular/forms": "^19.1.3",
+    "@angular/platform-browser": "^19.1.3",
+    "@angular/platform-browser-dynamic": "^19.1.3",
+    "@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": "^17.3.7",
-    "@angular/cli": "^17.3.7",
-    "@angular/compiler-cli": "^17.3.0",
+    "@angular-devkit/build-angular": "^19.1.4",
+    "@angular/cli": "^19.1.4",
+    "@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,14 +1,13 @@
 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']
+    selector: 'app-root',
+    imports: [RouterOutlet, HeaderComponent, FooterComponent],
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
   title = 'tools';

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 { 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

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

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

@@ -8,20 +8,18 @@ import { TagModule } from 'primeng/tag';
 import { PageComponent } from '../page/page.component';
 
 @Component({
-  selector: 'app-dual-textarea',
-  templateUrl: 'dual-textarea.component.html',
-  styleUrls: ['dual-textarea.component.scss'],
-  standalone: true,
-  imports: [
-    FloatLabelModule, 
-    TextareaModule, 
-    FormsModule, 
-    PanelModule, 
-    CommonModule,
-    TagModule,
-    PageComponent
-  ]
-
+    selector: 'app-dual-textarea',
+    templateUrl: 'dual-textarea.component.html',
+    styleUrls: ['dual-textarea.component.scss'],
+    imports: [
+        FloatLabelModule,
+        TextareaModule,
+        FormsModule,
+        PanelModule,
+        CommonModule,
+        TagModule,
+        PageComponent
+    ]
 })
 export class DualTextareaComponent {
   @Input() topDisabled: boolean = false;

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

@@ -2,11 +2,10 @@ import { Component, Input, OnInit } from '@angular/core';
 import { PanelModule } from 'primeng/panel';
 
 @Component({
-  selector: 'page',
-  templateUrl: './page.component.html',
-  styleUrls: ['./page.component.scss'],
-  standalone: true,
-  imports: [PanelModule]
+    selector: 'page',
+    templateUrl: './page.component.html',
+    styleUrls: ['./page.component.scss'],
+    imports: [PanelModule]
 })
 export class PageComponent {
   @Input() header: string = '';

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

@@ -18,22 +18,21 @@ interface ProcessedFile {
 }
 
 @Component({
-  selector: 'app-file-converter',
-  templateUrl: 'file-converter.component.html',
-  styleUrls: ['file-converter.component.scss'],
-  standalone: true,
-  imports: [
-    CommonModule,
-    FormsModule,
-    FileUploadModule,
-    ButtonModule,
-    PanelModule,
-    TableModule,
-    AutoCompleteModule,
-    BadgeModule,
-    TagModule,
-    PageComponent
-  ]
+    selector: 'app-file-converter',
+    templateUrl: 'file-converter.component.html',
+    styleUrls: ['file-converter.component.scss'],
+    imports: [
+        CommonModule,
+        FormsModule,
+        FileUploadModule,
+        ButtonModule,
+        PanelModule,
+        TableModule,
+        AutoCompleteModule,
+        BadgeModule,
+        TagModule,
+        PageComponent
+    ]
 })
 export class FileConverterComponent implements OnInit {
   _fileFormats: string[] = [];

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

@@ -2,11 +2,10 @@ import { Component } from '@angular/core';
 import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-textarea.component';
 
 @Component({
-  selector: 'app-ascii-to-text',
-  templateUrl: './ascii-to-text.component.html',
-  styleUrls: ['./ascii-to-text.component.scss'],
-  standalone: true,
-  imports: [DualTextareaComponent]
+    selector: 'app-ascii-to-text',
+    templateUrl: './ascii-to-text.component.html',
+    styleUrls: ['./ascii-to-text.component.scss'],
+    imports: [DualTextareaComponent]
 })
 export class AsciiToTextComponent {
   convertedText: string = '';

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

@@ -2,11 +2,10 @@ import { Component } from '@angular/core';
 import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-textarea.component';
 
 @Component({
-  selector: 'app-base64-converter',
-  templateUrl: './base64-converter.component.html',
-  styleUrls: ['./base64-converter.component.scss'],
-  standalone: true,
-  imports: [DualTextareaComponent]
+    selector: 'app-base64-converter',
+    templateUrl: './base64-converter.component.html',
+    styleUrls: ['./base64-converter.component.scss'],
+    imports: [DualTextareaComponent]
 })
 export class Base64ConverterComponent {
   convertedBase64: string = '';

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

@@ -6,18 +6,17 @@ import { InputTextModule } from 'primeng/inputtext';
 import { PageComponent } from '../../../app/shared/page/page.component';
 
 @Component({
-  selector: 'app-color-picker',
-  standalone: true,
-  imports: [
-    CommonModule,
-    FormsModule,
-    InputTextModule,
-    ButtonModule,
-    ReactiveFormsModule,
-    PageComponent
-  ],
-  templateUrl: './color-picker.component.html',
-  styleUrl: './color-picker.component.scss'
+    selector: 'app-color-picker',
+    imports: [
+        CommonModule,
+        FormsModule,
+        InputTextModule,
+        ButtonModule,
+        ReactiveFormsModule,
+        PageComponent
+    ],
+    templateUrl: './color-picker.component.html',
+    styleUrl: './color-picker.component.scss'
 })
 export class ColorPickerComponent {
   colorControl = new FormControl('#ff0000');

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

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

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

@@ -19,24 +19,23 @@ interface setting {
 }
 
 @Component({
-  selector: 'app-guid',
-  templateUrl: './guid.component.html',
-  styleUrls: ['./guid.component.scss'],
-  standalone: true,
-  viewProviders: [provideIcons({cssFormatUppercase})],
-  imports: [
-    NgIconComponent,
-    PanelModule,
-    DividerModule,
-    FloatLabelModule, 
-    TextareaModule, 
-    FormsModule, 
-    RadioButtonModule, 
-    CommonModule, 
-    ToggleButtonModule, 
-    ButtonModule,
-    TooltipModule
-  ]
+    selector: 'app-guid',
+    templateUrl: './guid.component.html',
+    styleUrls: ['./guid.component.scss'],
+    viewProviders: [provideIcons({ cssFormatUppercase })],
+    imports: [
+        NgIconComponent,
+        PanelModule,
+        DividerModule,
+        FloatLabelModule,
+        TextareaModule,
+        FormsModule,
+        RadioButtonModule,
+        CommonModule,
+        ToggleButtonModule,
+        ButtonModule,
+        TooltipModule
+    ]
 })
 export class GuidComponent implements OnInit {
   settings: setting[] | undefined;

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

@@ -2,11 +2,10 @@ import { Component } from '@angular/core';
 import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-textarea.component';
 
 @Component({
-  selector: 'app-jwt-to-json',
-  templateUrl: './jwt-to-json.component.html',
-  styleUrls: ['./jwt-to-json.component.scss'],
-  standalone: true,
-  imports: [DualTextareaComponent]
+    selector: 'app-jwt-to-json',
+    templateUrl: './jwt-to-json.component.html',
+    styleUrls: ['./jwt-to-json.component.scss'],
+    imports: [DualTextareaComponent]
 })
 export class JwtToJsonComponent {
   readableToken: string = '';

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

@@ -4,15 +4,14 @@ import { FormsModule } from '@angular/forms';
 import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-textarea.component';
 
 @Component({
-  selector: 'app-oracle-guid-converter',
-  standalone: true,
-  imports: [
-    FormsModule,
-    CommonModule,
-    DualTextareaComponent
-  ],
-  templateUrl: './oracle-guid-converter.component.html',
-  styleUrl: './oracle-guid-converter.component.scss'
+    selector: 'app-oracle-guid-converter',
+    imports: [
+        FormsModule,
+        CommonModule,
+        DualTextareaComponent
+    ],
+    templateUrl: './oracle-guid-converter.component.html',
+    styleUrl: './oracle-guid-converter.component.scss'
 })
 export class OracleGuidConverterComponent {
   guidInput: string = '';

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

@@ -21,26 +21,25 @@ export interface QrCodeError {
 }
 
 @Component({
-  selector: 'app-qr-code-generator',
-  templateUrl: './qr-code-generator.component.html',
-  styleUrls: ['./qr-code-generator.component.scss'],
-  standalone: true,
-  imports: [
-    QRCodeModule, 
-    AccordionModule, 
-    PanelModule, 
-    TagModule, 
-    InputTextModule, 
-    ButtonModule, 
-    ToolbarModule, 
-    CommonModule, 
-    FloatLabelModule, 
-    TextareaModule,
-    FileUploadModule,
-    MessageModule,
-    SelectButtonModule,
-    ColorPickerModule
-  ]
+    selector: 'app-qr-code-generator',
+    templateUrl: './qr-code-generator.component.html',
+    styleUrls: ['./qr-code-generator.component.scss'],
+    imports: [
+        QRCodeModule,
+        AccordionModule,
+        PanelModule,
+        TagModule,
+        InputTextModule,
+        ButtonModule,
+        ToolbarModule,
+        CommonModule,
+        FloatLabelModule,
+        TextareaModule,
+        FileUploadModule,
+        MessageModule,
+        SelectButtonModule,
+        ColorPickerModule
+    ]
 })
 export class QrCodeGeneratorComponent implements OnInit {
   qrCodeData: string = 'bytefy.net';

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

@@ -2,11 +2,10 @@ import { Component } from '@angular/core';
 import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-textarea.component';
 
 @Component({
-  selector: 'app-text-to-cron',
-  templateUrl: './text-to-cron.component.html',
-  styleUrls: ['./text-to-cron.component.scss'],
-  standalone: true,
-  imports: [DualTextareaComponent]
+    selector: 'app-text-to-cron',
+    templateUrl: './text-to-cron.component.html',
+    styleUrls: ['./text-to-cron.component.scss'],
+    imports: [DualTextareaComponent]
 })
 export class TextToCronComponent {
   cronExpression: string = '';

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

@@ -2,11 +2,10 @@ import { Component, OnInit } from '@angular/core';
 import { DualTextareaComponent } from '../../../app/shared/dual-textarea/dual-textarea.component';
 
 @Component({
-  selector: 'app-word-counter',
-  templateUrl: './word-counter.component.html',
-  styleUrls: ['./word-counter.component.scss'],
-  standalone: true,
-  imports: [DualTextareaComponent]
+    selector: 'app-word-counter',
+    templateUrl: './word-counter.component.html',
+    styleUrls: ['./word-counter.component.scss'],
+    imports: [DualTextareaComponent]
 })
 export class WordCounterComponent {
   words: number = 0;

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

@@ -10,11 +10,10 @@ import { Format, ProcessedFile } from '../../../app/models/conversion.model';
 import { HttpHeaders } from '@angular/common/http';
 
 @Component({
-  selector: 'app-image-converter',
-  templateUrl: 'image-converter.component.html',
-  styleUrls: ['image-converter.component.scss'],
-  standalone: true,
-  imports: [DropdownModule, AutoCompleteModule, FormsModule, CommonModule, FileConverterComponent]
+    selector: 'app-image-converter',
+    templateUrl: 'image-converter.component.html',
+    styleUrls: ['image-converter.component.scss'],
+    imports: [DropdownModule, AutoCompleteModule, FormsModule, CommonModule, FileConverterComponent]
 })
 export class ImageConverterComponent implements OnInit, OnDestroy {
   constructor(private ImageService: ImageService) { }