[FEATURE] : use formcontrolName in input, combo, etc about ng-polymorpheus HOT 4 CLOSED

import {
    ChangeDetectionStrategy,
    ChangeDetectorRef,
    Component,
    forwardRef,
    Input,
} from '@angular/core';
import {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';
import {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';

@Component({
    selector: 'app-input',
    templateUrl: './input.template.html',
    styleUrls: ['./input.style.less'],
    providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: forwardRef(() => InputComponent),
            multi: true,
        },
    ],
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class InputComponent implements ControlValueAccessor {
    @Input()
    content: PolymorpheusContent<never> | null = null;

    @Input()
    placeholder = '';

    value = '';

    disabled = false;

    onChange: Function = () => {};

    onTouched: Function = () => {};

    constructor(private readonly changeDetectorRef: ChangeDetectorRef) {}

    writeValue(value: any) {
        this.value = value ? String(value) : '';
        this.changeDetectorRef.markForCheck();
    }

    setDisabledState(disabled: boolean) {
        this.disabled = disabled;
        this.changeDetectorRef.markForCheck();
    }

    registerOnTouched(onTouched: Function) {
        this.onTouched = onTouched;
    }

    registerOnChange(onChange: Function) {
        this.onChange = onChange;
    }

    onMouseDown(event: MouseEvent, input: HTMLInputElement) {
        event.preventDefault();
        input.focus();
    }

    onBlur() {
        this.onTouched();
    }

    onValueChange(value: string) {
        this.value = value;
        this.onChange(value);
    }
}