fix(forms): Propagate masked value to form control value.

Ensure that the masked value is propagated to the form control value when "inputTransformFn" is not an instance variable in the component.

Author: DavidMaza

projects/ngx-mask-lib/src/lib/ngx-mask.directive.ts

@@ -927,7 +927,7 @@ export class NgxMaskDirective implements ControlValueAccessor, OnChanges, Valida
     /** It writes the value in the input */
     public async writeValue(controlValue: unknown): Promise<void> {
         let value = controlValue;
-        const inputTransformFn = this.inputTransformFn();
+        const inputTransformFn = this._maskService.inputTransformFn;
         if (typeof value === 'object' && value !== null && 'value' in value) {
             if ('disable' in value) {
                 this.setDisabledState(Boolean(value.disable));

projects/ngx-mask-lib/src/test/forms.spec.ts

@@ -0,0 +1,42 @@
+import { Component } from '@angular/core';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
+
+@Component({
+    selector: 'jsdaddy-open-source-test',
+    imports: [ReactiveFormsModule, NgxMaskDirective],
+    template: `<input mask="0000" [formControl]="form" />`,
+})
+class TestMaskComponent {
+    public form: FormControl = new FormControl('');
+}
+
+describe('Directive: Forms', () => {
+    let fixture: ComponentFixture<TestMaskComponent>;
+    let component: TestMaskComponent;
+
+    beforeEach(() => {
+        TestBed.configureTestingModule({
+            imports: [NgxMaskDirective],
+            providers: [provideNgxMask()],
+        });
+        fixture = TestBed.createComponent(TestMaskComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should propagate masked value to the form control value', () => {
+        component.form.setValue('A1234Z');
+        expect(component.form.value).toBe('1234');
+    });
+
+    it('should propagate masked value to the form control valueChanges observable', () => {
+        component.form.valueChanges.subscribe((newValue) => {
+            expect(newValue).toEqual('1234');
+        });
+
+        component.form.setValue('A1234Z');
+    });
+});