Merge pull request #3 from FieldControl/k

feat: 🎸 kkk

Author: caiorsantanna

.gitignore

@@ -1,7 +1,6 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
-/dist
 /tmp
 /out-tsc
 # Only exists if Bazel was run

dist/angular2-signaturepad/README.md

@@ -0,0 +1,77 @@
+# angular2-signaturepad
+Angular 2 component for [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).
+
+<< 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 >>
+
+## Install
+`npm install angular2-signaturepad --save`
+
+## Reference Implementation
+
+* [Live Demo](http://lathonez.com/angular2-signaturepad-demo/)
+* [Source](https://github.com/lathonez/angular2-signaturepad-demo)
+
+## Usage example
+
+API is identical to [szimek/signature_pad](https://www.npmjs.com/package/signature_pad).
+
+Options are as per [szimek/signature_pad](https://www.npmjs.com/package/signature_pad) with the following additions:
+* canvasWidth: width of the canvas (px)
+* canvasHeight: height of the canvas (px)
+The above options are provided to avoid accessing the DOM directly from your component to adjust the canvas size.
+
+```typescript
+
+// import into app module
+
+import { SignaturePadModule } from 'angular2-signaturepad';
+
+...
+
+@NgModule({
+  declarations: [ ],
+  imports: [ SignaturePadModule ],
+  providers: [ ],
+  bootstrap: [ AppComponent ]
+})
+
+// then import for use in a component
+
+import { Component, ViewChild } from 'angular2/core';
+import { SignaturePad } from 'angular2-signaturepad/signature-pad';
+
+@Component({
+  template: '<signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete()"></signature-pad>'
+})
+
+export class SignaturePadPage{
+
+  @ViewChild(SignaturePad) signaturePad: SignaturePad;
+
+  private signaturePadOptions: Object = { // passed through to szimek/signature_pad constructor
+    'minWidth': 5,
+    'canvasWidth': 500,
+    'canvasHeight': 300
+  };
+
+  constructor() {
+    // no-op
+  }
+
+  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');
+  }
+}
+```

dist/angular2-signaturepad/angular2-signaturepad.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="angular2-signaturepad" />
+export * from './public-api';
+//# sourceMappingURL=angular2-signaturepad.d.ts.map