@ngil/form-cva 0.1.0

package/fesm2020/ngil-form-cva.mjs

@@ -0,0 +1,341 @@
+import * as i0 from '@angular/core';
+import { Directive, EventEmitter, Input, Output, Optional, NgModule, forwardRef } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormArray, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { Subject, takeUntil, BehaviorSubject, combineLatest } from 'rxjs';
+import { takeUntil as takeUntil$1 } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+
+/**
+ *
+ */
+class AbstractFormArrayComponent {
+    constructor() {
+        this.destroy$ = new Subject();
+        this.formGroup = new FormGroup({
+            formArray: this.createFormArray()
+        });
+    }
+    get formArray() {
+        return this.formGroup.controls.formArray;
+    }
+    ngAfterViewInit() {
+        this.listenValueChanges();
+    }
+    listenValueChanges() {
+        this.formGroup.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            if (this.onChange) {
+                this.onChange(this.formArray.getRawValue());
+            }
+        });
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(items) {
+        this.prepareControls(items);
+        if (items) {
+            this.formArray.patchValue(items, { emitEvent: false });
+        }
+        else {
+            this.formArray.reset(undefined, { emitEvent: false });
+        }
+    }
+    setDisabledState(isDisabled) {
+        isDisabled ? this.formGroup.disable({ emitEvent: false }) : this.formGroup.enable({ emitEvent: false });
+    }
+    validate() {
+        if (this.formArray.invalid) {
+            return { invalidFormArray: true };
+        }
+        return null;
+    }
+    prepareControls(items) {
+        items = items || [];
+        if (this.formArray.value.length < items.length) {
+            this.addExtraControls(items);
+        }
+        if (this.formArray.value.length > items.length) {
+            this.removeExtraControls(items);
+        }
+    }
+    addExtraControls(items) {
+        items.forEach((item, index) => {
+            const control = this.formArray.at(index);
+            if (!control) {
+                this.formArray.push(this.createFormArrayItem(item));
+            }
+        });
+    }
+    removeExtraControls(items) {
+        let formArrayIndex = 0;
+        this.formArray.value.forEach((item, index) => {
+            if (!items[index]) {
+                this.formArray.removeAt(formArrayIndex);
+            }
+            else {
+                formArrayIndex++;
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+AbstractFormArrayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractFormArrayComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractFormArrayComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AbstractFormArrayComponent, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractFormArrayComponent, decorators: [{
+            type: Directive
+        }] });
+
+class AbstractFormComponent {
+    constructor() {
+        this.submitted = new EventEmitter();
+        this.destroy$ = new Subject();
+    }
+    get isSubmitDisabled() {
+        return !this.form.valid || this.form.pristine;
+    }
+    get isCancelDisabled() {
+        return !this.form.dirty;
+    }
+    getFormDefaultValue(model) {
+        return model;
+    }
+    ngOnInit() {
+        this.form.patchValue(this.getFormDefaultValue(this.formViewModel) || {}, { emitEvent: false });
+    }
+    submit() {
+        if (!this.isSubmitDisabled) {
+            this.submitted.emit({
+                ...this.formViewModel,
+                ...this.form.value
+            });
+        }
+        else {
+            Object.values(this.form.controls).forEach(control => control.updateValueAndValidity());
+        }
+    }
+    cancel() {
+        if (!this.isCancelDisabled) {
+            this.form.reset(this.getFormDefaultValue(this.formViewModel), { emitEvent: false });
+            this.form.markAsPristine();
+            this.form.markAsUntouched();
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+AbstractFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractFormComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AbstractFormComponent, inputs: { formViewModel: "formViewModel" }, outputs: { submitted: "submitted" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractFormComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { formViewModel: [{
+                type: Input
+            }], submitted: [{
+                type: Output
+            }] } });
+
+/**
+ * This class implements ControlValueAccessor logic for a FormGroup.
+ * NG_VALUE_ACCESSOR and NG_VALIDATORS must be provided in the component.
+ *
+ * The FormGroup changes will be automatically change the parent FormControl value.
+ *
+ * Example:
+
+ */
+class AbstractFormGroupComponent {
+    constructor() {
+        this.destroy$ = new Subject();
+    }
+    ngAfterViewInit() {
+        this.listenValueChanges();
+    }
+    listenValueChanges() {
+        this.formGroup.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            if (this.onChange) {
+                this.onChange(this.formGroup.getRawValue());
+            }
+        });
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(formValue) {
+        if (formValue) {
+            this.formGroup.patchValue(formValue, { emitEvent: false });
+        }
+        else {
+            this.formGroup.reset(undefined, { emitEvent: false });
+        }
+    }
+    setDisabledState(isDisabled) {
+        isDisabled ? this.formGroup.disable({ emitEvent: false }) : this.formGroup.enable({ emitEvent: false });
+    }
+    validate() {
+        if (this.formGroup.invalid) {
+            return { invalidFormGroup: true };
+        }
+        return null;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+AbstractFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractFormGroupComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AbstractFormGroupComponent, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractFormGroupComponent, decorators: [{
+            type: Directive
+        }] });
+
+const errorMessages = {
+    required: '{{fieldName}} is required.',
+    max: 'Maximum {{fieldName}} is {{max}}.',
+    min: 'Minimum {{fieldName}} is {{min}}.',
+    maxlength: '{{fieldName}} can be max {{requiredLength}} characters long.',
+    minlength: '{{fieldName}} must be at least {{requiredLength}} characters long.',
+    email: '{{fieldName}} must be an email.'
+};
+function getErrorMessage(errorKey, replacements) {
+    if (!errorMessages[errorKey]) {
+        return `Missing error message to the error with key ${errorKey}`;
+    }
+    return errorMessages[errorKey].replace(/{{(\w+)}}/g, (placeholderWithDelimiters, placeholderWithoutDelimiters) => replacements[placeholderWithoutDelimiters] ? replacements[placeholderWithoutDelimiters] : placeholderWithDelimiters);
+}
+
+class AbstractInputComponent {
+    set errorMessage(errorMessage) {
+        this.errorMessage$.next(errorMessage);
+    }
+    constructor(controlContainer) {
+        this.controlContainer = controlContainer;
+        this.formControlName = '';
+        this.label = '';
+        this.readonly = false;
+        this.required = false;
+        this.disabled = false;
+        this.destroy$ = new Subject();
+        this.errorMessage$ = new BehaviorSubject('');
+        this.model$ = combineLatest({
+            errorMessage: this.errorMessage$
+        });
+    }
+    ngOnInit() {
+        if (this.controlContainer?.control instanceof FormArray) {
+            this.parentControl = this.controlContainer?.control.at(+this.formControlName);
+        }
+        else {
+            this.parentControl = this.controlContainer?.control?.get(this.formControlName);
+        }
+        this.setRequiredState();
+        this.listenStatusChanges();
+    }
+    setRequiredState() {
+        if (!this.parentControl || !this.parentControl?.validator) {
+            return;
+        }
+        const validators = this.parentControl?.validator({ value: '' });
+        if (validators && Object.keys(validators).includes('required')) {
+            this.required = true;
+        }
+    }
+    onBlur() {
+        if (this.onTouched) {
+            this.onTouched();
+        }
+        this.setErrors();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    listenStatusChanges() {
+        this.parentControl?.statusChanges.pipe(takeUntil$1(this.destroy$)).subscribe(() => this.setErrors());
+    }
+    setErrors() {
+        if (this.parentControl?.errors) {
+            const errorKey = Object.keys(this.parentControl?.errors)[0];
+            const errorObj = this.parentControl?.errors[`${errorKey}`];
+            this.errorMessage$.next(getErrorMessage(errorKey, {
+                fieldName: this.label,
+                ...errorObj
+            }));
+        }
+        else {
+            this.errorMessage$.next('');
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+AbstractInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractInputComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractInputComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AbstractInputComponent, inputs: { formControlName: "formControlName", errorMessage: "errorMessage", label: "label", readonly: "readonly", required: "required", disabled: "disabled" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractInputComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.ControlContainer, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { formControlName: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+class NgilUiCommonFormCvaModule {
+}
+NgilUiCommonFormCvaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgilUiCommonFormCvaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgilUiCommonFormCvaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgilUiCommonFormCvaModule, imports: [CommonModule] });
+NgilUiCommonFormCvaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgilUiCommonFormCvaModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgilUiCommonFormCvaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule]
+                }]
+        }] });
+
+function createControlValueAccessorProviders(component) {
+    return [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => component),
+            multi: true
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => component),
+            multi: true
+        }
+    ];
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractFormArrayComponent, AbstractFormComponent, AbstractFormGroupComponent, AbstractInputComponent, NgilUiCommonFormCvaModule, createControlValueAccessorProviders };
+//# sourceMappingURL=ngil-form-cva.mjs.map

