title: Remove focus from mat-slide-toggle
body: <p>I have been testing angular material for awhile but i just ran into an issue with the slide toggle component and listening to keyboard events after clicking in the slide toggle component.</p>
  
  <p><strong>HTML file</strong></p>
  
  <pre><code>&lt;mat-slide-toggle color="accent" [checked]="likeChecked" (change)="selectedOpt('like')"&gt;
      Like
  &lt;/mat-slide-toggle&gt;
  &lt;mat-slide-toggle color="primary" [checked]="dislikeChecked" (change)="selectedOpt('dislike')"&gt;
      Dislike
  &lt;/mat-slide-toggle&gt;
  </code></pre>
  
  <p><strong>Component.ts file</strong></p>
  
  <pre><code>selectedOpt(option) {
      if(option === 'like'){
          this.positiveChecked = true;
          this.neutralChecked = false;
      } else {
          this.positiveChecked = false;
          this.neutralChecked = true;
      }
  }
  </code></pre>
  
  <p>So whenever i click on the like or dislike slide toggle component. the component gets focused and it doesn't let the program listen to keyboard events until i click anywhere else in the program.</p>
  
  <p>How can i unfocus or blur after clicking the slide toggle component programmatically? In order to listen for keyboard events</p>