update angular

src/app/widget-modules/components/add-song/add-song.component.html

@@ -8,8 +8,9 @@
         ></ngx-mat-select-search>
       </mat-option>
       <mat-option *ngFor="let song of filteredSongs()" [value]="song.id">{{
-        song.title
-        }}</mat-option>
+          song.title
+        }}
+      </mat-option>
     </mat-select>
   </mat-form-field>
 </div>

src/app/widget-modules/components/add-song/add-song.component.spec.ts

@@ -11,7 +11,7 @@ describe('AddSongComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [AddSongComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/add-song/add-song.component.ts

@@ -13,6 +13,7 @@ import {ShowService} from '../../../modules/shows/services/show.service';
   templateUrl: './add-song.component.html',
   styleUrls: ['./add-song.component.less'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class AddSongComponent {
   @Input() public songs: Song[] | null = null;
@@ -21,7 +22,8 @@ export class AddSongComponent {
   @Input() public addedLive = false;
   public filteredSongsControl = new UntypedFormControl();
 
-  public constructor(private showSongService: ShowSongService, private showService: ShowService) {}
+  public constructor(private showSongService: ShowSongService, private showService: ShowService) {
+  }
 
   public filteredSongs(): Song[] {
     if (!this.songs) return [];

src/app/widget-modules/components/add-song/add-song.module.ts

@@ -11,4 +11,5 @@ import {ReactiveFormsModule} from '@angular/forms';
   exports: [AddSongComponent],
   imports: [CommonModule, MatFormFieldModule, MatSelectModule, NgxMatSelectSearchModule, ReactiveFormsModule],
 })
-export class AddSongModule {}
+export class AddSongModule {
+}

src/app/widget-modules/components/application-frame/application-frame.module.ts

@@ -14,4 +14,5 @@ import {BrandComponent} from './navigation/brand/brand.component';
   imports: [CommonModule, RouterModule, FontAwesomeModule, FormsModule, RoleModule],
   exports: [NavigationComponent],
 })
-export class ApplicationFrameModule {}
+export class ApplicationFrameModule {
+}

src/app/widget-modules/components/application-frame/navigation/brand/brand.component.spec.ts

@@ -11,7 +11,7 @@ describe('BrandComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [BrandComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/application-frame/navigation/brand/brand.component.ts

@@ -4,5 +4,7 @@ import {Component} from '@angular/core';
   selector: 'app-brand',
   templateUrl: './brand.component.html',
   styleUrls: ['./brand.component.less'],
+  standalone: false,
 })
-export class BrandComponent {}
+export class BrandComponent {
+}

src/app/widget-modules/components/application-frame/navigation/filter/filter.component.spec.ts

@@ -11,7 +11,7 @@ describe('FilterComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [FilterComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/application-frame/navigation/filter/filter.component.ts

@@ -5,6 +5,7 @@ import {ActivatedRoute, Params, Router} from '@angular/router';
   selector: 'app-filter',
   templateUrl: './filter.component.html',
   styleUrls: ['./filter.component.less'],
+  standalone: false,
 })
 export class FilterComponent {
   public value = '';

src/app/widget-modules/components/application-frame/navigation/link/link.component.spec.ts

@@ -11,7 +11,7 @@ describe('LinkComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [LinkComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/application-frame/navigation/link/link.component.ts

@@ -6,6 +6,7 @@ import {faCross} from '@fortawesome/free-solid-svg-icons';
   selector: 'app-link',
   templateUrl: './link.component.html',
   styleUrls: ['./link.component.less'],
+  standalone: false,
 })
 export class LinkComponent {
   @Input() public text: string | null = null;

src/app/widget-modules/components/application-frame/navigation/navigation.component.spec.ts

@@ -11,7 +11,7 @@ describe('NavigationComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [NavigationComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/application-frame/navigation/navigation.component.ts

@@ -7,6 +7,7 @@ import {distinctUntilChanged, map, shareReplay, startWith} from 'rxjs/operators'
   selector: 'app-navigation',
   templateUrl: './navigation.component.html',
   styleUrls: ['./navigation.component.less'],
+  standalone: false,
 })
 export class NavigationComponent {
   public faSongs = faMusic;
@@ -18,7 +19,7 @@ export class NavigationComponent {
     map(() => window.scrollY),
     startWith(0),
     distinctUntilChanged(),
-    shareReplay(1)
+    shareReplay(1),
   );
 
   public isNavigationHidden = (scroll: number | null): boolean => (scroll ?? 0) > 60;

src/app/widget-modules/components/button-row/button-row.component.spec.ts

@@ -11,7 +11,7 @@ describe('ButtonRowComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [ButtonRowComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/button-row/button-row.component.ts

@@ -4,5 +4,7 @@ import {Component} from '@angular/core';
   selector: 'app-button-row',
   templateUrl: './button-row.component.html',
   styleUrls: ['./button-row.component.less'],
+  standalone: false,
 })
