title: angular 4+ horizontally resize div
body: <p>I am new to angular 4 and I have been trying to create a resizable div (horizontally) but I am unable to achieve that. 
  I want to click grab to resize the div. I want to resize the text area horizontally.Also in the below link the mouse events are applied on document,but i want the mouse events to be applied only on the grabber class click not on the document.Please help me out </p>
  
  <p>Thanks.</p>
  
  <p>I have tried this one  <a href="https://stackblitz.com/edit/angular-text-resizable-zvp3ns?file=app%2Fapp.component.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-text-resizable-zvp3ns?file=app%2Fapp.component.ts</a></p>