Tengo una función en la que tengo 2 mat-expansion-panel dentro de un mat-accordion . Actualmente puedo expandir y colapsar el mat-expansion-panel correctamente. (Un panel expandido a la vez).

 <mat-accordion> <mat-expansion-panel [(expanded)]="isExpanded"> ... </mat-expansion-panel> <mat-expansion-panel [(expanded)]="isExpanded"> ... </mat-expansion-panel> </mat-accordion>

Sin embargo, quería colapsar el mat-expansion-panel cuando el usuario hace clic fuera del mat-expansion-panel es decir, en la mesa (componente diferente), botón (componente diferente) o incluso acordeón expandido.

¿Es una buena manera de implementarlo sin afectar otras características?