From 9173918ce4e1162872a58f9a37597383ac02ff5c Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Wed, 2 Nov 2022 13:30:06 +0100
Subject: [PATCH] openvidu-components: Fixed bug when panel changed in Angular
 14

---
 .../panel/settings-panel/settings-panel.component.html        | 2 +-
 .../panel/settings-panel/settings-panel.component.ts          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html
index 22464ee2..65dcd05f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.html
@@ -8,7 +8,7 @@
 
 	<div class="settings-container" fxFlex="100%" fxLayoutAlign="space-evenly none">
 		<div class="item-menu">
-			<mat-selection-list (selectionChange)="onSelectionChanged($event)" [multiple]="false">
+			<mat-selection-list #optionList (selectionChange)="onSelectionChanged(optionList.selectedOptions.selected[0]?.value)" [multiple]="false">
 				<mat-list-option class="option" id="general-opt" [selected]="selectedOption === settingsOptions.GENERAL" [value]="settingsOptions.GENERAL">
 					<mat-icon mat-list-icon>manage_accounts</mat-icon>
 					<div mat-line>{{ 'PANEL.SETTINGS.GENERAL' | translate }}</div>
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.ts
index 24536ef0..183cc9c8 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/settings-panel/settings-panel.component.ts
@@ -31,8 +31,8 @@ export class SettingsPanelComponent implements OnInit {
 	close() {
 		this.panelService.togglePanel(PanelType.SETTINGS);
 	}
-	onSelectionChanged(e: any){
-		this.selectedOption = e.option.value;
+	onSelectionChanged(option: PanelSettingsOptions){
+		this.selectedOption = option;
 	 }
 
 	private subscribeToDirectives() {