title: Differentiate cdkDrag and click in angular
body: <p>I have a draggable element for which I have used <code>cdkDrag</code> and it is working fine for me. Now, I need to toggle a flag on click of the element. But when I drag the element and on drop the click event triggers. Can you please suggest how to work with <code>cdkDrag</code> and <code>click</code> together. Sharing the code snippet for the same. </p>
  
  <pre><code>        &lt;div class="draggable-content" cdkDragBoundary=".drop-area" cdkDrag&gt;
            &lt;div class="min-workspace-view" *ngIf="showMinWorkspace === true"&gt;
              &lt;mat-icon svgIcon="workspace" class="workspace-icon"
                (click)="$event.stopPropagation(); showMinWorkspace = !showMinWorkspace"&gt;
              &lt;/mat-icon&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>The expectation is: when the element dragged then click should not trigger. when the element is just clicked then drag event should not trigger. </p>