update angular version

src/app/modules/shows/services/docx.service.ts

@@ -2,7 +2,6 @@ import {Injectable} from '@angular/core';
 import {Document, HeadingLevel, ISectionOptions, Packer, Paragraph} from 'docx';
 import {ShowService} from './show.service';
 import {ShowTypePipe} from '../../../widget-modules/pipes/show-type-translater/show-type.pipe';
-import {first} from 'rxjs/operators';
 import {ShowSongService} from './show-song.service';
 import {Song} from '../../songs/services/song';
 import {SongService} from '../../songs/services/song.service';
@@ -17,6 +16,7 @@ import {TextRenderingService} from '../../songs/services/text-rendering.service'
 import {Section} from '../../songs/services/section';
 import {LineType} from '../../songs/services/line-type';
 import {Line} from '../../songs/services/line';
+import {firstValueFrom} from 'rxjs';
 
 export interface DownloadOptions {
   copyright?: boolean;
@@ -181,7 +181,7 @@ export class DocxService {
     user: User;
     config: Config;
   } | null> {
-    const show = await this.showService.read$(showId).pipe(first()).toPromise();
+    const show = await firstValueFrom(this.showService.read$(showId));
     if (!show) return null;
     const user = await this.userService.getUserbyId(show.owner);
     if (!user) return null;

src/app/modules/shows/services/show-data.service.ts

@@ -2,7 +2,7 @@ import {Injectable} from '@angular/core';
 import {Observable} from 'rxjs';
 import {DbService} from '../../../services/db.service';
 import {Show} from './show';
-import {QueryFn} from '@angular/fire/firestore/interfaces';
+import {QueryFn} from '@angular/fire/compat/firestore/interfaces';
 
 @Injectable({
   providedIn: 'root',

src/app/modules/shows/services/show-song-data.service.ts

@@ -2,7 +2,7 @@ import {Injectable} from '@angular/core';
 import {DbService} from '../../../services/db.service';
 import {Observable} from 'rxjs';
 import {ShowSong} from './show-song';
-import {QueryFn} from '@angular/fire/firestore/interfaces';
+import {QueryFn} from '@angular/fire/compat/firestore/interfaces';
 
 @Injectable({
   providedIn: 'root',

src/app/modules/shows/services/show-song.service.ts

@@ -1,9 +1,8 @@
 import {Injectable} from '@angular/core';
 import {ShowSongDataService} from './show-song-data.service';
-import {Observable} from 'rxjs';
+import {firstValueFrom, Observable} from 'rxjs';
 import {ShowSong} from './show-song';
 import {SongDataService} from '../../songs/services/song-data.service';
-import {first, take} from 'rxjs/operators';
 import {UserService} from '../../../services/user/user.service';
 import {ShowService} from './show.service';
 
@@ -19,8 +18,8 @@ export class ShowSongService {
   ) {}
 
   public async new$(showId: string, songId: string, addedLive = false): Promise<string | null> {
-    const song = await this.songDataService.read$(songId).pipe(take(1)).toPromise();
-    const user = await this.userService.user$.pipe(take(1)).toPromise();
+    const song = await firstValueFrom(this.songDataService.read$(songId));
+    const user = await firstValueFrom(this.userService.user$);
     if (!song || !user) return null;
     const data: Partial<ShowSong> = {
       ...song,
@@ -34,14 +33,14 @@ export class ShowSongService {
   }
 
   public read$ = (showId: string, songId: string): Observable<ShowSong | null> => this.showSongDataService.read$(showId, songId);
-  public read = (showId: string, songId: string): Promise<ShowSong | null> => this.read$(showId, songId).pipe(first()).toPromise();
+  public read = (showId: string, songId: string): Promise<ShowSong | null> => firstValueFrom(this.read$(showId, songId));
 
   public list$ = (showId: string): Observable<ShowSong[]> => this.showSongDataService.list$(showId);
-  public list = (showId: string): Promise<ShowSong[]> => this.list$(showId).pipe(first()).toPromise();
+  public list = (showId: string): Promise<ShowSong[]> => firstValueFrom(this.list$(showId));
 
   public async delete$(showId: string, songId: string, index: number): Promise<void> {
     await this.showSongDataService.delete(showId, songId);
-    const show = await this.showService.read$(showId).pipe(first()).toPromise();
+    const show = await firstValueFrom(this.showService.read$(showId));
     if (!show) return;
     const order = show.order;
     order.splice(index, 1);

src/app/modules/shows/services/show.ts

@@ -1,4 +1,4 @@
-import firebase from 'firebase/app';
+import firebase from 'firebase/compat/app';
 import Timestamp = firebase.firestore.Timestamp;
 
 export interface Show {