PhoneNumber Value Reset on Mask Change

Author: malvin-softheon

projects/forge-lib/src/lib/shared/form-editor-components/concrete/phone-number-editor/display/phone-number-editor-display.component.html

@@ -1,7 +1,7 @@
 <div flex-container-row>
   <div sws-form input-active full-width>
     <input [(ngModel)]="this.component.display.inputMask" sws-form__input type="'text'" [name]="'mask_input'"
-      onkeyup="this.setAttribute('value', this.value);">
+      onkeyup="this.setAttribute('value', this.value);" (keyup)="resetValue();">
     <label sws-form__label [for]="'label_input'">Input Mask</label>
   </div>
   <div sws-tooltip-left--light m-t-20>

projects/forge-lib/src/lib/shared/form-editor-components/concrete/phone-number-editor/display/phone-number-editor-display.component.ts

@@ -23,4 +23,10 @@ export class PhoneNumberEditorDisplayComponent extends FormEditorDisplayComponen
   public ngOnInit(): void {
   }
 
+  /**
+   * Resets phone number value when format is modified
+   */
+  public resetValue(): void {
+    this.component.value = "";
+  }
 }