title: mwlresizable doesn't work
body: <p>I am trying to resize a picture, but on mouse up, the picture just moves to the new position without resizing.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;img id=image1
         ngDraggable
         mwlResizable
         [enableGhostResize]="true"
         [resizeEdges]="{bottom: true, right: true, top: true, left: true}"
         (resizeEnd)="onResizeEnd($event)"
         src="{{user.picture}}"&gt;
  </code></pre>
  
  <p>component.ts:</p>
  
  <pre class="lang-js prettyprint-override"><code>import { ResizeEvent } from "angular-resizable-element";
  
  export class Component{
  
    onResizeEnd(event: ResizeEvent): void {
      console.log('Element was resized', event);
    }
  }
  </code></pre>
  
  <p>app.module:</p>
  
  <pre class="lang-js prettyprint-override"><code>...
  import {ResizableModule} from "angular-resizable-element";
  
  
  @NgModule({
    declarations: [
      AppComponent,
      MainComponent
    ],
    imports: [
      BrowserModule,
  
      HttpClientModule,
      AngularDraggableModule,
      ResizableModule
    ],
    providers: [GetJsonService],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>I did everything by the book</p>