auto migrate standalone components

src/app/modules/songs/song/edit/edit-file/edit-file.component.spec.ts

@@ -9,8 +9,8 @@ describe('EditFileComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [EditFileComponent],
-      }).compileComponents();
+    imports: [EditFileComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/songs/song/edit/edit-file/edit-file.component.ts

@@ -6,12 +6,26 @@ import {map, switchMap} from 'rxjs/operators';
 import {FileDataService} from '../../../services/file-data.service';
 import {Observable} from 'rxjs';
 import {File} from '../../../services/file';
+import { CardComponent } from '../../../../../widget-modules/components/card/card.component';
+import { NgIf, NgStyle, NgFor, AsyncPipe } from '@angular/common';
+import { MatIconButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { FileComponent } from './file/file.component';
 
 @Component({
-  selector: 'app-edit-file',
-  templateUrl: './edit-file.component.html',
-  styleUrls: ['./edit-file.component.less'],
-  standalone: false,
+    selector: 'app-edit-file',
+    templateUrl: './edit-file.component.html',
+    styleUrls: ['./edit-file.component.less'],
+    imports: [
+        CardComponent,
+        NgIf,
+        NgStyle,
+        MatIconButton,
+        MatIcon,
+        NgFor,
+        FileComponent,
+        AsyncPipe,
+    ],
 })
 export class EditFileComponent {
   public selectedFiles: FileList | null = null;

src/app/modules/songs/song/edit/edit-file/file/file.component.spec.ts

@@ -9,8 +9,8 @@ describe('FileComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [FileComponent],
-      }).compileComponents();
+    imports: [FileComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/songs/song/edit/edit-file/file/file.component.ts

@@ -3,12 +3,19 @@ import {Observable} from 'rxjs';
 import {File} from '../../../../services/file';
 import {faTrashAlt} from '@fortawesome/free-solid-svg-icons';
 import {FileService} from '../../../../services/file.service';
+import { MatIconButton } from '@angular/material/button';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { AsyncPipe } from '@angular/common';
 
 @Component({
-  selector: 'app-file',
-  templateUrl: './file.component.html',
-  styleUrls: ['./file.component.less'],
-  standalone: false,
+    selector: 'app-file',
+    templateUrl: './file.component.html',
+    styleUrls: ['./file.component.less'],
+    imports: [
+        MatIconButton,
+        FaIconComponent,
+        AsyncPipe,
+    ],
 })
 export class FileComponent {
   public url$: Observable<string> | null = null;

src/app/modules/songs/song/edit/edit-song/edit-song.component.spec.ts

@@ -9,8 +9,8 @@ describe('EditSongComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [EditSongComponent],
-      }).compileComponents();
+    imports: [EditSongComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/songs/song/edit/edit-song/edit-song.component.ts

@@ -1,22 +1,64 @@
 import {Component, OnInit} from '@angular/core';
 import {Song} from '../../../services/song';
-import {UntypedFormGroup} from '@angular/forms';
+import { UntypedFormGroup, ReactiveFormsModule } from '@angular/forms';
 import {ActivatedRoute, Router, RouterStateSnapshot} from '@angular/router';
 import {SongService} from '../../../services/song.service';
 import {EditService} from '../edit.service';
 import {first, map, switchMap} from 'rxjs/operators';
 import {KEYS} from '../../../services/key.helper';
 import {COMMA, ENTER} from '@angular/cdk/keycodes';
-import {MatChipInputEvent} from '@angular/material/chips';
+import { MatChipInputEvent, MatChipGrid, MatChipRow, MatChipInput } from '@angular/material/chips';
 import {faExternalLinkAlt, faSave, faTimesCircle} from '@fortawesome/free-solid-svg-icons';
 import {MatDialog} from '@angular/material/dialog';
 import {SaveDialogComponent} from './save-dialog/save-dialog.component';
+import { NgIf, NgFor } from '@angular/common';
+import { CardComponent } from '../../../../../widget-modules/components/card/card.component';
+import { MatFormField, MatLabel, MatSuffix } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { MatSelect } from '@angular/material/select';
+import { MatOption } from '@angular/material/core';
+import { CdkTextareaAutosize } from '@angular/cdk/text-field';
+import { SongTextComponent } from '../../../../../widget-modules/components/song-text/song-text.component';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatTooltip } from '@angular/material/tooltip';
+import { ButtonRowComponent } from '../../../../../widget-modules/components/button-row/button-row.component';
+import { ButtonComponent } from '../../../../../widget-modules/components/button/button.component';
+import { SongTypePipe } from '../../../../../widget-modules/pipes/song-type-translater/song-type.pipe';
+import { LegalOwnerPipe } from '../../../../../widget-modules/pipes/legal-owner-translator/legal-owner.pipe';
+import { LegalTypePipe } from '../../../../../widget-modules/pipes/legal-type-translator/legal-type.pipe';
+import { KeyPipe } from '../../../../../widget-modules/pipes/key-translator/key.pipe';
+import { StatusPipe } from '../../../../../widget-modules/pipes/status-translater/status.pipe';
 
 @Component({
-  selector: 'app-edit-song',
-  templateUrl: './edit-song.component.html',
-  styleUrls: ['./edit-song.component.less'],
-  standalone: false,
+    selector: 'app-edit-song',
+    templateUrl: './edit-song.component.html',
+    styleUrls: ['./edit-song.component.less'],
+    imports: [
+        NgIf,
+        CardComponent,
+        ReactiveFormsModule,
+        MatFormField,
+        MatLabel,
+        MatInput,
+        MatSelect,
+        NgFor,
+        MatOption,
+        CdkTextareaAutosize,
+        SongTextComponent,
+        MatChipGrid,
+        MatChipRow,
+        FaIconComponent,
+        MatChipInput,
+        MatSuffix,
+        MatTooltip,
+        ButtonRowComponent,
+        ButtonComponent,
+        SongTypePipe,
+        LegalOwnerPipe,
+        LegalTypePipe,
+        KeyPipe,
+        StatusPipe,
+    ],
 })
 export class EditSongComponent implements OnInit {
   public song: Song | null = null;

src/app/modules/songs/song/edit/edit-song/save-dialog/save-dialog.component.spec.ts

@@ -9,8 +9,8 @@ describe('SaveDialogComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [SaveDialogComponent],
-      }).compileComponents();
+    declarations: [SaveDialogComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/songs/song/edit/edit.component.spec.ts

@@ -9,8 +9,8 @@ describe('EditComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [EditComponent],
-      }).compileComponents();
+    imports: [EditComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/songs/song/edit/edit.component.ts

@@ -1,11 +1,17 @@
 import {Component, ViewChild} from '@angular/core';
 import {EditSongComponent} from './edit-song/edit-song.component';
+import { EditFileComponent } from './edit-file/edit-file.component';
+import { HistoryComponent } from './history/history.component';
 
 @Component({
-  selector: 'app-edit',
-  templateUrl: './edit.component.html',
-  styleUrls: ['./edit.component.less'],
-  standalone: false,
+    selector: 'app-edit',
+    templateUrl: './edit.component.html',
+    styleUrls: ['./edit.component.less'],
+    imports: [
+        EditSongComponent,
+        EditFileComponent,
+        HistoryComponent,
+    ],
 })
 export class EditComponent {
   @ViewChild(EditSongComponent) public editSongComponent: EditSongComponent | null = null;

src/app/modules/songs/song/edit/edit.module.ts

@@ -1,13 +1,13 @@
 import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {EditComponent} from './edit.component';
-import {CardModule} from '../../../../widget-modules/components/card/card.module';
+
 import {ReactiveFormsModule} from '@angular/forms';
 import {MatInputModule} from '@angular/material/input';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatSelectModule} from '@angular/material/select';
 import {MatButtonModule} from '@angular/material/button';
-import {ButtonRowModule} from '../../../../widget-modules/components/button-row/button-row.module';
+
 import {RouterModule} from '@angular/router';
 import {EditSongComponent} from './edit-song/edit-song.component';
 import {EditFileComponent} from './edit-file/edit-file.component';
@@ -15,7 +15,7 @@ import {MatIconModule} from '@angular/material/icon';
 import {FileComponent} from './edit-file/file/file.component';
 import {MatChipsModule} from '@angular/material/chips';
 import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
-import {ButtonModule} from '../../../../widget-modules/components/button/button.module';
+
 import {MatTooltipModule} from '@angular/material/tooltip';
 import {SaveDialogComponent} from './edit-song/save-dialog/save-dialog.component';
 import {MatDialogModule} from '@angular/material/dialog';
@@ -28,22 +28,18 @@ import {SongTypePipe} from '../../../../widget-modules/pipes/song-type-translate
 import {StatusPipe} from '../../../../widget-modules/pipes/status-translater/status.pipe';
 
 @NgModule({
-  declarations: [EditComponent, EditSongComponent, EditFileComponent, FileComponent, SaveDialogComponent, HistoryComponent],
-  exports: [EditComponent],
-  bootstrap: [SaveDialogComponent],
-  imports: [
+    declarations: [SaveDialogComponent],
+    exports: [EditComponent],
+    bootstrap: [SaveDialogComponent],
+    imports: [
     CommonModule,
-    CardModule,
     SongTypePipe,
     ReactiveFormsModule,
     RouterModule,
-
     MatInputModule,
     MatButtonModule,
     MatCheckboxModule,
     MatSelectModule,
-    ButtonRowModule,
-
     MatIconModule,
     LegalOwnerPipe,
     LegalTypePipe,
@@ -51,10 +47,10 @@ import {StatusPipe} from '../../../../widget-modules/pipes/status-translater/sta
     MatChipsModule,
     FontAwesomeModule,
     StatusPipe,
-    ButtonModule,
     MatTooltipModule,
     MatDialogModule,
     SongTextComponent,
-  ],
+    EditComponent, EditSongComponent, EditFileComponent, FileComponent, HistoryComponent,
+],
 })
 export class EditModule {}

src/app/modules/songs/song/edit/history/history.component.spec.ts

@@ -9,8 +9,8 @@ describe('HistoryComponent', () => {
   beforeEach(
     waitForAsync(() => {
       void TestBed.configureTestingModule({
-        declarations: [HistoryComponent],
-      }).compileComponents();
+    imports: [HistoryComponent],
+}).compileComponents();
     }),
   );
 

src/app/modules/songs/song/edit/history/history.component.ts

@@ -3,12 +3,19 @@ import {first, map, switchMap} from 'rxjs/operators';
 import {ActivatedRoute} from '@angular/router';
 import {SongService} from '../../../services/song.service';
 import {Song} from '../../../services/song';
+import { NgIf, NgFor, DatePipe } from '@angular/common';
+import { CardComponent } from '../../../../../widget-modules/components/card/card.component';
 
 @Component({
-  selector: 'app-history',
-  templateUrl: './history.component.html',
-  styleUrls: ['./history.component.less'],
-  standalone: false,
+    selector: 'app-history',
+    templateUrl: './history.component.html',
+    styleUrls: ['./history.component.less'],
+    imports: [
+        NgIf,
+        CardComponent,
+        NgFor,
+        DatePipe,
+    ],
 })
 export class HistoryComponent implements OnInit {
   public song: Song | null = null;