import { Component } from '@angular/core';
import { BaseInputComponent } from 'first-npm-package-nicule/forms';
import { MatCheckboxChange } from '@angular/material/checkbox';
import { ControlContainer, NgForm } from '@angular/forms';

@Component({
    templateUrl: 'checkboxes-field.component.html',
    styleUrls: ['../mat-field.scss', 'checkboxes-field.component.scss'],
    viewProviders: [{ provide: ControlContainer, useExisting: NgForm }]
})
export class CheckboxesFieldComponent extends BaseInputComponent {
    set(option, event: MatCheckboxChange): void {
        this.ngModel.control.setValue({ ...this.ngModel.value, [option.name]: event.checked });
    }
}