-export class ButtonRowComponent {}
+export class ButtonRowComponent {
+}

src/app/widget-modules/components/button-row/button-row.module.ts

@@ -7,4 +7,5 @@ import {ButtonRowComponent} from './button-row.component';
   exports: [ButtonRowComponent],
   imports: [CommonModule],
 })
-export class ButtonRowModule {}
+export class ButtonRowModule {
+}

src/app/widget-modules/components/button/button.component.spec.ts

@@ -11,7 +11,7 @@ describe('ButtonComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [ButtonComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/button/button.component.ts

@@ -5,6 +5,7 @@ import {IconProp} from '@fortawesome/fontawesome-svg-core';
   selector: 'app-button',
   templateUrl: './button.component.html',
   styleUrls: ['./button.component.less'],
+  standalone: false,
 })
 export class ButtonComponent {
   @Input() public icon: IconProp | null = null;

src/app/widget-modules/components/button/button.module.ts

@@ -9,4 +9,5 @@ import {MatButtonModule} from '@angular/material/button';
   exports: [ButtonComponent],
   imports: [CommonModule, FontAwesomeModule, MatButtonModule],
 })
-export class ButtonModule {}
+export class ButtonModule {
+}

src/app/widget-modules/components/card/card.component.less

@@ -47,6 +47,7 @@
   padding-left: 20px;
   padding-top: 20px;
 }
+
 .subheading {
   font-size: 14px;
   font-weight: bold;

src/app/widget-modules/components/card/card.component.spec.ts

@@ -11,7 +11,7 @@ describe('CardComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [CardComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/card/card.component.ts

@@ -5,6 +5,7 @@ import {faTimes} from '@fortawesome/free-solid-svg-icons';
   selector: 'app-card',
   templateUrl: './card.component.html',
   styleUrls: ['./card.component.less'],
+  standalone: false,
 })
 export class CardComponent {
   @Input() public padding = true;

src/app/widget-modules/components/card/card.module.ts

@@ -10,4 +10,5 @@ import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
   exports: [CardComponent],
   imports: [CommonModule, MatButtonModule, RouterModule, FontAwesomeModule],
 })
-export class CardModule {}
+export class CardModule {
+}

src/app/widget-modules/components/list-header/list-header.component.spec.ts

@@ -11,7 +11,7 @@ describe('ListHeaderComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [ListHeaderComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/list-header/list-header.component.ts

@@ -7,6 +7,7 @@ import {fade} from '../../../animations';
   templateUrl: './list-header.component.html',
   styleUrls: ['./list-header.component.less'],
   animations: [fade],
+  standalone: false,
 })
 export class ListHeaderComponent {
   public faNew = faPlus;

src/app/widget-modules/components/list-header/list-header.module.ts

@@ -11,4 +11,5 @@ import {CardModule} from '../card/card.module';
   exports: [ListHeaderComponent],
   imports: [CommonModule, FontAwesomeModule, MatButtonModule, RouterModule, CardModule],
 })
-export class ListHeaderModule {}
+export class ListHeaderModule {
+}

src/app/widget-modules/components/logo/logo.component.spec.ts

@@ -11,7 +11,7 @@ describe('LogoComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [LogoComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/logo/logo.component.ts

@@ -4,5 +4,7 @@ import {Component} from '@angular/core';
   selector: 'app-logo',
   templateUrl: './logo.component.html',
   styleUrls: ['./logo.component.less'],
+  standalone: false,
 })
-export class LogoComponent {}
+export class LogoComponent {
+}

src/app/widget-modules/components/logo/logo.module.ts

@@ -7,4 +7,5 @@ import {LogoComponent} from './logo.component';
   exports: [LogoComponent],
   imports: [CommonModule],
 })
