title: Angular CDK connecting multiple drop zones with cdkDropListConnectedTo
body: <p>I am creating a simple board interface with swim lanes think Jira swimlane or trello boards</p>
  
  <p><a href="https://i.stack.imgur.com/7MBvm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7MBvm.png" alt="enter image description here"></a>
  The red lines shows current flow</p>
  
  <p>The blue shows the flow which I would like to implement</p>
  
  <p>I have three columns named "To Do", "In Progress" and "Done". Currently I can drag an item from To Do to In Progress, from In Progress to Done and from Done back to To do using <code>cdkDropListConnectedTo</code>.</p>
  
  <p>What I want to know is that who can I move item from "Done" to "To Do" and "In Progress", similarly how to move item from "In Progress" to both "Done" and "To Do" and from "Done" to both "In Progress" and "To Do". </p>
  
  <p>The first thing which I though of was passing multiple references to <code>cdkDropListConnectedTo</code> but that did not work. I will appreciate if anyone can point me right direction.</p>
  
  <p>Thanks</p>
  
  <p>Here is what I have written so far:
  <a href="https://stackblitz.com/edit/angular-mpedfr?file=src%2Fapp%2Fapp.component.html" rel="noreferrer">https://stackblitz.com/edit/angular-mpedfr?file=src%2Fapp%2Fapp.component.html</a> </p>