Maintenance (#111)

angular2/dist/angular2TextMask.d.ts

@@ -2,8 +2,8 @@ import { ElementRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 export default class MaskedInputDirective {
     private ngControl;
+    private control;
     private inputElement;
-    control: any;
     textMaskConfig: {
         mask: string;
         guide: boolean;

angular2/example/app.ts

@@ -3,7 +3,7 @@ import 'es6-promise'
 import 'zone.js/dist/zone'
 import 'reflect-metadata'
 
-import {Component} from '@angular/core';
+import {Component} from '@angular/core'
 import {disableDeprecatedForms, provideForms} from '@angular/forms'
 import {bootstrap} from '@angular/platform-browser-dynamic'
 import MaskedInput from '../src/angular2TextMask'
@@ -21,7 +21,7 @@ class AppComponent {
   }
 }
 
-//noinspection TypeScriptValidateTypes
+// noinspection TypeScriptValidateTypes
 bootstrap(AppComponent, [
   provideForms(),
   disableDeprecatedForms()

angular2/src/angular2TextMask.ts

@@ -3,42 +3,40 @@ import {NgControl} from '@angular/forms'
 import createTextMaskInputElement from '../../core/src/createTextMaskInputElement'
 
 @Directive({
-  selector: 'input[textMask]',
   host: {
     '(input)': 'onInput()'
-  }
+  },
+  selector: 'input[textMask]'
 })
 export default class MaskedInputDirective {
-  private inputElement:HTMLInputElement;
-  public control: any;
+  private control: any
+  private inputElement:HTMLInputElement
 
-  @Input('textMask') textMaskConfig = {
+  @Input('textMask')
+  textMaskConfig = {
     mask: '',
     guide: true,
     placeholderChar: '_',
     pipe: undefined,
     keepCharPositions: false,
     onReject: undefined,
     onAccept: undefined
-  };
+  }
 
   constructor(inputElement: ElementRef, private ngControl: NgControl) {
     this.inputElement = inputElement.nativeElement
   }
 
   ngOnInit() {
-    const {placeholderChar} = this.textMaskConfig;
-    this.control = createTextMaskInputElement(Object.assign({
-      inputElement: this.inputElement,
-      placeholderChar,
-    }, this.textMaskConfig));
+    this.control = createTextMaskInputElement(Object.assign({inputElement: this.inputElement, }, this.textMaskConfig))
 
-    setTimeout(() => this.onInput());
+    // This ensures that initial model value gets masked
+    setTimeout(() => this.onInput())
   }
 
   onInput() {
-    this.control.update();
-    this.ngControl.viewToModelUpdate(this.inputElement.value);
+    this.control.update()
+    this.ngControl.viewToModelUpdate(this.inputElement.value)
   }
 }
 

angular2/tslint.json

@@ -0,0 +1,7 @@
+{
+  "rules": {
+    "semicolon": [true, "never"],
+    "quotemark": [true, "single"],
+    "indent": [true, "spaces"]
+  }
+}