-export class LogoModule {}
+export class LogoModule {
+}

src/app/widget-modules/components/menu-button/menu-button.component.spec.ts

@@ -11,7 +11,7 @@ describe('MenuButtonComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [MenuButtonComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/menu-button/menu-button.component.ts

@@ -6,6 +6,7 @@ import {faCross} from '@fortawesome/free-solid-svg-icons';
   selector: 'app-menu-button',
   templateUrl: './menu-button.component.html',
   styleUrls: ['./menu-button.component.less'],
+  standalone: false,
 })
 export class MenuButtonComponent {
   @Input() public icon: IconProp = faCross;

src/app/widget-modules/components/menu-button/menu-button.module.ts

@@ -9,4 +9,5 @@ import {MatButtonModule} from '@angular/material/button';
   exports: [MenuButtonComponent],
   imports: [CommonModule, FontAwesomeModule, MatButtonModule],
 })
-export class MenuButtonModule {}
+export class MenuButtonModule {
+}

src/app/widget-modules/components/song-text/song-text.component.html

@@ -25,9 +25,10 @@
         [class.chord]="line.type === 0"
         [class.disabled]="checkDisabled(i)"
         class="line"
-      >{{ line.text }}</div>
+      >{{ line.text }}
+      </div>
     </div>
-    <div class="error" *ngIf="sections.length===0">
+    <div *ngIf="sections.length===0" class="error">
       Es wurden keine Liedabschnitte gefunden! Bitte mindestens einen Abschnitt festlegen!
     </div>
   </div>
@@ -52,7 +53,7 @@
   </button>
 
   <div [class.offset]="fullscreen" [style.top.px]="offset + 50">
-    <h1 *ngIf="header">{{header}}</h1>
+    <h1 *ngIf="header">{{ header }}</h1>
     <div
       #section
       *ngFor="let section of sections; let i = index"
@@ -64,7 +65,8 @@
         [class.chord]="line.type === 0"
         [class.disabled]="checkDisabled(i)"
         class="line"
-      >{{ line.text.trim() }}</div>
+      >{{ line.text.trim() }}
+      </div>
     </div>
   </div>
 

src/app/widget-modules/components/song-text/song-text.component.spec.ts

