title: mat-slide-toggle shouldn't change it's state when I click cancel in confirmation window
body: <p>When I checked the slide toggle it should work as expected. But when I try to uncheck it there is a confirmation window asking if you are sure. When I click cancel in that confirmation window, still the toggle changes to unchecked, which shouldn't happen. It should stay in the same state.</p>
  
  <p>Here is my Html and TS Code</p>
  
  <pre><code>// html
  &lt;mat-slide-toggle 
     (change)="change($event)" [checked]="isChecked()" &gt;
       To-pay
     &lt;/mat-slide-toggle&gt;
  </code></pre>
  
  <p>TS code: </p>
  
  <pre><code>// ts
      change(e) {
         if(this.checked) {
             if(confirm("Are you sure")) {
                console.log("toggle")
             }
             else {
                e.stopPropagation();
                  console.log("toggle should not change if I click the cancel button")
             }
          }
      }
  </code></pre>
  
  <p>when the confirmation window comes while trying to uncheck the toggle button and I click the cancel option there, nothing should happen to the toggle. stopPropagation() is also not working.</p>
  
  <p><strong>Edit1</strong> :I tried doing return false in else statement. didn't worked. Even tried to change the e.checked = false. It just changed the event object value but didn't prevent the toggle from slidding</p>