{"_id":"@brianschueller/angular2-signaturepad","name":"@brianschueller/angular2-signaturepad","dist-tags":{"latest":"4.0.5"},"versions":{"4.0.5":{"name":"@brianschueller/angular2-signaturepad","version":"4.0.5","description":"brianschueller Angular2 Component wrapper for szimek / signature_pad","repository":{"type":"git","url":"git+https://github.com/wulfsolter/angular2-signaturepad.git"},"keywords":["signature","sign","finger","canvas"],"author":{"name":"Wulf Solter","email":"wulf@wulf.co.nz","url":"http://wulf.co.nz"},"license":"MIT","bugs":{"url":"https://github.com/wulfsolter/angular2-signaturepad/issues"},"homepage":"https://github.com/wulfsolter/angular2-signaturepad#readme","peerDependencies":{"@angular/common":"^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0","@angular/core":"^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0","signature_pad":"2.3.2"},"dependencies":{"tslib":"^2.0.0"},"module":"fesm2015/angular2-signaturepad.mjs","es2020":"fesm2020/angular2-signaturepad.mjs","esm2020":"esm2020/angular2-signaturepad.mjs","fesm2020":"fesm2020/angular2-signaturepad.mjs","fesm2015":"fesm2015/angular2-signaturepad.mjs","typings":"angular2-signaturepad.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./angular2-signaturepad.d.ts","esm2020":"./esm2020/angular2-signaturepad.mjs","es2020":"./fesm2020/angular2-signaturepad.mjs","es2015":"./fesm2015/angular2-signaturepad.mjs","node":"./fesm2015/angular2-signaturepad.mjs","default":"./fesm2020/angular2-signaturepad.mjs"}},"sideEffects":false,"_id":"@brianschueller/angular2-signaturepad@4.0.5","_nodeVersion":"20.14.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-EzCSfLVPobmC4+wdB249Io0EJEp1YrDpfzGmx0szrkEvVwCTuU3vg3eMF1rRaW7/f9+MY6T8X96KrquWu1dhbQ==","shasum":"b8a623963aaf50ccdfe26b78ee73fe6645f660cc","tarball":"https://registry.npmjs.org/@brianschueller/angular2-signaturepad/-/angular2-signaturepad-4.0.5.tgz","fileCount":14,"unpackedSize":54033,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIB+E/nZd7ZjKnr4kfczuADdpl7Wmy7vlKLxlQONEbmMAAiEAj8O4gVkUdoyaqTMMhbdqesqB/1tQ3lJgpjul7lEN2Ms="}]},"_npmUser":{"name":"brianschueller","email":"brian.schueller@outlook.com","actor":{"name":"brianschueller","email":"brian.schueller@outlook.com","type":"user"}},"directories":{},"maintainers":[{"name":"brianschueller","email":"brian.schueller@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/angular2-signaturepad_4.0.5_1751718051486_0.030855269734911372"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-05T12:20:51.381Z","4.0.5":"2025-07-05T12:20:51.700Z","modified":"2025-07-05T12:20:51.987Z"},"maintainers":[{"name":"brianschueller","email":"brian.schueller@outlook.com"}],"description":"brianschueller Angular2 Component wrapper for szimek / signature_pad","homepage":"https://github.com/wulfsolter/angular2-signaturepad#readme","keywords":["signature","sign","finger","canvas"],"repository":{"type":"git","url":"git+https://github.com/wulfsolter/angular2-signaturepad.git"},"author":{"name":"Wulf Solter","email":"wulf@wulf.co.nz","url":"http://wulf.co.nz"},"bugs":{"url":"https://github.com/wulfsolter/angular2-signaturepad/issues"},"license":"MIT","readme":"# angular2-signaturepad\nAngular 2 component for [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).\n\n<< THIS IS NO LONGER IN USE BY OWNER. PROBLEMS CAN AND DO EXIST. PRs ARE SUPER WELCOME, BUT I CAN NOT IDENTIFY WHAT YOUR ISSUES ARE, NOR WILL I CHANGE THINGS BECAUSE ANGULAR HAS CHANGED IN THE YEARS SINCE I WROTE THIS >>\n\n## Install\n`npm install angular2-signaturepad --save`\n\n## Reference Implementation\n\n* [Live Demo](http://lathonez.com/angular2-signaturepad-demo/)\n* [Source](https://github.com/lathonez/angular2-signaturepad-demo)\n\n## Usage example\n\nAPI is identical to [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).\n\nOptions are as per [szimek/signature_pad](https://www.npmjs.com/package/signature_pad) with the following additions:\n* canvasWidth: width of the canvas (px)\n* canvasHeight: height of the canvas (px)\nThe above options are provided to avoid accessing the DOM directly from your component to adjust the canvas size.\n\n```typescript\n\n// import into app module\n\nimport { SignaturePadModule } from 'angular2-signaturepad';\n\n...\n\n@NgModule({\n  declarations: [ ],\n  imports: [ SignaturePadModule ],\n  providers: [ ],\n  bootstrap: [ AppComponent ]\n})\n\n// then import for use in a component\n\nimport { Component, ViewChild } from 'angular2/core';\nimport { SignaturePad } from 'angular2-signaturepad/signature-pad';\n\n@Component({\n  template: '<signature-pad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\" (onEndEvent)=\"drawComplete()\"></signature-pad>'\n})\n\nexport class SignaturePadPage{\n\n  @ViewChild(SignaturePad) signaturePad: SignaturePad;\n\n  private signaturePadOptions: Object = { // passed through to szimek/signature_pad constructor\n    'minWidth': 5,\n    'canvasWidth': 500,\n    'canvasHeight': 300\n  };\n\n  constructor() {\n    // no-op\n  }\n\n  ngAfterViewInit() {\n    // this.signaturePad is now available\n    this.signaturePad.set('minWidth', 5); // set szimek/signature_pad options at runtime\n    this.signaturePad.clear(); // invoke functions from szimek/signature_pad API\n  }\n\n  drawComplete() {\n    // will be notified of szimek/signature_pad's onEnd event\n    console.log(this.signaturePad.toDataURL());\n  }\n\n  drawStart() {\n    // will be notified of szimek/signature_pad's onBegin event\n    console.log('begin drawing');\n  }\n}\n```","readmeFilename":"README.md","_rev":"1-ba8cbac3da67aff56d42de2cf31e24b2"}