@@ -11,7 +11,7 @@ describe('SongTextComponent', () => {
       void TestBed.configureTestingModule({
         declarations: [SongTextComponent],
       }).compileComponents();
-    })
+    }),
   );
 
   beforeEach(() => {

src/app/widget-modules/components/song-text/song-text.component.ts

@@ -1,4 +1,14 @@
-import {ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnInit, Output, QueryList, ViewChildren} from '@angular/core';
+import {
+  ChangeDetectorRef,
+  Component,
+  ElementRef,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output,
+  QueryList,
+  ViewChildren,
+} from '@angular/core';
 import {TextRenderingService} from '../../../modules/songs/services/text-rendering.service';
 import {faGripLines} from '@fortawesome/free-solid-svg-icons';
 import {songSwitch} from './animation';
@@ -15,6 +25,7 @@ export type ChordMode = 'show' | 'hide' | 'onlyFirst';
   templateUrl: './song-text.component.html',
   styleUrls: ['./song-text.component.less'],
   animations: [songSwitch],
+  standalone: false,
 })
 export class SongTextComponent implements OnInit {
   public sections: Section[] = [];
@@ -30,7 +41,8 @@ export class SongTextComponent implements OnInit {
   private iText = '';
   private iTranspose: TransposeMode | null = null;
 
-  public constructor(private textRenderingService: TextRenderingService, private elRef: ElementRef<HTMLElement>, private cRef: ChangeDetectorRef) {}
+  public constructor(private textRenderingService: TextRenderingService, private elRef: ElementRef<HTMLElement>, private cRef: ChangeDetectorRef) {
+  }
 
   @Input()
   public set chordMode(value: ChordMode) {
@@ -61,20 +73,6 @@ export class SongTextComponent implements OnInit {
     }, 100);
   }
 
-  private render() {
-    this.offset = 0;
-    this.sections = [];
-    if (this.fullscreen) {
-      setTimeout(() => {
-        this.sections = this.textRenderingService.parse(this.iText, this.iTranspose);
-        this.cRef.markForCheck();
-      }, 100);
-    } else {
-      this.sections = this.textRenderingService.parse(this.iText, this.iTranspose); //.sort((a, b) => a.type - b.type);
-      this.cRef.markForCheck();
-    }
-  }
-
   public getLines(section: Section): Line[] {
     return section.lines.filter(_ => {
       if (_.type !== LineType.chord) {
@@ -108,6 +106,20 @@ export class SongTextComponent implements OnInit {
     return this.index !== -1 && this.index !== i;
   }
 
+  private render() {
+    this.offset = 0;
+    this.sections = [];
+    if (this.fullscreen) {
+      setTimeout(() => {
+        this.sections = this.textRenderingService.parse(this.iText, this.iTranspose);
+        this.cRef.markForCheck();
+      }, 100);
+    } else {
+      this.sections = this.textRenderingService.parse(this.iText, this.iTranspose); //.sort((a, b) => a.type - b.type);
+      this.cRef.markForCheck();
+    }
+  }
+
   private getNextChordMode(): ChordMode {
     switch (this.iChordMode) {
       case 'show':

src/app/widget-modules/components/song-text/song-text.module.ts

@@ -9,4 +9,5 @@ import {MatButtonModule} from '@angular/material/button';
   exports: [SongTextComponent],
   imports: [CommonModule, FontAwesomeModule, MatButtonModule],
 })
-export class SongTextModule {}
+export class SongTextModule {
+}

src/app/widget-modules/directives/autofocus/autofocus.directive.ts

@@ -2,11 +2,13 @@ import {Directive, ElementRef, Input, OnInit} from '@angular/core';
 
 @Directive({
   selector: '[appAutofocus]',
+  standalone: false,
 })
 export class AutofocusDirective implements OnInit {
   private focus = true;
 
-  public constructor(private el: ElementRef<HTMLElement>) {}
+  public constructor(private el: ElementRef<HTMLElement>) {
+  }
 
   @Input()
   public set autofocus(condition: boolean) {

src/app/widget-modules/directives/autofocus/autofocus.module.ts

@@ -7,4 +7,5 @@ import {AutofocusDirective} from './autofocus.directive';
   exports: [AutofocusDirective],
   imports: [CommonModule],
 })
-export class AutofocusModule {}
+export class AutofocusModule {
+}

src/app/widget-modules/guards/role.guard.ts

@@ -8,7 +8,8 @@ import {map} from 'rxjs/operators';
   providedIn: 'root',
 })
 export class RoleGuard {
-  public constructor(private userService: UserService, private router: Router) {}
+  public constructor(private userService: UserService, private router: Router) {
+  }
 
   public canActivate(next: ActivatedRouteSnapshot): Observable<boolean | UrlTree> {
     const requiredRoles = next.data.requiredRoles as string[];
@@ -26,7 +27,7 @@ export class RoleGuard {
         const allowed = roles.some(s => requiredRoles.indexOf(s) !== -1);
 
         return allowed || this.router.createUrlTree(this.defaultRoute(roles));
-      })
+      }),
     );
   }
 

src/app/widget-modules/pipes/key-translator/key-translator.module.ts

@@ -7,4 +7,5 @@ import {KeyPipe} from './key.pipe';
   exports: [KeyPipe],
   imports: [CommonModule],
 })
-export class KeyTranslatorModule {}
+export class KeyTranslatorModule {
+}

src/app/widget-modules/pipes/key-translator/key.pipe.ts

@@ -3,6 +3,7 @@ import {scaleMapping} from '../../../modules/songs/services/key.helper';
 
 @Pipe({
   name: 'key',
+  standalone: false,
 })
 export class KeyPipe implements PipeTransform {
   public transform(key: string): string {

src/app/widget-modules/pipes/legal-owner-translator/legal-owner-translator.module.ts

@@ -7,4 +7,5 @@ import {LegalOwnerPipe} from './legal-owner.pipe';
   exports: [LegalOwnerPipe],
   imports: [CommonModule],
 })
-export class LegalOwnerTranslatorModule {}
+export class LegalOwnerTranslatorModule {
+}

src/app/widget-modules/pipes/legal-owner-translator/legal-owner.pipe.ts

@@ -3,6 +3,7 @@ import {SongLegalOwner} from '../../../modules/songs/services/song.service';
 
 @Pipe({
   name: 'legalOwner',
+  standalone: false,
 })
 export class LegalOwnerPipe implements PipeTransform {
   public transform(legalOwnerKey: SongLegalOwner): string {

src/app/widget-modules/pipes/legal-type-translator/legal-type-translator.module.ts

@@ -7,4 +7,5 @@ import {LegalTypePipe} from './legal-type.pipe';
   exports: [LegalTypePipe],
   imports: [CommonModule],
 })
