frontend: Updated to Angular 19

frontend/package.json

@@ -23,34 +23,34 @@
     "format:code": "prettier --ignore-path ../gitignore . --write"
   },
   "dependencies": {
-		"@angular/animations": "18.2.5",
+    "@angular/animations": "19.2.15",
-		"@angular/cdk": "18.2.5",
+    "@angular/cdk": "19.2.19",
-		"@angular/common": "18.2.5",
+    "@angular/common": "19.2.15",
-		"@angular/compiler": "18.2.5",
+    "@angular/compiler": "19.2.15",
-		"@angular/core": "18.2.5",
+    "@angular/core": "19.2.15",
-		"@angular/forms": "18.2.5",
+    "@angular/forms": "19.2.15",
-		"@angular/material": "18.2.5",
+    "@angular/material": "19.2.19",
-		"@angular/platform-browser": "18.2.5",
+    "@angular/platform-browser": "19.2.15",
-		"@angular/platform-browser-dynamic": "18.2.5",
+    "@angular/platform-browser-dynamic": "19.2.15",
-		"@angular/router": "18.2.5",
+    "@angular/router": "19.2.15",
     "core-js": "3.38.1",
     "jwt-decode": "4.0.0",
     "openvidu-components-angular": "3.4.0",
     "rxjs": "7.8.1",
     "tslib": "2.3.0",
     "unique-names-generator": "4.7.1",
-		"zone.js": "0.14.10"
+    "zone.js": "0.15.1"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "18.0.0",
-		"@angular-devkit/build-angular": "18.2.6",
+    "@angular-devkit/build-angular": "19.2.17",
     "@angular-eslint/builder": "18.3.1",
     "@angular-eslint/eslint-plugin": "18.3.1",
     "@angular-eslint/eslint-plugin-template": "18.3.1",
     "@angular-eslint/schematics": "18.3.1",
     "@angular-eslint/template-parser": "18.3.1",
-		"@angular/cli": "18.2.5",
+    "@angular/cli": "19.2.17",
-		"@angular/compiler-cli": "18.2.5",
+    "@angular/compiler-cli": "19.2.15",
     "@types/chai": "4.3.19",
     "@types/fluent-ffmpeg": "2.1.27",
     "@types/jasmine": "5.1.7",
@@ -75,11 +75,11 @@
     "karma-jasmine": "5.1.0",
     "karma-jasmine-html-reporter": "2.1.0",
     "mocha": "10.7.3",
-		"ng-packagr": "18.2.1",
+    "ng-packagr": "19.2.2",
     "prettier": "3.3.3",
     "selenium-webdriver": "4.25.0",
     "ts-node": "10.9.2",
     "tslib": "2.6.3",
-		"typescript": "5.4.5"
+    "typescript": "5.8.3"
   }
 }

frontend/projects/shared-meet-components/src/lib/components/console-nav/console-nav.component.ts

