{"_id":"@dampen2/angular-signature-pad-v3","_rev":"4-781a359637c0670ceaa7e2d8ae905d07","name":"@dampen2/angular-signature-pad-v3","dist-tags":{"latest":"13.0.1"},"versions":{"11.0.0":{"name":"@dampen2/angular-signature-pad-v3","version":"11.0.0","keywords":["angular-signature-pad","signature-pad","signature","sign","finger","canvas"],"author":{"url":"http://wulf.co.nz","name":"Wulf Solter","email":"wulf@wulf.co.nz"},"license":"MIT","_id":"@dampen2/angular-signature-pad-v3@11.0.0","maintainers":[{"name":"dampen2","email":"dampen2@hotmail.com"}],"homepage":"https://github.com/dampen2/angular2-signaturepad-v3","bugs":{"url":"https://github.com/dampen2/angular2-signaturepad-v3/issues"},"dist":{"shasum":"dee0bf6f4cc7683bfad6dd427a655ef0388ba1b7","tarball":"https://registry.npmjs.org/@dampen2/angular-signature-pad-v3/-/angular-signature-pad-v3-11.0.0.tgz","fileCount":6,"integrity":"sha512-5AQZmgdck5KWZU1JY8TqhLQAVvxBIjCQK0a/qspFhCofYFZSTt/gCwlnUjW7S6bc45X500CB36Sv9IuwvLjOsQ==","signatures":[{"sig":"MEYCIQCg/oHOzvewwqtSZMZ9XWdNAro7z+858hHBFyKTieoqsgIhAJfXrS52TAZ6lkcYzVUcCC+N1kK8gv6vqy0VPiG3sMPB","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21735},"module":"fesm2022/dampen2-angular-signature-pad-v3.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/dampen2-angular-signature-pad-v3.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"c820d496ec2ef6d641a3eeeb4eedc9a608a90c6e","typings":"index.d.ts","_npmUser":{"name":"dampen2","email":"dampen2@hotmail.com"},"repository":{"url":"git+https://github.com/dampen2/angular2-signaturepad-v3.git","type":"git"},"_npmVersion":"10.5.1","description":"angular-signature-pad-v3 Component wrapper for szimek / signature_pad","directories":{},"sideEffects":false,"_nodeVersion":"22.18.0","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^8.0.0 || ^9.0.0 || ^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","@angular/common":"^8.0.0 || ^9.0.0 || ^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"},"_npmOperationalInternal":{"tmp":"tmp/angular-signature-pad-v3_11.0.0_1760609458683_0.2431307823365676","host":"s3://npm-registry-packages-npm-production"}},"12.0.0":{"name":"@dampen2/angular-signature-pad-v3","version":"12.0.0","keywords":["angular-signature-pad","signature-pad","signature","sign","finger","canvas"],"author":{"url":"http://wulf.co.nz","name":"Wulf Solter","email":"wulf@wulf.co.nz"},"license":"MIT","_id":"@dampen2/angular-signature-pad-v3@12.0.0","maintainers":[{"name":"dampen2","email":"dampen2@hotmail.com"}],"homepage":"https://github.com/dampen2/angular2-signaturepad-v3","bugs":{"url":"https://github.com/dampen2/angular2-signaturepad-v3/issues"},"dist":{"shasum":"0b36cc56cd5da308a4f4ee92de5cbaeecd351640","tarball":"https://registry.npmjs.org/@dampen2/angular-signature-pad-v3/-/angular-signature-pad-v3-12.0.0.tgz","fileCount":6,"integrity":"sha512-J2DvzqzUr54Zfn6oukj+gLv2Nnj3/miE0LdjiEL7dcnxJ6kL9hLlQZ/yA0bl9LkKNHWkFm4Kh5sQNVSDBhWYkA==","signatures":[{"sig":"MEUCIF2bggyYvift3ZftfW/vt0Ursv0sz+HGpxERm88WRI/HAiEAlDIDOct6NPsQ61YRN4atTeCeKreGjFviIRMq3edpCjc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22097},"module":"fesm2022/dampen2-angular-signature-pad-v3.mjs","exports":{".":{"types":"./types/dampen2-angular-signature-pad-v3.d.ts","default":"./fesm2022/dampen2-angular-signature-pad-v3.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"2ba1188fb75405aab1ef91d86482da87976f6e6c","typings":"types/dampen2-angular-signature-pad-v3.d.ts","_npmUser":{"name":"dampen2","email":"dampen2@hotmail.com"},"repository":{"url":"git+https://github.com/dampen2/angular2-signaturepad-v3.git","type":"git"},"_npmVersion":"10.5.1","description":"angular-signature-pad-v3 Component wrapper for szimek / signature_pad","directories":{},"sideEffects":false,"_nodeVersion":"22.18.0","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^8.0.0 || ^9.0.0 || ^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 || ^21.0.0","signature_pad":"2.3.2","@angular/common":"^8.0.0 || ^9.0.0 || ^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 || ^21.0.0"},"_npmOperationalInternal":{"tmp":"tmp/angular-signature-pad-v3_12.0.0_1768905347747_0.6765861523386061","host":"s3://npm-registry-packages-npm-production"}},"13.0.0":{"name":"@dampen2/angular-signature-pad-v3","version":"13.0.0","keywords":["angular-signature-pad","signature-pad","signature","sign","finger","canvas"],"author":{"url":"http://wulf.co.nz","name":"Wulf Solter","email":"wulf@wulf.co.nz"},"license":"MIT","_id":"@dampen2/angular-signature-pad-v3@13.0.0","maintainers":[{"name":"dampen2","email":"dampen2@hotmail.com"}],"homepage":"https://github.com/dampen2/angular2-signaturepad-v3","bugs":{"url":"https://github.com/dampen2/angular2-signaturepad-v3/issues"},"dist":{"shasum":"97e28104198b87791df26ea22ca0502aad8e6db8","tarball":"https://registry.npmjs.org/@dampen2/angular-signature-pad-v3/-/angular-signature-pad-v3-13.0.0.tgz","fileCount":6,"integrity":"sha512-/2dcOKQoDb1XcY6dgCaLDUYMpdqbmyHIGKstB6A5gt6LFSLoyjOF7h9rQPH0MM190dTDiGxP+eLNi6fXBUSc3A==","signatures":[{"sig":"MEYCIQD+XPS8zNuQOj9ooNHu61dDE7dFC2GXW4DF/UCR+5eu6AIhAK8qDdEvQPqnaif/Nt0c7lA/hKgjXdd/K3zIPwpgIciY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22731},"type":"module","module":"fesm2022/dampen2-angular-signature-pad-v3.mjs","exports":{".":{"types":"./types/dampen2-angular-signature-pad-v3.d.ts","default":"./fesm2022/dampen2-angular-signature-pad-v3.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"74eac9de6b41171b5bd343eb5de37399bee03f6f","typings":"types/dampen2-angular-signature-pad-v3.d.ts","_npmUser":{"name":"dampen2","email":"dampen2@hotmail.com"},"repository":{"url":"git+https://github.com/dampen2/angular2-signaturepad-v3.git","type":"git"},"_npmVersion":"10.5.1","description":"angular-signature-pad-v3 Component wrapper for szimek / signature_pad","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","dependencies":{"tslib":"^2.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^8.0.0 || ^9.0.0 || ^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 || ^21.0.0 || ^22.0.0","signature_pad":"5.1.3","@angular/common":"^8.0.0 || ^9.0.0 || ^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 || ^21.0.0 || ^22.0.0"},"_npmOperationalInternal":{"tmp":"tmp/angular-signature-pad-v3_13.0.0_1783085041119_0.4693997822658851","host":"s3://npm-registry-packages-npm-production"}},"13.0.1":{"name":"@dampen2/angular-signature-pad-v3","version":"13.0.1","description":"angular-signature-pad-v3 Component wrapper for szimek / signature_pad","homepage":"https://github.com/dampen2/angular2-signaturepad-v3","bugs":{"url":"https://github.com/dampen2/angular2-signaturepad-v3/issues"},"repository":{"type":"git","url":"git+https://github.com/dampen2/angular2-signaturepad-v3.git"},"keywords":["angular-signature-pad","signature-pad","signature","sign","finger","canvas"],"author":{"name":"Wulf Solter","email":"wulf@wulf.co.nz","url":"http://wulf.co.nz"},"license":"MIT","peerDependencies":{"@angular/common":"^8.0.0 || ^9.0.0 || ^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 || ^21.0.0 || ^22.0.0","@angular/core":"^8.0.0 || ^9.0.0 || ^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 || ^21.0.0 || ^22.0.0","signature_pad":"5.1.3"},"dependencies":{"tslib":"^2.0.0"},"module":"fesm2022/dampen2-angular-signature-pad-v3.mjs","typings":"types/dampen2-angular-signature-pad-v3.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/dampen2-angular-signature-pad-v3.d.ts","default":"./fesm2022/dampen2-angular-signature-pad-v3.mjs"}},"sideEffects":false,"type":"module","_id":"@dampen2/angular-signature-pad-v3@13.0.1","gitHead":"79c30544a017501e5f007377656a7f3ccf78a086","_nodeVersion":"24.18.0","_npmVersion":"10.5.1","dist":{"integrity":"sha512-LnduQKFnGTgZpXy/z2gSpM2hmmphyKC4z3r4l/3JHA6HSBJ8Oz8viC5/4pHXLAEzew9WchjufVtKvley5WFNGg==","shasum":"15b8b450b6506b4ea2540693cc5bd335fd3b7825","tarball":"https://registry.npmjs.org/@dampen2/angular-signature-pad-v3/-/angular-signature-pad-v3-13.0.1.tgz","fileCount":6,"unpackedSize":26343,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIA8D8+ke9ptlKvrEKd189dZfavJehWV8XZn+LxOCAl0JAiAfGx0jwH8lXr6EQQVhMqKVWndHOJioqDKO5oJOVuS+bQ=="}]},"_npmUser":{"name":"dampen2","email":"dampen2@hotmail.com"},"directories":{},"maintainers":[{"name":"dampen2","email":"dampen2@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/angular-signature-pad-v3_13.0.1_1783678339852_0.13703391481162597"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-16T10:10:58.536Z","modified":"2026-07-10T10:12:20.105Z","11.0.0":"2025-10-16T10:10:58.875Z","12.0.0":"2026-01-20T10:35:47.954Z","13.0.0":"2026-07-03T13:24:01.269Z","13.0.1":"2026-07-10T10:12:19.990Z"},"bugs":{"url":"https://github.com/dampen2/angular2-signaturepad-v3/issues"},"author":{"name":"Wulf Solter","email":"wulf@wulf.co.nz","url":"http://wulf.co.nz"},"license":"MIT","homepage":"https://github.com/dampen2/angular2-signaturepad-v3","keywords":["angular-signature-pad","signature-pad","signature","sign","finger","canvas"],"repository":{"type":"git","url":"git+https://github.com/dampen2/angular2-signaturepad-v3.git"},"description":"angular-signature-pad-v3 Component wrapper for szimek / signature_pad","maintainers":[{"name":"dampen2","email":"dampen2@hotmail.com"}],"readme":"# angular-signature-pad-v2\r\nAngular 14+ component for [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).\r\n\r\n# Get the right version\r\n- Angular 14/ CLI 14: @dampen2/angular-signature-pad-v3@^5.0.0\r\n- Angular 15/ CLI 15: @dampen2/angular-signature-pad-v3@^6.0.0\r\n- Angular 16/ CLI 16: @dampen2/angular-signature-pad-v3@^7.0.0\r\n- Angular 17/ CLI 17: @dampen2/angular-signature-pad-v3@^8.0.0\r\n- Angular 18/ CLI 18: @dampen2/angular-signature-pad-v3@^9.0.0\r\n- Angular 19/ CLI 19: @dampen2/angular-signature-pad-v3@^10.0.0\r\n- Angular 20/ CLI 20: @dampen2/angular-signature-pad-v3@^11.0.0\r\n- Angular 21/ CLI 21: @dampen2/angular-signature-pad-v3@^12.0.0\r\n- Angular 22/ CLI 22: @dampen2/angular-signature-pad-v3@^13.0.0\r\n# Maintenance\r\n- update only major version of angular  \r\n\r\n## Install\r\n`npm install angular-signature-pad-v2@10.0.0 --save`\r\n\r\n## Reference Implementation\r\n\r\n* [Live Demo](https://aditya-singh-07.github.io/signature-test/)\r\n* [Demo Project](https://github.com/aditya-singh-07/signature-test)\r\n* [Source](https://github.com/lathonez/angular2-signaturepad-demo)\r\n\r\n## Usage example\r\n\r\nAPI is identical to [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).\r\n\r\nOptions are as per [szimek/signature_pad](https://www.npmjs.com/package/signature_pad) with the following additions:\r\n* canvasWidth: width of the canvas (px)\r\n* canvasHeight: height of the canvas (px)\r\nThe above options are provided to avoid accessing the DOM directly from your component to adjust the canvas size.\r\n\r\n```typescript\r\n\r\n// import into app module\r\n\r\nimport { SignaturePadModule } from 'angular-signature-pad-v2';\r\n\r\n...\r\n\r\n@NgModule({\r\n  declarations: [ ],\r\n  imports: [ SignaturePadModule ],\r\n  providers: [ ],\r\n  bootstrap: [ AppComponent ]\r\n})\r\n\r\n// then import for use in a component\r\n\r\nimport { Component, ViewChild } from 'angular2/core';\r\nimport { SignaturePad } from 'angular-signature-pad-v2';\r\n\r\n@Component({\r\n  template: '<signature-pad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\" (onEndEvent)=\"drawComplete()\"></signature-pad>'\r\n})\r\n\r\nexport class SignaturePadPage{\r\n\r\n  @ViewChild(SignaturePad) signaturePad: SignaturePad;\r\n\r\n  private signaturePadOptions: Object = { // passed through to szimek/signature_pad constructor\r\n    'minWidth': 5,\r\n    'canvasWidth': 500,\r\n    'canvasHeight': 300\r\n  };\r\n\r\n  constructor() {\r\n    // no-op\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    // this.signaturePad is now available\r\n    this.signaturePad.set('minWidth', 5); // set szimek/signature_pad options at runtime\r\n    this.signaturePad.clear(); // invoke functions from szimek/signature_pad API\r\n  }\r\n\r\n  drawComplete() {\r\n    // will be notified of szimek/signature_pad's endStroke event\r\n    console.log(this.signaturePad.toDataURL());\r\n  }\r\n\r\n  drawStart() {\r\n    // will be notified of szimek/signature_pad's beginStroke event\r\n    console.log('begin drawing');\r\n  }\r\n}\r\n```\r\n# Credit \r\n- special thanks to szimzk, wulfsolte and Aditya Singh","readmeFilename":"README.md"}