-export class LegalTypeTranslatorModule {}
+export class LegalTypeTranslatorModule {
+}

src/app/widget-modules/pipes/legal-type-translator/legal-type.pipe.ts

@@ -3,6 +3,7 @@ import {SongLegalType} from '../../../modules/songs/services/song.service';
 
 @Pipe({
   name: 'legalType',
+  standalone: false,
 })
 export class LegalTypePipe implements PipeTransform {
   public transform(legalTypeKey: SongLegalType): string {

src/app/widget-modules/pipes/section-type-translator/section-type-translator.module.ts

@@ -7,4 +7,5 @@ import {SectionTypePipe} from './section-type.pipe';
   exports: [SectionTypePipe],
   imports: [CommonModule],
 })
-export class SectionTypeTranslatorModule {}
+export class SectionTypeTranslatorModule {
+}

src/app/widget-modules/pipes/section-type-translator/section-type.pipe.ts

@@ -3,6 +3,7 @@ import {SectionType} from '../../../modules/songs/services/section-type';
 
 @Pipe({
   name: 'sectionType',
+  standalone: false,
 })
 export class SectionTypePipe implements PipeTransform {
   public transform(value: SectionType): string {

src/app/widget-modules/pipes/show-type-translater/show-type-translater.module.ts

@@ -7,4 +7,5 @@ import {ShowTypePipe} from './show-type.pipe';
   exports: [ShowTypePipe],
   imports: [CommonModule],
 })
-export class ShowTypeTranslaterModule {}
+export class ShowTypeTranslaterModule {
+}

src/app/widget-modules/pipes/show-type-translater/show-type.pipe.ts

@@ -2,6 +2,7 @@ import {Pipe, PipeTransform} from '@angular/core';
 
 @Pipe({
   name: 'showType',
+  standalone: false,
 })
 export class ShowTypePipe implements PipeTransform {
   public transform(type: string): string {

src/app/widget-modules/pipes/song-type-translater/song-type-translater.module.ts

@@ -7,4 +7,5 @@ import {SongTypePipe} from './song-type.pipe';
   exports: [SongTypePipe],
   imports: [CommonModule],
 })
-export class SongTypeTranslaterModule {}
+export class SongTypeTranslaterModule {
+}

src/app/widget-modules/pipes/song-type-translater/song-type.pipe.ts

@@ -3,6 +3,7 @@ import {SongType} from '../../../modules/songs/services/song.service';
 
 @Pipe({
   name: 'songType',
+  standalone: false,
 })
 export class SongTypePipe implements PipeTransform {
   public transform(songTypeKey: SongType): string {

src/app/widget-modules/pipes/sort-by/sort-by.module.ts

@@ -7,4 +7,5 @@ import {SortByPipe} from './sort-by.pipe';
   exports: [SortByPipe],
   imports: [CommonModule],
 })
-export class SortByModule {}
+export class SortByModule {
+}

src/app/widget-modules/pipes/sort-by/sort-by.pipe.ts

@@ -1,7 +1,10 @@
 import {Pipe, PipeTransform} from '@angular/core';
 import {orderBy} from 'lodash';
 
-@Pipe({name: 'sortBy'})
+@Pipe({
+  name: 'sortBy',
+  standalone: false,
+})
 export class SortByPipe implements PipeTransform {
   public transform(value: unknown[] | null, order: 'asc' | 'desc' = 'asc', column = ''): unknown[] | null {
     if (!value || !order) {

src/app/widget-modules/pipes/status-translater/status-translater.module.ts

@@ -7,4 +7,5 @@ import {StatusPipe} from './status.pipe';
   exports: [StatusPipe],
   imports: [CommonModule],
 })
-export class StatusTranslaterModule {}
+export class StatusTranslaterModule {
+}

src/app/widget-modules/pipes/status-translater/status.pipe.ts

@@ -2,6 +2,7 @@ import {Pipe, PipeTransform} from '@angular/core';
 
 @Pipe({
   name: 'status',
+  standalone: false,
 })
 export class StatusPipe implements PipeTransform {
   public transform(songTypeKey: string): string {