title: Angular9 - Angular 2 component for szimek/signature_pad is undefined
body: <p>I'm trying to get this signaturePad to work. 
  when I'm trying to instantiate it I get undefined. The module works on angular 8 or Less, 
  I beleive it may have to do with ES6 compatibility. 
  Does any one know a fix for this issue ?</p>
  
  <p>here's my code snippet (very striagt forward)
  app.ts ==>
  ...</p>
  
  <pre><code>import { BidiModule } from '@angular/cdk/bidi';
  import { HttpClientModule } from '@angular/common/http';
  import { SignaturePadModule } from 'angular2-signaturepad';
  
  
  
  
  @NgModule({
    declarations: [
      AppComponent,
      HomeComponent,
      BpensiaComponent,
      BmngComponent,
      BindiComponent,
      BpartComponent,
      BuniqComponent,
      BlogComponent,
      AboutusComponent,
      JoinformComponent,
  
    ],
    imports: [
      BrowserModule,
      FormsModule,
      ReactiveFormsModule,
      HttpClientModule,
      BidiModule,
      AppRoutingModule,
      SharedModule.forRoot(),
      BrowserAnimationsModule,
      SignaturePadModule,
  </code></pre>
  
  <p>joinForm.ts ==></p>
  
  <pre><code>import { Component, OnInit, ViewChild  } from "@angular/core";
  import { SignaturePad } from 'angular2-signaturepad/signature-pad';
  
  
  @Component({
    selector: "app-joinform",
    templateUrl: "./joinform.component.html",
    styleUrls: ["./joinform.component.scss"]
  })
  export class JoinformComponent implements OnInit {
    @ViewChild(SignaturePad, {static:false}) signaturePad: SignaturePad;
     signaturePadOptions: Object = { // passed through to szimek/signature_pad constructor
      'minWidth': 5,
      'canvasWidth': 500,
      'canvasHeight': 300
    };
  
    constructor() {}
  
    ngOnInit(): void {}
  
    ngAfterViewInit() {
      // this.signaturePad is now available
      this.signaturePad.set('minWidth', 5); // set szimek/signature_pad options at runtime
      this.signaturePad.clear(); // invoke functions from szimek/signature_pad API
    }
  
    drawComplete() {
      // will be notified of szimek/signature_pad's onEnd event
      console.log(this.signaturePad.toDataURL());
    }
  
    drawStart() {
      // will be notified of szimek/signature_pad's onBegin event
      console.log('begin drawing');
    }
  </code></pre>
  
  <p>Tnx in advance</p>