title: How to share data between Angular Material Bottom Sheet to its parent using additional method
body: <p>I;m implementing Angular Material Bottom Sheet to my Angular project.
  Here is example provided by official Angular Material website.
  <a href="https://stackblitz.com/angular/qymepxrnxyj?file=src%2Fapp%2Fbottom-sheet-overview-example.ts" rel="nofollow noreferrer">Official StackBlitz Page</a></p>
  
  <p>What I want to acheive:</p>
  
  <ol>
  <li>In <code>BottomSheetOverviewExampleSheet</code> I added additional function <code>manipulate()</code></li>
  <li>After I executed above function I want to send data from <code>BottomSheetOverviewExampleSheet</code> to <code>BottomSheetOverviewExample</code></li>
  </ol>
  
  <p>I don't want to use built in BottomSheet ref because none of them fits to my scenario.</p>
  
  <p>I tried using <code>@Output</code> and <code>EventEmitter</code> but it doesn't work.</p>
  
  <p>Can you suggest some solution, please?</p>
  
  <p>At the end I want to have badge on button and update this badge from BottomSheet</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Here is a link for solution to show that <code>Output</code> with <code>EventEmitter</code> doesn't work:</p>
  
  <p><a href="https://stackblitz.com/edit/angular-twsayx?file=src%2Fapp%2Fbottom-sheet-overview-example-sheet.html" rel="nofollow noreferrer">Example with Output and EventEmitter</a></p>