@@ -12,7 +12,6 @@ import { AppDataService, ThemeService } from '@lib/services';
 
 @Component({
     selector: 'ov-console-nav',
-	standalone: true,
     imports: [
         CommonModule,
         MatToolbarModule,

frontend/projects/shared-meet-components/src/lib/components/dialogs/basic-dialog/dialog.component.ts

@@ -14,7 +14,6 @@ import type { DialogOptions } from '@lib/models';
 
 @Component({
     selector: 'ov-dialog',
-	standalone: true,
     imports: [
         FormsModule,
         MatButtonModule,

frontend/projects/shared-meet-components/src/lib/components/dialogs/delete-room-dialog/delete-room-dialog.component.ts

@@ -15,7 +15,6 @@ import { MeetRoomDeletionPolicyWithMeeting, MeetRoomDeletionPolicyWithRecordings
 
 @Component({
     selector: 'ov-delete-room-dialog',
-	standalone: true,
     imports: [
         FormsModule,
         MatButtonModule,

frontend/projects/shared-meet-components/src/lib/components/dialogs/share-recording-dialog/share-recording-dialog.component.ts

@@ -19,7 +19,6 @@ import { RecordingService } from '@lib/services';
 
 @Component({
     selector: 'ov-share-recording-dialog',
-	standalone: true,
     imports: [
         FormsModule,
         MatRadioModule,

frontend/projects/shared-meet-components/src/lib/components/logo-selector/logo-selector.component.ts

@@ -5,7 +5,6 @@ import { ProFeatureBadgeComponent } from '@lib/components';
 
 @Component({
     selector: 'ov-logo-selector',
-	standalone: true,
     imports: [MatButtonModule, MatIconModule, ProFeatureBadgeComponent],
     templateUrl: './logo-selector.component.html',
     styleUrl: './logo-selector.component.scss'

frontend/projects/shared-meet-components/src/lib/components/pro-feature-badge/pro-feature-badge.component.ts

@@ -3,7 +3,6 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'ov-pro-feature-badge',
-	standalone: true,
     imports: [MatIconModule],
     templateUrl: './pro-feature-badge.component.html',
     styleUrl: './pro-feature-badge.component.scss'

frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.ts

@@ -48,7 +48,6 @@ export interface RecordingTableAction {
 
 @Component({
     selector: 'ov-recording-lists',
-	standalone: true,
     imports: [
         CommonModule,
         ReactiveFormsModule,

frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.ts

@@ -68,7 +68,6 @@ export interface RoomTableAction {
 
 @Component({
     selector: 'ov-rooms-lists',
-	standalone: true,
     imports: [
         CommonModule,
         ReactiveFormsModule,

frontend/projects/shared-meet-components/src/lib/components/selectable-card/selectable-card.component.ts

@@ -29,7 +29,6 @@ export interface SelectionEvent {
 
 @Component({
     selector: 'ov-selectable-card',
-	standalone: true,
     imports: [CommonModule, MatIconModule, ProFeatureBadgeComponent],
     templateUrl: './selectable-card.component.html',
     styleUrl: './selectable-card.component.scss'

frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.ts

@@ -4,7 +4,6 @@ import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'ov-share-meeting-link',
-	standalone: true,
     imports: [MatButtonModule, MatIconModule],
     templateUrl: './share-meeting-link.component.html',
     styleUrl: './share-meeting-link.component.scss'

frontend/projects/shared-meet-components/src/lib/components/spinner/spinner.component.ts

@@ -3,7 +3,6 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
 @Component({
     selector: 'ov-spinner',
-	standalone: true,
     imports: [MatProgressSpinnerModule],
     template: `<mat-spinner></mat-spinner>`,
     styleUrl: './spinner.component.scss'

frontend/projects/shared-meet-components/src/lib/components/step-indicator/step-indicator.component.ts

@@ -10,7 +10,6 @@ import { map } from 'rxjs/operators';
 
 @Component({
     selector: 'ov-step-indicator',
-	standalone: true,
     imports: [CommonModule, MatStepperModule, ReactiveFormsModule],
     templateUrl: './step-indicator.component.html',
     styleUrl: './step-indicator.component.scss'

frontend/projects/shared-meet-components/src/lib/components/wizard-nav/wizard-nav.component.ts

@@ -5,7 +5,6 @@ import type { WizardNavigationConfig, WizardNavigationEvent } from '@lib/models'
 
 @Component({
     selector: 'ov-wizard-nav',
-	standalone: true,
     imports: [MatButton, MatIcon],
     templateUrl: './wizard-nav.component.html',
     styleUrl: './wizard-nav.component.scss'

frontend/projects/shared-meet-components/src/lib/pages/console/about/about.component.ts

@@ -2,7 +2,6 @@ import { Component } from '@angular/core';
 
 @Component({
     selector: 'ov-about',
-	standalone: true,
     imports: [],
     templateUrl: './about.component.html',
     styleUrl: './about.component.scss'

frontend/projects/shared-meet-components/src/lib/pages/console/config/config.component.ts

@@ -26,7 +26,6 @@ interface ThemeColors {
 
 @Component({
     selector: 'ov-config',
-	standalone: true,
     imports: [
         MatCardModule,
         MatButtonModule,

frontend/projects/shared-meet-components/src/lib/pages/console/console.component.ts

@@ -5,7 +5,6 @@ import { AuthService } from '@lib/services';
 
 @Component({
     selector: 'ov-console',
-	standalone: true,
     imports: [ConsoleNavComponent],
     templateUrl: './console.component.html',
     styleUrl: './console.component.scss'

frontend/projects/shared-meet-components/src/lib/pages/console/embedded/embedded.component.ts

@@ -14,7 +14,6 @@ import { MeetApiKey } from '@lib/typings/ce';
 
 @Component({
     selector: 'ov-embedded',
-	standalone: true,
     imports: [
         MatCardModule,
         MatButtonModule,

frontend/projects/shared-meet-components/src/lib/pages/console/overview/overview.component.ts

@@ -18,7 +18,6 @@ interface OverviewStats {
 
 @Component({
     selector: 'ov-overview',
-	standalone: true,
     imports: [CommonModule, MatCardModule, MatButtonModule, MatIconModule, MatGridListModule],
     templateUrl: './overview.component.html',
     styleUrl: './overview.component.scss'

frontend/projects/shared-meet-components/src/lib/pages/console/recordings/recordings.component.ts

@@ -9,7 +9,6 @@ import { ILogger, LoggerService } from 'openvidu-components-angular';
 
 @Component({
     selector: 'ov-recordings',
-	standalone: true,
     imports: [RecordingListsComponent, MatIconModule, MatProgressSpinnerModule],
     templateUrl: './recordings.component.html',
     styleUrl: './recordings.component.scss'

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-basic-creation/room-basic-creation.component.ts

@@ -11,7 +11,6 @@ import { Subject, takeUntil } from 'rxjs';
 
 @Component({
     selector: 'ov-room-basic-creation',
-	standalone: true,
     imports: [
         ReactiveFormsModule,
         MatButtonModule,

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/room-wizard.component.ts

@@ -18,7 +18,6 @@ import { RoomWizardRoomDetailsComponent } from './steps/room-details/room-detail
 
 @Component({
     selector: 'ov-room-wizard',
-	standalone: true,
     imports: [
         CommonModule,
         StepIndicatorComponent,

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/recording-config/recording-config.component.ts

@@ -19,7 +19,6 @@ interface RecordingAccessOption {
 
 @Component({
     selector: 'ov-recording-config',
-	standalone: true,
     imports: [
         CommonModule,
         ReactiveFormsModule,

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/recording-layout/recording-layout.component.ts

@@ -11,7 +11,6 @@ import { Subject, takeUntil } from 'rxjs';
 
 @Component({
     selector: 'ov-recording-layout',
-	standalone: true,
     imports: [
         CommonModule,
         ReactiveFormsModule,

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/recording-trigger/recording-trigger.component.ts

@@ -11,7 +11,6 @@ import { Subject, takeUntil } from 'rxjs';
 
 @Component({
     selector: 'ov-recording-trigger',
-	standalone: true,
     imports: [
         CommonModule,
         ReactiveFormsModule,

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/room-config/room-config.component.ts

@@ -8,7 +8,6 @@ import { Subject, takeUntil } from 'rxjs';
 
 @Component({
     selector: 'ov-room-config',
-	standalone: true,
     imports: [ReactiveFormsModule, MatCardModule, MatIconModule, MatSlideToggleModule],
     templateUrl: './room-config.component.html',
     styleUrl: './room-config.component.scss'

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/room-details/room-details.component.ts

@@ -19,7 +19,6 @@ import { Subject, takeUntil } from 'rxjs';
 
 @Component({
     selector: 'ov-room-details',
-	standalone: true,
     imports: [
         ReactiveFormsModule,
         MatButtonModule,

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/rooms.component.ts

@@ -32,7 +32,6 @@ import { ILogger, LoggerService } from 'openvidu-components-angular';
 
 @Component({
     selector: 'ov-rooms',
-	standalone: true,
     imports: [
         MatListModule,
         MatCardModule,

frontend/projects/shared-meet-components/src/lib/pages/console/users-permissions/users-permissions.component.ts

@@ -23,7 +23,6 @@ import { AuthMode } from '@lib/typings/ce';
 
 @Component({
     selector: 'ov-users-permissions',
-	standalone: true,
     imports: [
         MatCardModule,
         MatButtonModule,

frontend/projects/shared-meet-components/src/lib/pages/error/error.component.ts

@@ -8,7 +8,6 @@ import { AppDataService, AuthService, NavigationService, WebComponentManagerServ
 
 @Component({
     selector: 'ov-error',
-	standalone: true,
     imports: [MatCardModule, MatIconModule, MatButtonModule],
     templateUrl: './error.component.html',
     styleUrl: './error.component.scss'

frontend/projects/shared-meet-components/src/lib/pages/login/login.component.ts

@@ -12,7 +12,6 @@ import { AuthService, NavigationService } from '@lib/services';
 
 @Component({
     selector: 'ov-login',
-	standalone: true,
     imports: [
         MatFormFieldModule,
         ReactiveFormsModule,

frontend/projects/shared-meet-components/src/lib/pages/meeting/end-meeting/end-meeting.component.ts

@@ -9,7 +9,6 @@ import { LeftEventReason } from '@lib/typings/ce';
 
 @Component({
     selector: 'ov-end-meeting',
-	standalone: true,
     imports: [CommonModule, MatCardModule, MatButtonModule, MatIconModule],
     templateUrl: './end-meeting.component.html',
     styleUrl: './end-meeting.component.scss'

frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.ts

@@ -67,7 +67,6 @@ import { combineLatest, Subject, takeUntil } from 'rxjs';
     selector: 'ov-meeting',
     templateUrl: './meeting.component.html',
     styleUrls: ['./meeting.component.scss'],
-	standalone: true,
     imports: [
         OpenViduComponentsUiModule,
         // ApiDirectiveModule,

frontend/projects/shared-meet-components/src/lib/pages/room-recordings/room-recordings.component.ts

@@ -13,7 +13,6 @@ import { ILogger, LoggerService } from 'openvidu-components-angular';
     selector: 'ov-room-recordings',
     templateUrl: './room-recordings.component.html',
     styleUrls: ['./room-recordings.component.scss'],
-	standalone: true,
     imports: [MatToolbarModule, MatButtonModule, RecordingListsComponent, MatIconModule, MatProgressSpinnerModule]
 })
 export class RoomRecordingsComponent implements OnInit {

frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.ts

@@ -16,7 +16,6 @@ import { ViewportService } from 'openvidu-components-angular';
     selector: 'ov-view-recording',
     templateUrl: './view-recording.component.html',
     styleUrls: ['./view-recording.component.scss'],
-	standalone: true,
     imports: [
         MatCardModule,
         MatButtonModule,

frontend/src/app/app.component.ts

@@ -7,7 +7,6 @@ import packageInfo from '../../package.json';
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss'],
-	standalone: true,
     imports: [RouterOutlet]
 })
 export class AppComponent implements OnInit {

frontend/src/app/app.config.ts

@@ -1,6 +1,6 @@
 import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
 import { provideHttpClient, withInterceptors } from '@angular/common/http';
-import { APP_INITIALIZER, ApplicationConfig, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom, provideZoneChangeDetection, inject, provideAppInitializer } from '@angular/core';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter } from '@angular/router';
 import { routes } from '@app/app.routes';
@@ -17,13 +17,10 @@ const ovComponentsconfig: OpenViduComponentsConfig = {
 
 export const appConfig: ApplicationConfig = {
 	providers: [
-		{
+		provideAppInitializer(() => {
-			provide: APP_INITIALIZER,
+        const initializerFn = ((themeService: ThemeService) => () => themeService.initializeTheme())(inject(ThemeService));
-			// Ensure the theme is initialized before the app starts
+        return initializerFn();
-			useFactory: (themeService: ThemeService) => () => themeService.initializeTheme(),
+      }),
-			deps: [ThemeService],
-			multi: true
-		},
 		importProvidersFrom(OpenViduComponentsModule.forRoot(ovComponentsconfig)),
 		provideZoneChangeDetection({ eventCoalescing: true }),
 		provideRouter(routes),

frontend/src/styles.scss

@@ -2,11 +2,13 @@
 @use './assets/styles/openvidu-theme.scss';
 @import './assets/styles/design-tokens';
 
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 // Light theme by default
 html {
-	@include mat.core-theme(openvidu-theme.$light-theme);
+	@include mat.elevation-classes();
+	@include mat.app-background();
 	@include mat.all-component-bases(openvidu-theme.$light-theme);
 	@include mat.all-component-colors(openvidu-theme.$light-theme);
 	@include mat.all-component-typographies(openvidu-theme.$light-theme);