[U] input-manager: hide selects via input parameter

src/app/input-manager/input-manager.component.html

@@ -1,5 +1,10 @@
 <video id="localVideo" autoplay muted></video>
 
+
+<details [open]="detailsOpen">
+    <summary>
+        Settings:
+    </summary>
     <div class="form-group">
         <label for="audioSource">Audio input source: </label>
         <select class="form-control" id="audioSource" (change)="start()"></select>
@@ -13,3 +18,4 @@
         <label for="videoSource">Video source: </label>
         <select class="form-control" id="videoSource" (change)="start()"></select>
     </div>
+</details> 

src/app/input-manager/input-manager.component.ts

@@ -6,6 +6,7 @@ import { AfterViewInit, Component, EventEmitter, Input, Output } from '@angular/
   styleUrls: ['./input-manager.component.scss']
 })
 export class InputManagerComponent implements AfterViewInit {
+  @Input() detailsOpen: boolean = true;
   @Output() streamOutput: EventEmitter<MediaStream> = new EventEmitter();
   stream: MediaStream;
   videoElement:any = document.querySelector('#localVideo');

src/app/recorder/recorder.component.html

@@ -23,7 +23,7 @@
         </span>
     </div>
     <div class="modal-body d-flex flex-column">
-        <app-input-manager (streamOutput)="handleStreamChange($event)"></app-input-manager>
+        <app-input-manager (streamOutput)="handleStreamChange($event)" [detailsOpen]="false"></app-input-manager>
         <button *ngIf="!isRecording" class="btn btn-success mt-2" (click)="startRecording()">
             <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path