package/fesm2020/ngil-form-cva.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngil-form-cva.mjs","sources":["../../../../../../../libs/ngil/ui/common/form-cva/src/lib/models/abstract-form-array-component.ts","../../../../../../../libs/ngil/ui/common/form-cva/src/lib/models/abstract-form-component.ts","../../../../../../../libs/ngil/ui/common/form-cva/src/lib/models/abstract-form-group.component.ts","../../../../../../../libs/ngil/ui/common/form-cva/src/lib/error-messages.ts","../../../../../../../libs/ngil/ui/common/form-cva/src/lib/models/abstract-input-component.ts","../../../../../../../libs/ngil/ui/common/form-cva/src/lib/ngil-ui-common-form-cva.module.ts","../../../../../../../libs/ngil/ui/common/form-cva/src/lib/utils/control-value-accessor.util.ts","../../../../../../../libs/ngil/ui/common/form-cva/src/ngil-form-cva.ts"],"sourcesContent":["import { AfterViewInit, Directive, OnDestroy } from '@angular/core';\r\nimport {\r\n  AbstractControl,\r\n  ControlValueAccessor,\r\n  FormArray,\r\n  FormGroup,\r\n  ValidationErrors,\r\n  Validator\r\n} from '@angular/forms';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { FormValueOf } from './form.model';\r\n\r\n/**\r\n *\r\n */\r\n@Directive()\r\nexport abstract class AbstractFormArrayComponent<F extends AbstractControl<any>>\r\n  implements AfterViewInit, OnDestroy, ControlValueAccessor, Validator\r\n{\r\n  protected abstract createFormArray(): FormArray<F>;\r\n  protected abstract createFormArrayItem(item?: FormValueOf<F>): F;\r\n\r\n  protected readonly destroy$ = new Subject<void>();\r\n  protected onChange?: (value: FormValueOf<F>[]) => void;\r\n  protected onTouched?: () => void;\r\n\r\n  formGroup = new FormGroup({\r\n    formArray: this.createFormArray()\r\n  });\r\n  get formArray() {\r\n    return this.formGroup.controls.formArray;\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.listenValueChanges();\r\n  }\r\n\r\n  protected listenValueChanges(): void {\r\n    this.formGroup.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {\r\n      if (this.onChange) {\r\n        this.onChange(this.formArray.getRawValue());\r\n      }\r\n    });\r\n  }\r\n\r\n  registerOnChange(fn: (value: FormValueOf<F>[]) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  writeValue(items: FormValueOf<F>[] | undefined | null): void {\r\n    this.prepareControls(items);\r\n\r\n    if (items) {\r\n      this.formArray.patchValue(items, { emitEvent: false });\r\n    } else {\r\n      this.formArray.reset(undefined, { emitEvent: false });\r\n    }\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    isDisabled ? this.formGroup.disable({ emitEvent: false }) : this.formGroup.enable({ emitEvent: false });\r\n  }\r\n\r\n  validate(): ValidationErrors | null {\r\n    if (this.formArray.invalid) {\r\n      return { invalidFormArray: true };\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  protected prepareControls(items: FormValueOf<F>[] | undefined | null): void {\r\n    items = items || [];\r\n\r\n    if (this.formArray.value.length < items.length) {\r\n      this.addExtraControls(items);\r\n    }\r\n\r\n    if (this.formArray.value.length > items.length) {\r\n      this.removeExtraControls(items);\r\n    }\r\n  }\r\n\r\n  private addExtraControls(items: FormValueOf<F>[]): void {\r\n    items.forEach((item, index) => {\r\n      const control = this.formArray.at(index);\r\n      if (!control) {\r\n        this.formArray.push(this.createFormArrayItem(item));\r\n      }\r\n    });\r\n  }\r\n\r\n  private removeExtraControls(items: FormValueOf<F>[]): void {\r\n    let formArrayIndex = 0;\r\n    this.formArray.value.forEach((item, index) => {\r\n      if (!items[index]) {\r\n        this.formArray.removeAt(formArrayIndex);\r\n      } else {\r\n        formArrayIndex++;\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n}\r\n","import { Directive, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Directive()\r\nexport abstract class AbstractFormComponent<T> implements OnDestroy, OnInit {\r\n  @Input() formViewModel?: T;\r\n\r\n  @Output() submitted: EventEmitter<T> = new EventEmitter();\r\n\r\n  abstract form: FormGroup;\r\n\r\n  protected readonly destroy$ = new Subject<void>();\r\n\r\n  get isSubmitDisabled(): boolean {\r\n    return !this.form.valid || this.form.pristine;\r\n  }\r\n\r\n  get isCancelDisabled(): boolean {\r\n    return !this.form.dirty;\r\n  }\r\n\r\n  protected getFormDefaultValue(model?: T): T | undefined {\r\n    return model;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.form.patchValue(this.getFormDefaultValue(this.formViewModel) || {}, { emitEvent: false });\r\n  }\r\n\r\n  submit(): void {\r\n    if (!this.isSubmitDisabled) {\r\n      this.submitted.emit({\r\n        ...this.formViewModel,\r\n        ...this.form.value\r\n      });\r\n    } else {\r\n      Object.values(this.form.controls).forEach(control => control.updateValueAndValidity());\r\n    }\r\n  }\r\n\r\n  cancel(): void {\r\n    if (!this.isCancelDisabled) {\r\n      this.form.reset(this.getFormDefaultValue(this.formViewModel), { emitEvent: false });\r\n      this.form.markAsPristine();\r\n      this.form.markAsUntouched();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n}\r\n","/**\r\n * This class implements ControlValueAccessor logic for a FormGroup.\r\n * NG_VALUE_ACCESSOR and NG_VALIDATORS must be provided in the component.\r\n *\r\n * The FormGroup changes will be automatically change the parent FormControl value.\r\n *\r\n * Example:\r\n\r\n */\r\n\r\nimport { AfterViewInit, Directive, OnDestroy } from '@angular/core';\r\nimport { AbstractControl, ControlValueAccessor, FormGroup, ValidationErrors, Validator } from '@angular/forms';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { FlatFormControlsOf, FormValueOf } from './form.model';\r\n\r\n@Directive()\r\nexport abstract class AbstractFormGroupComponent<\r\n  T extends { [K in keyof T]: any },\r\n  F extends { [K in keyof T]: AbstractControl<any, any> } = FlatFormControlsOf<T>\r\n> implements ControlValueAccessor, Validator, OnDestroy, AfterViewInit\r\n{\r\n  abstract formGroup: FormGroup<F>;\r\n\r\n  protected readonly destroy$ = new Subject<void>();\r\n  protected onChange?: (value: FormValueOf<FormGroup<F>>) => void;\r\n  protected onTouched?: () => void;\r\n\r\n  ngAfterViewInit(): void {\r\n    this.listenValueChanges();\r\n  }\r\n\r\n  protected listenValueChanges(): void {\r\n    this.formGroup.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {\r\n      if (this.onChange) {\r\n        this.onChange(this.formGroup.getRawValue());\r\n      }\r\n    });\r\n  }\r\n\r\n  registerOnChange(fn: (value: FormValueOf<FormGroup<F>>) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  writeValue(formValue: T | undefined | null): void {\r\n    if (formValue) {\r\n      this.formGroup.patchValue(formValue, { emitEvent: false });\r\n    } else {\r\n      this.formGroup.reset(undefined, { emitEvent: false });\r\n    }\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    isDisabled ? this.formGroup.disable({ emitEvent: false }) : this.formGroup.enable({ emitEvent: false });\r\n  }\r\n\r\n  validate(): ValidationErrors | null {\r\n    if (this.formGroup.invalid) {\r\n      return { invalidFormGroup: true };\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n}\r\n","const errorMessages: Record<string, string> = {\r\n  required: '{{fieldName}} is required.',\r\n  max: 'Maximum {{fieldName}} is {{max}}.',\r\n  min: 'Minimum {{fieldName}} is {{min}}.',\r\n  maxlength: '{{fieldName}} can be max {{requiredLength}} characters long.',\r\n  minlength: '{{fieldName}} must be at least {{requiredLength}} characters long.',\r\n  email: '{{fieldName}} must be an email.'\r\n};\r\n\r\nexport function getErrorMessage(errorKey: string, replacements: Record<string, string>): string {\r\n  if (!errorMessages[errorKey]) {\r\n    return `Missing error message to the error with key ${errorKey}`;\r\n  }\r\n\r\n  return errorMessages[errorKey].replace(/{{(\\w+)}}/g, (placeholderWithDelimiters, placeholderWithoutDelimiters) =>\r\n    replacements[placeholderWithoutDelimiters] ? replacements[placeholderWithoutDelimiters] : placeholderWithDelimiters\r\n  );\r\n}\r\n","import { Directive, Input, OnDestroy, OnInit, Optional } from '@angular/core';\r\nimport { AbstractControl, ControlContainer, ControlValueAccessor, FormArray } from '@angular/forms';\r\nimport { BehaviorSubject, Subject, combineLatest } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { getErrorMessage } from '../error-messages';\r\n\r\n@Directive()\r\nexport abstract class AbstractInputComponent<T = string> implements OnInit, ControlValueAccessor, OnDestroy {\r\n  @Input() formControlName = '';\r\n  @Input() set errorMessage(errorMessage: string) {\r\n    this.errorMessage$.next(errorMessage);\r\n  }\r\n  @Input() label = '';\r\n  @Input() readonly = false;\r\n  @Input() required = false;\r\n  @Input() disabled = false;\r\n\r\n  protected parentControl?: AbstractControl | null;\r\n  protected onChange?: (value: T | null) => void;\r\n  protected onTouched?: () => void;\r\n  protected readonly destroy$ = new Subject<void>();\r\n  protected readonly errorMessage$ = new BehaviorSubject<string>('');\r\n\r\n  model$ = combineLatest({\r\n    errorMessage: this.errorMessage$\r\n  });\r\n\r\n  constructor(@Optional() private readonly controlContainer?: ControlContainer) {}\r\n\r\n  ngOnInit(): void {\r\n    if (this.controlContainer?.control instanceof FormArray) {\r\n      this.parentControl = this.controlContainer?.control.at(+this.formControlName);\r\n    } else {\r\n      this.parentControl = this.controlContainer?.control?.get(this.formControlName);\r\n    }\r\n    this.setRequiredState();\r\n    this.listenStatusChanges();\r\n  }\r\n\r\n  private setRequiredState(): void {\r\n    if (!this.parentControl || !this.parentControl?.validator) {\r\n      return;\r\n    }\r\n\r\n    const validators = this.parentControl?.validator({ value: '' } as AbstractControl);\r\n    if (validators && Object.keys(validators).includes('required')) {\r\n      this.required = true;\r\n    }\r\n  }\r\n\r\n  onBlur(): void {\r\n    if (this.onTouched) {\r\n      this.onTouched();\r\n    }\r\n    this.setErrors();\r\n  }\r\n\r\n  registerOnChange(fn: (value: T | null) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  abstract writeValue(value: T): void;\r\n\r\n  protected listenStatusChanges(): void {\r\n    this.parentControl?.statusChanges.pipe(takeUntil(this.destroy$)).subscribe(() => this.setErrors());\r\n  }\r\n\r\n  protected setErrors(): void {\r\n    if (this.parentControl?.errors) {\r\n      const errorKey = Object.keys(this.parentControl?.errors)[0];\r\n      const errorObj = this.parentControl?.errors[`${errorKey}`];\r\n      this.errorMessage$.next(\r\n        getErrorMessage(errorKey, {\r\n          fieldName: this.label,\r\n          ...errorObj\r\n        })\r\n      );\r\n    } else {\r\n      this.errorMessage$.next('');\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next();\r\n    this.destroy$.complete();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n  imports: [CommonModule]\r\n})\r\nexport class NgilUiCommonFormCvaModule {}\r\n","import { forwardRef, Type } from '@angular/core';\r\nimport { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nexport function createControlValueAccessorProviders(component: Type<unknown>) {\r\n  return [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => component),\r\n      multi: true\r\n    },\r\n    {\r\n      provide: NG_VALIDATORS,\r\n      useExisting: forwardRef(() => component),\r\n      multi: true\r\n    }\r\n  ];\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["takeUntil"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,7 @@
+export * from './lib/models/abstract-form-array-component';
+export * from './lib/models/abstract-form-component';
+export * from './lib/models/abstract-form-group.component';
+export * from './lib/models/abstract-input-component';
+export * from './lib/models/form.model';
+export * from './lib/ngil-ui-common-form-cva.module';
+export * from './lib/utils/control-value-accessor.util';

package/lib/error-messages.d.ts

@@ -0,0 +1 @@
+export declare function getErrorMessage(errorKey: string, replacements: Record<string, string>): string;

package/lib/models/abstract-form-array-component.d.ts

@@ -0,0 +1,32 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormArray, FormGroup, ValidationErrors, Validator } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { FormValueOf } from './form.model';
+import * as i0 from "@angular/core";
+/**
+ *
+ */
+export declare abstract class AbstractFormArrayComponent<F extends AbstractControl<any>> implements AfterViewInit, OnDestroy, ControlValueAccessor, Validator {
+    protected abstract createFormArray(): FormArray<F>;
+    protected abstract createFormArrayItem(item?: FormValueOf<F>): F;
+    protected readonly destroy$: Subject<void>;
+    protected onChange?: (value: FormValueOf<F>[]) => void;
+    protected onTouched?: () => void;
+    formGroup: FormGroup<{
+        formArray: FormArray<F>;
+    }>;
+    get formArray(): FormArray<F>;
+    ngAfterViewInit(): void;
+    protected listenValueChanges(): void;
+    registerOnChange(fn: (value: FormValueOf<F>[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(items: FormValueOf<F>[] | undefined | null): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(): ValidationErrors | null;
+    protected prepareControls(items: FormValueOf<F>[] | undefined | null): void;
+    private addExtraControls;
+    private removeExtraControls;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormArrayComponent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormArrayComponent<any>, never, never, {}, {}, never, never, false, never>;
+}

package/lib/models/abstract-form-component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractFormComponent<T> implements OnDestroy, OnInit {
+    formViewModel?: T;
+    submitted: EventEmitter<T>;
+    abstract form: FormGroup;
+    protected readonly destroy$: Subject<void>;
+    get isSubmitDisabled(): boolean;
+    get isCancelDisabled(): boolean;
+    protected getFormDefaultValue(model?: T): T | undefined;
+    ngOnInit(): void;
+    submit(): void;
+    cancel(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormComponent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormComponent<any>, never, never, { "formViewModel": "formViewModel"; }, { "submitted": "submitted"; }, never, never, false, never>;
+}

package/lib/models/abstract-form-group.component.d.ts

@@ -0,0 +1,34 @@
+/**
+ * This class implements ControlValueAccessor logic for a FormGroup.
+ * NG_VALUE_ACCESSOR and NG_VALIDATORS must be provided in the component.
+ *
+ * The FormGroup changes will be automatically change the parent FormControl value.
+ *
+ * Example:
+
+ */
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormGroup, ValidationErrors, Validator } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { FlatFormControlsOf, FormValueOf } from './form.model';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractFormGroupComponent<T extends {
+    [K in keyof T]: any;
+}, F extends {
+    [K in keyof T]: AbstractControl<any, any>;
+} = FlatFormControlsOf<T>> implements ControlValueAccessor, Validator, OnDestroy, AfterViewInit {
+    abstract formGroup: FormGroup<F>;
+    protected readonly destroy$: Subject<void>;
+    protected onChange?: (value: FormValueOf<FormGroup<F>>) => void;
+    protected onTouched?: () => void;
+    ngAfterViewInit(): void;
+    protected listenValueChanges(): void;
+    registerOnChange(fn: (value: FormValueOf<FormGroup<F>>) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(formValue: T | undefined | null): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(): ValidationErrors | null;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormGroupComponent<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormGroupComponent<any, any>, never, never, {}, {}, never, never, false, never>;
+}

package/lib/models/abstract-input-component.d.ts

@@ -0,0 +1,34 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { AbstractControl, ControlContainer, ControlValueAccessor } from '@angular/forms';
+import { BehaviorSubject, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractInputComponent<T = string> implements OnInit, ControlValueAccessor, OnDestroy {
+    private readonly controlContainer?;
+    formControlName: string;
+    set errorMessage(errorMessage: string);
+    label: string;
+    readonly: boolean;
+    required: boolean;
+    disabled: boolean;
+    protected parentControl?: AbstractControl | null;
+    protected onChange?: (value: T | null) => void;
+    protected onTouched?: () => void;
+    protected readonly destroy$: Subject<void>;
+    protected readonly errorMessage$: BehaviorSubject<string>;
+    model$: import("rxjs").Observable<{
+        errorMessage: string;
+    }>;
+    constructor(controlContainer?: ControlContainer | undefined);
+    ngOnInit(): void;
+    private setRequiredState;
+    onBlur(): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    abstract writeValue(value: T): void;
+    protected listenStatusChanges(): void;
+    protected setErrors(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractInputComponent<any>, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractInputComponent<any>, never, never, { "formControlName": "formControlName"; "errorMessage": "errorMessage"; "label": "label"; "readonly": "readonly"; "required": "required"; "disabled": "disabled"; }, {}, never, never, false, never>;
+}

package/lib/models/form.model.d.ts

@@ -0,0 +1,17 @@
+import { AbstractControl, FormControl, FormGroup } from '@angular/forms';
+/**
+ * Create FormControl or FormGroup types to used in a FormGroup using a interface
+ */
+export type FormControlsOf<T extends Record<string, any>> = {
+    [K in keyof Required<T>]: Required<T>[K] extends Record<string, any> ? Required<T>[K] extends any[] ? FormControl<T[K] | null> : FormGroup<FormControlsOf<Required<T>[K]>> : FormControl<T[K] | null>;
+};
+/**
+ * Wrap every property in the Record T in a FormControl type
+ */
+export type FlatFormControlsOf<T extends Record<string, any>> = {
+    [K in keyof T]: FormControl<T[K] | null>;
+};
+/**
+ * Gives the form value type
+ */
+export type FormValueOf<T extends AbstractControl<any>> = T['value'];

package/lib/ngil-ui-common-form-cva.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export declare class NgilUiCommonFormCvaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgilUiCommonFormCvaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgilUiCommonFormCvaModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgilUiCommonFormCvaModule>;
+}

package/lib/utils/control-value-accessor.util.d.ts

@@ -0,0 +1,6 @@
+import { Type } from '@angular/core';
+export declare function createControlValueAccessorProviders(component: Type<unknown>): {
+    provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
+    useExisting: Type<any>;
+    multi: boolean;
+}[];

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@ngil/form-cva",
+  "version": "0.1.0",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:allanartuso/ngdux.git",
+    "directory": "/libs/ngil/ui/common/cva"
+  },
+  "homepage": "https://github.com/allanartuso/ngdux/tree/master/libs/ngil/ui/common/cva#readme",
+  "module": "fesm2015/ngil-form-cva.mjs",
+  "es2020": "fesm2020/ngil-form-cva.mjs",
+  "esm2020": "esm2020/ngil-form-cva.mjs",
+  "fesm2020": "fesm2020/ngil-form-cva.mjs",
+  "fesm2015": "fesm2015/ngil-form-cva.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ngil-form-cva.mjs",
+      "es2020": "./fesm2020/ngil-form-cva.mjs",
+      "es2015": "./fesm2015/ngil-form-cva.mjs",
+      "node": "./fesm2015/ngil-form-cva.mjs",
+      "default": "./fesm2020/ngil-form-cva.mjs"
+    }
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@angular/core": "15.2.9",
+    "@angular/forms": "15.2.9",
+    "rxjs": "7.8.1",
+    "@angular/common": "15.2.9"
+  }
+}