refactor(igxMask): remove decorator from placeholder prop

- make inputValue protected
- set default value on mask prop

Author: jackofdiamond5

projects/igniteui-angular/src/lib/directives/mask/mask.directive.ts

@@ -23,7 +23,7 @@ export class IgxMaskDirective implements OnInit, ControlValueAccessor {
      * ```
      */
     @Input('igxMask')
-    public mask: string;
+    public mask = 'CCCCCCCCCC';
 
     /**
      * Sets the character representing a fillable spot in the input mask.
@@ -51,7 +51,6 @@ export class IgxMaskDirective implements OnInit, ControlValueAccessor {
      * ```
      */
     @DeprecateProperty('"placeholder" is deprecated, use native placeholder instead.')
-    @Input()
     public set placeholder(val: string) {
         this.renderer.setAttribute(this.nativeElement, 'placeholder', val);
     }
@@ -93,18 +92,18 @@ export class IgxMaskDirective implements OnInit, ControlValueAccessor {
     public onValueChange = new EventEmitter<IMaskEventArgs>();
 
     /** @hidden @internal; */
-    public get inputValue(): string {
+    protected get inputValue(): string {
         return this.nativeElement.value;
     }
 
-    /** @hidden @internal; */
-    public set inputValue(val) {
+    /** @hidden @internal */
+    protected set inputValue(val) {
         this.nativeElement.value = val;
     }
 
     /** @hidden */
     protected get maskOptions() {
-        const format = this.mask || 'CCCCCCCCCC';
+        const format = this.mask;
         const promptChar = this.promptChar && this.promptChar.substring(0, 1);
         return { format, promptChar };
     }

src/app/mask/mask.sample.html

@@ -1,4 +1,4 @@
-<div class="sample-wrapper">
+<!-- <div class="sample-wrapper">
     <app-page-header title="Mask">
       Provide means for controlling user input and formatting the visible value based on a configurable mask rules.
     </app-page-header>
@@ -43,4 +43,5 @@ <h4>Mask Using Pipes</h4>
             </form>
         </article>
       </section>
-  </div>
+  </div> -->
+<input type="text" igxMask>