I have a feature where in I have 2 mat-expansion-panel inside a mat-accordion. Currently I am able to expand and collapse the mat-expansion-panel properly. (One panel expanded at a time.)

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

However I wanted to collapse the mat-expansion-panel when the user clicks outside the mat-expansion-panel i.e. On the table (different component), button(different component) or even expanded mat-accordion.

Is the a good way of implementing it without impacting other features?