Update angular (#10)

* v18

* Update angular

---------

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

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