openvidu-testapp: update to Angular 19

openvidu-testapp/package.json

@@ -11,16 +11,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^19.1.6",
     "@angular/cdk": "^18.2.14",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
+    "@angular/common": "^19.1.6",
+    "@angular/compiler": "^19.1.6",
+    "@angular/core": "^19.1.6",
+    "@angular/forms": "^19.1.6",
     "@angular/material": "^18.2.14",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/platform-browser": "^19.1.6",
+    "@angular/platform-browser-dynamic": "^19.1.6",
+    "@angular/router": "^19.1.6",
     "@livekit/protocol": "1.29.2",
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.0",
@@ -32,12 +32,12 @@
     "stream-browserify": "^3.0.0",
     "tslib": "^2.6.2",
     "util": "^0.12.5",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.14",
-    "@angular/cli": "~18.2.14",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular-devkit/build-angular": "^19.1.7",
+    "@angular/cli": "~19.1.7",
+    "@angular/compiler-cli": "^19.1.6",
     "@types/events": "^3.0.2",
     "@types/jasmine": "~5.1.1",
     "@types/json-stringify-safe": "^5.0.2",
@@ -49,6 +49,6 @@
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "5.4.5"
+    "typescript": "5.7.3"
   }
 }

openvidu-testapp/src/app/app.component.ts

@@ -7,6 +7,7 @@ import { LivekitParamsService } from './services/livekit-params.service';
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.css'],
+    standalone: false
 })
 export class AppComponent {
   livekitUrl = 'ws://localhost:7880/'; // `${window.location.protocol === 'https:' ? 'wss' : 'ws'}://localhost:1880/`;

openvidu-testapp/src/app/components/audio-track/audio-track.component.ts

@@ -6,6 +6,7 @@ import { TrackComponent } from '../track/track.component';
     selector: 'app-audio-track',
     templateUrl: './audio-track.component.html',
     styleUrls: ['./audio-track.component.css'],
+    standalone: false
 })
 export class AudioTrackComponent extends TrackComponent {
   muteAudioIcon: string = 'mic';

openvidu-testapp/src/app/components/dialogs/events-dialog/events-dialog.component.ts

@@ -41,7 +41,8 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
         'mat-divider { margin-top: 5px; margin-bottom: 5px; }',
         '.col-50 {flex-basis: 50%; box-sizing: border-box; padding-left: 20px; }',
         '.toggle { }'
-    ]
+    ],
+    standalone: false
 })
 export class EventsDialogComponent {
 

openvidu-testapp/src/app/components/dialogs/info-dialog/info-dialog.component.ts

@@ -7,6 +7,7 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
     selector: 'app-info-dialog',
     templateUrl: './info-dialog.component.html',
     styleUrls: ['./info-dialog.component.css'],
+    standalone: false
 })
 export class InfoDialogComponent implements OnDestroy {
   title: string;

openvidu-testapp/src/app/components/dialogs/options-dialog/options-dialog.component.ts

@@ -16,6 +16,7 @@ import {
     selector: 'app-options-dialog',
     templateUrl: './options-dialog.component.html',
     styleUrls: ['./options-dialog.component.css'],
+    standalone: false
 })
 export class OptionsDialogComponent {
   roomOptions?: RoomOptions;

openvidu-testapp/src/app/components/dialogs/options-dialog/video-resolution/video-resolution.component.ts

@@ -4,6 +4,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
     selector: 'app-video-resolution',
     templateUrl: './video-resolution.component.html',
     styleUrls: ['./video-resolution.component.css'],
+    standalone: false
 })
 export class VideoResolutionComponent {
   @Input() componentId: string;

openvidu-testapp/src/app/components/dialogs/room-api-dialog/room-api-dialog.component.ts

@@ -30,6 +30,7 @@ import {
     selector: 'app-room-api-dialog',
     templateUrl: './room-api-dialog.component.html',
     styleUrls: ['./room-api-dialog.component.css'],
+    standalone: false
 })
 export class RoomApiDialogComponent {
   room: Room;

openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.ts

@@ -50,6 +50,7 @@ import { InfoDialogComponent } from '../dialogs/info-dialog/info-dialog.componen
     selector: 'app-openvidu-instance',
     templateUrl: './openvidu-instance.component.html',
     styleUrls: ['./openvidu-instance.component.css'],
+    standalone: false
 })
 export class OpenviduInstanceComponent {
   @Input()

openvidu-testapp/src/app/components/participant/participant.component.ts

@@ -38,6 +38,7 @@ import { OptionsDialogComponent } from '../dialogs/options-dialog/options-dialog
     selector: 'app-participant',
     templateUrl: './participant.component.html',
     styleUrls: ['./participant.component.css'],
+    standalone: false
 })
 export class ParticipantComponent {
   @Input()

openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts

@@ -42,6 +42,7 @@ export interface User {
     selector: 'app-test-scenarios',
     templateUrl: './test-scenarios.component.html',
     styleUrls: ['./test-scenarios.component.css'],
+    standalone: false
 })
 export class TestScenariosComponent implements OnInit, OnDestroy {
   fixedRoomId = 'SCENARIO_TEST';

openvidu-testapp/src/app/components/test-sessions/test-sessions.component.ts

@@ -22,6 +22,7 @@ export interface RoomConf {
             ]),
         ]),
     ],
+    standalone: false
 })
 export class TestSessionsComponent {
   eventsInfoSubscription: Subscription;

openvidu-testapp/src/app/components/track/track.component.ts

@@ -27,6 +27,7 @@ import {
     selector: 'app-track',
     template: '',
     styleUrls: [],
+    standalone: false
 })
 export class TrackComponent {
   @Output()

openvidu-testapp/src/app/components/users-table/table-video.component.ts

@@ -19,6 +19,7 @@ import { AudioTrack, VideoTrack } from 'livekit-client';
       }
     `,
     ],
+    standalone: false
 })
 export class TableVideoComponent implements AfterViewInit {
   @ViewChild('mediaElement') elementRef: ElementRef;

openvidu-testapp/src/app/components/users-table/users-table.component.ts

@@ -6,6 +6,7 @@ import { User } from '../test-scenarios/test-scenarios.component';
     selector: 'app-users-table',
     styleUrls: ['users-table.component.css'],
     templateUrl: 'users-table.component.html',
+    standalone: false
 })
 export class UsersTableComponent {
   @Input() users: User[] = [];

openvidu-testapp/src/app/components/video-track/video-track.component.ts

@@ -14,6 +14,7 @@ import { InfoDialogComponent } from '../dialogs/info-dialog/info-dialog.componen
     selector: 'app-video-track',
     templateUrl: './video-track.component.html',
     styleUrls: ['./video-track.component.css'],
+    standalone: false
 })
 export class VideoTrackComponent extends TrackComponent {
   muteVideoIcon: string = 'videocam';

openvidu-testapp/src/app/pipes/callback.pipe.ts

@@ -3,6 +3,7 @@ import { PipeTransform, Pipe } from '@angular/core';
 @Pipe({
     name: 'callback',
     pure: false,
+    standalone: false
 })
 export class CallbackPipe implements PipeTransform {
   transform(items: any[], callback: (item: any) => boolean): any {