@mckit/form 19.0.39 → 20.0.3

package/fesm2022/mckit-form.mjs

@@ -33,6 +33,8 @@ import * as i4 from 'primeng/inputgroup';
 import { InputGroupModule } from 'primeng/inputgroup';
 import * as i5 from 'primeng/inputgroupaddon';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
+import * as i3$5 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
 
 class MCField {
     key;
@@ -208,10 +210,10 @@ class MCFormService {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFormService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFormService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -219,10 +221,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
         }] });
 
 class PrintFieldComponent {
-    field = input.required();
-    control = input();
-    group = input();
-    eventObs = input();
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : []));
+    group = input(...(ngDevMode ? [undefined, { debugName: "group" }] : []));
+    eventObs = input(...(ngDevMode ? [undefined, { debugName: "eventObs" }] : []));
     viewContainerRef = inject(ViewContainerRef);
     ngOnInit() {
         const view = this.viewContainerRef.createComponent(this.field().component);
@@ -231,17 +233,17 @@ class PrintFieldComponent {
         view.setInput('group', this.group());
         view.setInput('eventObs', this.eventObs());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: PrintFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.13", type: PrintFieldComponent, isStandalone: true, selector: "mc-print-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, eventObs: { classPropertyName: "eventObs", publicName: "eventObs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrintFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.4", type: PrintFieldComponent, isStandalone: true, selector: "mc-print-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, eventObs: { classPropertyName: "eventObs", publicName: "eventObs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: PrintFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrintFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-print-field', imports: [CommonModule, ReactiveFormsModule], template: '' }]
         }] });
 
 class MCForm {
-    config = input.required();
-    formGroup = signal(undefined);
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    formGroup = signal(undefined, ...(ngDevMode ? [{ debugName: "formGroup" }] : []));
     formService = inject(MCFormService);
     onEvent = output();
     eventObs = new Subject();
@@ -273,19 +275,19 @@ class MCForm {
     getEventObs() {
         return this.eventObs;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: MCForm, isStandalone: true, selector: "mc-form", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onEvent: "onEvent" }, ngImport: i0, template: "@if(formGroup()) {\n  <form [formGroup]=\"formGroup()!\" class=\"mc-form\">\n    @for (field of config().fields; track $index) {\n      <div class=\"{{(config().containerFieldClass || 'mb-3')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"formGroup()!.get(field.key ?? '')\" [group]=\"formGroup()!\" [eventObs]=\"eventObs\" />\n      </div>\n    }\n  </form>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCForm, isStandalone: true, selector: "mc-form", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onEvent: "onEvent" }, ngImport: i0, template: "@if(formGroup()) {\n  <form [formGroup]=\"formGroup()!\" class=\"mc-form\">\n    @for (field of config().fields; track $index) {\n      <div class=\"{{(config().containerFieldClass || 'mb-3')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"formGroup()!.get(field.key ?? '')\" [group]=\"formGroup()!\" [eventObs]=\"eventObs\" />\n      </div>\n    }\n  </form>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCForm, decorators: [{
             type: Component,
             args: [{ selector: 'mc-form', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "@if(formGroup()) {\n  <form [formGroup]=\"formGroup()!\" class=\"mc-form\">\n    @for (field of config().fields; track $index) {\n      <div class=\"{{(config().containerFieldClass || 'mb-3')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"formGroup()!.get(field.key ?? '')\" [group]=\"formGroup()!\" [eventObs]=\"eventObs\" />\n      </div>\n    }\n  </form>\n}\n" }]
         }] });
 
 class MCFormModal {
-    formComponent = viewChild(MCForm);
+    formComponent = viewChild(MCForm, ...(ngDevMode ? [{ debugName: "formComponent" }] : []));
     dialogService = inject(DialogService);
     dialogRef = inject(DynamicDialogRef);
-    formConfig = signal(new MCConfigForm());
+    formConfig = signal(new MCConfigForm(), ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
     ngOnInit() {
         this.initForm();
     }
@@ -294,7 +296,7 @@ class MCFormModal {
     }
     initForm() {
         let instance = this.dialogService.getInstance(this.dialogRef);
-        if (instance.data == undefined) {
+        if (instance?.data == undefined) {
             this.dialogRef.close();
             return;
         }
@@ -306,10 +308,10 @@ class MCFormModal {
     getEventObs() {
         return this.formComponent().getEventObs();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFormModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.13", type: MCFormModal, isStandalone: true, selector: "mc-form-modal", viewQueries: [{ propertyName: "formComponent", first: true, predicate: MCForm, descendants: true, isSignal: true }], ngImport: i0, template: "<mc-form [config]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MCForm, selector: "mc-form", inputs: ["config"], outputs: ["onEvent"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: MCFormModal, isStandalone: true, selector: "mc-form-modal", viewQueries: [{ propertyName: "formComponent", first: true, predicate: MCForm, descendants: true, isSignal: true }], ngImport: i0, template: "<mc-form [config]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MCForm, selector: "mc-form", inputs: ["config"], outputs: ["onEvent"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFormModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModal, decorators: [{
             type: Component,
             args: [{ selector: 'mc-form-modal', imports: [CommonModule, MCForm], template: "<mc-form [config]=\"formConfig()\" />\n" }]
         }] });
@@ -317,7 +319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
 class MCFooterModalForm {
     dialogService = inject(DialogService);
     dialogRef = inject((DynamicDialogRef));
-    isLoading = signal(false);
+    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
     group;
     eventObs;
     eventSubscription;
@@ -343,7 +345,7 @@ class MCFooterModalForm {
     }
     initConfig() {
         let instance = this.dialogService.getInstance(this.dialogRef);
-        if (instance.data == undefined) {
+        if (instance?.data == undefined) {
             this.dialogRef.close();
             return;
         }
@@ -362,10 +364,10 @@ class MCFooterModalForm {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFooterModalForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: MCFooterModalForm, isStandalone: true, selector: "mc-footer-modal-form", ngImport: i0, template: "<p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n@if(group != undefined){\n  <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n}\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFooterModalForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCFooterModalForm, isStandalone: true, selector: "mc-footer-modal-form", ngImport: i0, template: "<p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n@if(group != undefined){\n  <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n}\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFooterModalForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFooterModalForm, decorators: [{
             type: Component,
             args: [{ selector: 'mc-footer-modal-form', imports: [CommonModule, ButtonModule], template: "<p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n@if(group != undefined){\n  <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n}\n\n" }]
         }] });
@@ -380,10 +382,10 @@ class MCFooterWithDeleteModalForm extends MCFooterModalForm {
         }
         this.eventObs?.next(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFooterWithDeleteModalForm, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: MCFooterWithDeleteModalForm, isStandalone: true, selector: "mc-footer-with-delete-modal-form", usesInheritance: true, ngImport: i0, template: "<div class=\"flex justify-between\">\n  <div >\n    <p-button label=\"Delete\" severity=\"danger\" (onClick)=\"onClickDelete()\" styleClass=\"mr-3\" />\n  </div>\n  <div>\n    <p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n    @if(group != undefined){\n      <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFooterWithDeleteModalForm, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MCFooterWithDeleteModalForm, isStandalone: true, selector: "mc-footer-with-delete-modal-form", usesInheritance: true, ngImport: i0, template: "<div class=\"flex justify-between\">\n  <div >\n    <p-button label=\"Delete\" severity=\"danger\" (onClick)=\"onClickDelete()\" styleClass=\"mr-3\" />\n  </div>\n  <div>\n    <p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n    @if(group != undefined){\n      <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFooterWithDeleteModalForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFooterWithDeleteModalForm, decorators: [{
             type: Component,
             args: [{ selector: 'mc-footer-with-delete-modal-form', imports: [CommonModule, ButtonModule], template: "<div class=\"flex justify-between\">\n  <div >\n    <p-button label=\"Delete\" severity=\"danger\" (onClick)=\"onClickDelete()\" styleClass=\"mr-3\" />\n  </div>\n  <div>\n    <p-button label=\"Cancel\" severity=\"secondary\" (onClick)=\"onClickCancel()\" styleClass=\"mr-3\" />\n    @if(group != undefined){\n      <p-button label=\"Submit\" severity=\"primary\" (onClick)=\"onClickSubmit()\" icon=\"pi pi-send\" [disabled]=\"!group()?.valid || group()?.disabled\" [loading]=\"isLoading()\" />\n    }\n  </div>\n</div>\n" }]
         }] });
@@ -421,10 +423,10 @@ class MCFormModalService {
         config.styleClass = config.styleClass ?? 'w-full md:w-2xl mc-form-modal';
         return config;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFormModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFormModalService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModalService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFormModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFormModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -433,7 +435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
 
 class MCHttpFormModal extends MCFormModal {
     messageService = inject(MessageService);
-    formConfig = signal(new MCConfigHttpModalForm());
+    formConfig = signal(new MCConfigHttpModalForm(), ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
     httpSubscription;
     ngAfterViewInit() {
         this.initEvents();
@@ -461,10 +463,10 @@ class MCHttpFormModal extends MCFormModal {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCHttpFormModal, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: MCHttpFormModal, isStandalone: true, selector: "mc-http-form-modal", providers: [MessageService], usesInheritance: true, ngImport: i0, template: "<mc-form [config]=\"formConfig()\" />\n<p-toast />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MCForm, selector: "mc-form", inputs: ["config"], outputs: ["onEvent"] }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModal, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: MCHttpFormModal, isStandalone: true, selector: "mc-http-form-modal", providers: [MessageService], usesInheritance: true, ngImport: i0, template: "<mc-form [config]=\"formConfig()\" />\n<p-toast />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MCForm, selector: "mc-form", inputs: ["config"], outputs: ["onEvent"] }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCHttpFormModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModal, decorators: [{
             type: Component,
             args: [{ selector: 'mc-http-form-modal', imports: [CommonModule, MCForm, ToastModule], providers: [MessageService], template: "<mc-form [config]=\"formConfig()\" />\n<p-toast />\n" }]
         }] });
@@ -489,10 +491,10 @@ class MCHttpFormModalService extends MCFormModalService {
     openRight(config) {
         return this.open(MCFormModalService.initConfigRight(config));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCHttpFormModalService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCHttpFormModalService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModalService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModalService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCHttpFormModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCHttpFormModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -529,14 +531,14 @@ class MCBaseHttpFormModalService {
 }
 
 class MCFieldComponent {
-    field = input.required();
-    control = input();
-    group = input.required();
-    eventObs = input();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.13", type: MCFieldComponent, isStandalone: true, selector: "mc-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: true, transformFunction: null }, eventObs: { classPropertyName: "eventObs", publicName: "eventObs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true });
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : []));
+    group = input.required(...(ngDevMode ? [{ debugName: "group" }] : []));
+    eventObs = input(...(ngDevMode ? [undefined, { debugName: "eventObs" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.4", type: MCFieldComponent, isStandalone: true, selector: "mc-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: true, transformFunction: null }, eventObs: { classPropertyName: "eventObs", publicName: "eventObs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MCFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MCFieldComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'mc-field',
@@ -545,10 +547,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
         }] });
 
 class IftaTextFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: IftaTextFieldComponent, isStandalone: true, selector: "mc-ifta-text-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n  <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaTextFieldComponent, isStandalone: true, selector: "mc-ifta-text-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n  <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaTextFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-ifta-text-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, InputTextModule], template: "<p-iftalabel>\n  <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n" }]
         }] });
@@ -567,7 +569,7 @@ class IftaTextField {
 }
 
 class SubmitButtonFieldComponent extends MCFieldComponent {
-    isLoading = signal(false);
+    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
     eventSubscription;
     ngOnInit() {
         this.eventSubscription = this.eventObs()?.subscribe(event => {
@@ -583,10 +585,10 @@ class SubmitButtonFieldComponent extends MCFieldComponent {
         this.isLoading.set(true);
         this.eventObs()?.next(MCEventForm.init(this.field().key ?? 'submit', this.group()?.value));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: SubmitButtonFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: SubmitButtonFieldComponent, isStandalone: true, selector: "mc-submit-button-field", usesInheritance: true, ngImport: i0, template: "<div class=\"flex justify-end\">\n  <p-button [label]=\"field().config.label\" [disabled]=\"!group().valid || group().disabled\" (onClick)=\"onClick()\" [loading]=\"isLoading()\" [icon]=\"field().config.icon\" />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SubmitButtonFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: SubmitButtonFieldComponent, isStandalone: true, selector: "mc-submit-button-field", usesInheritance: true, ngImport: i0, template: "<div class=\"flex justify-end\">\n  <p-button [label]=\"field().config.label\" [disabled]=\"!group().valid || group().disabled\" (onClick)=\"onClick()\" [loading]=\"isLoading()\" [icon]=\"field().config.icon\" />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: SubmitButtonFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SubmitButtonFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-submit-button-field', imports: [CommonModule, ButtonModule], template: "<div class=\"flex justify-end\">\n  <p-button [label]=\"field().config.label\" [disabled]=\"!group().valid || group().disabled\" (onClick)=\"onClick()\" [loading]=\"isLoading()\" [icon]=\"field().config.icon\" />\n</div>\n" }]
         }] });
@@ -610,11 +612,11 @@ class GroupFieldComponent extends MCFieldComponent {
             return this.group().get(this.field().key);
         }
         return undefined;
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: GroupFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: GroupFieldComponent, isStandalone: true, selector: "mc-group-field", usesInheritance: true, ngImport: i0, template: "@if(newGroup()) {\n  <div [formGroup]=\"newGroup()!\" class=\"mc-group-form\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
+    }, ...(ngDevMode ? [{ debugName: "newGroup" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: GroupFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: GroupFieldComponent, isStandalone: true, selector: "mc-group-field", usesInheritance: true, ngImport: i0, template: "@if(newGroup()) {\n  <div [formGroup]=\"newGroup()!\" class=\"mc-group-form\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: GroupFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: GroupFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-group-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "@if(newGroup()) {\n  <div [formGroup]=\"newGroup()!\" class=\"mc-group-form\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n}\n" }]
         }] });
@@ -634,10 +636,10 @@ class GroupField {
 }
 
 class RowFieldComponent extends GroupFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: RowFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: RowFieldComponent, isStandalone: true, selector: "mc-row-field", usesInheritance: true, ngImport: i0, template: "@if(newGroup()) {\n  <div [formGroup]=\"newGroup()!\" class=\"mc-row-form flex flex-row gap-3\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n} @else {\n  <div class=\"mc-row-form flex flex-row gap-3\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RowFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RowFieldComponent, isStandalone: true, selector: "mc-row-field", usesInheritance: true, ngImport: i0, template: "@if(newGroup()) {\n  <div [formGroup]=\"newGroup()!\" class=\"mc-row-form flex flex-row gap-3\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n} @else {\n  <div class=\"mc-row-form flex flex-row gap-3\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: RowFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RowFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-row-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "@if(newGroup()) {\n  <div [formGroup]=\"newGroup()!\" class=\"mc-row-form flex flex-row gap-3\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"newGroup()!.get(field.key ?? '')\" [group]=\"newGroup()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n} @else {\n  <div class=\"mc-row-form flex flex-row gap-3\">\n    @for (field of field().config.fields; track $index) {\n      <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n        <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n      </div>\n    }\n  </div>\n}\n" }]
         }] });
@@ -669,10 +671,10 @@ class RowField {
 }
 
 class HiddenFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: HiddenFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: HiddenFieldComponent, isStandalone: true, selector: "mc-hidden-field", usesInheritance: true, ngImport: i0, template: "", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: HiddenFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: HiddenFieldComponent, isStandalone: true, selector: "mc-hidden-field", usesInheritance: true, ngImport: i0, template: "", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: HiddenFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: HiddenFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-hidden-field', imports: [CommonModule], template: "" }]
         }] });
@@ -687,10 +689,10 @@ class HiddenField {
 }
 
 class IftaSelectFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaSelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: IftaSelectFieldComponent, isStandalone: true, selector: "mc-ifta-select-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n  <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"field().config.options\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" />\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaSelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaSelectFieldComponent, isStandalone: true, selector: "mc-ifta-select-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n  <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"field().config.options\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" />\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaSelectFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaSelectFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-ifta-select-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, SelectModule], template: "<p-iftalabel>\n  <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"field().config.options\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" />\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n" }]
         }] });
@@ -712,7 +714,7 @@ class IftaSelectField {
 }
 
 class IftaTextConditionalFieldComponent extends MCFieldComponent {
-    isShow = signal(false);
+    isShow = signal(false, ...(ngDevMode ? [{ debugName: "isShow" }] : []));
     valuesSubscription;
     ngOnInit() {
         this.loadObs();
@@ -739,10 +741,10 @@ class IftaTextConditionalFieldComponent extends MCFieldComponent {
             this.verifyCondition(value);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaTextConditionalFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: IftaTextConditionalFieldComponent, isStandalone: true, selector: "mc-ifta-text-conditional-field", usesInheritance: true, ngImport: i0, template: "@if(isShow()){\n  <p-iftalabel>\n    <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n    <label for=\"{{field().key}}\">{{field().config.label}}</label>\n  </p-iftalabel>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextConditionalFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: IftaTextConditionalFieldComponent, isStandalone: true, selector: "mc-ifta-text-conditional-field", usesInheritance: true, ngImport: i0, template: "@if(isShow()){\n  <p-iftalabel>\n    <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n    <label for=\"{{field().key}}\">{{field().config.label}}</label>\n  </p-iftalabel>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaTextConditionalFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextConditionalFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-ifta-text-conditional-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, InputTextModule], template: "@if(isShow()){\n  <p-iftalabel>\n    <input pInputText id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" />\n    <label for=\"{{field().key}}\">{{field().config.label}}</label>\n  </p-iftalabel>\n}\n" }]
         }] });
@@ -763,8 +765,8 @@ class IftaTextConditionalField {
 }
 
 class IftaSelectObsFieldComponent extends MCFieldComponent {
-    isLoading = signal(false);
-    options = signal([]);
+    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : []));
     optionsSubscription;
     ngOnInit() {
         this.loadObs();
@@ -781,10 +783,10 @@ class IftaSelectObsFieldComponent extends MCFieldComponent {
             this.isLoading.set(false);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaSelectObsFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: IftaSelectObsFieldComponent, isStandalone: true, selector: "mc-ifta-select-obs-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n    <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"options()\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" [loading]=\"isLoading()\" />\n    <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n  ", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaSelectObsFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaSelectObsFieldComponent, isStandalone: true, selector: "mc-ifta-select-obs-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n    <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"options()\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" [loading]=\"isLoading()\" />\n    <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n  ", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaSelectObsFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaSelectObsFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-ifta-select-obs-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, SelectModule], template: "<p-iftalabel>\n    <p-select [formControl]=\"control()!\" inputId=\"{{field().key}}\" [options]=\"options()\" [optionLabel]=\"field().config.optionLabel\" [optionValue]=\"field().config.optionValue\" styleClass=\"w-full\" [appendTo]=\"'body'\" [loading]=\"isLoading()\" />\n    <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n  " }]
         }] });
@@ -806,10 +808,10 @@ class IftaSelectObsField {
 }
 
 class DividerFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: DividerFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: DividerFieldComponent, isStandalone: true, selector: "mc-divider-field", usesInheritance: true, ngImport: i0, template: "<p-divider align=\"center\"><b>{{field().config.label}}</b></p-divider>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i1$3.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DividerFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: DividerFieldComponent, isStandalone: true, selector: "mc-divider-field", usesInheritance: true, ngImport: i0, template: "<p-divider align=\"center\"><b>{{field().config.label}}</b></p-divider>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i1$3.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: DividerFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DividerFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-divider-field', imports: [CommonModule, DividerModule], template: "<p-divider align=\"center\"><b>{{field().config.label}}</b></p-divider>" }]
         }] });
@@ -829,7 +831,7 @@ class ArrayFieldComponent extends MCFieldComponent {
     formArray = computed(() => {
         let formArray = (this.group().get(this.field().key));
         return formArray;
-    });
+    }, ...(ngDevMode ? [{ debugName: "formArray" }] : []));
     onClickAdd() {
         // Verify if the element is FormArray
         if (!(this.group().get(this.field().key) instanceof FormArray)) {
@@ -854,12 +856,12 @@ class ArrayFieldComponent extends MCFieldComponent {
             formArray.insert(newIndex, currentControl);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: ArrayFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: ArrayFieldComponent, isStandalone: true, selector: "mc-array-field", usesInheritance: true, ngImport: i0, template: "<div class=\"mc-array-form\">\n  <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n    <p-panel [header]=\"field().config?.labelTitlePanel\" styleClass=\"mb-3\">\n      <ng-template #icons>\n        <div class=\"flex gap-2\">\n          @if(field().config.allow_order) {\n          <p-button icon=\"pi pi-arrow-up\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, -1)\"\n            [disabled]=\"i === 0\" />\n          <p-button icon=\"pi pi-arrow-down\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, 1)\"\n            [disabled]=\"i === formArray().length - 1\" />\n          }\n          <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" />\n        </div>\n      </ng-template>\n\n      <div [formGroup]=\"row\" class=\"mc-array-group-form\">\n        @for (field of field().config.fields; track $index) {\n        <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n          <mc-print-field [field]=\"field\" [control]=\"row.get(field.key ?? '')\" [group]=\"row\" [eventObs]=\"eventObs()\" />\n        </div>\n        }\n      </div>\n    </p-panel>\n\n  </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\"\n  (onClick)=\"onClickAdd()\" />", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i3$2.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ArrayFieldComponent, isStandalone: true, selector: "mc-array-field", usesInheritance: true, ngImport: i0, template: "<div class=\"mc-array-form\">\n  <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n    <p-panel [header]=\"field().config?.labelTitlePanel\" styleClass=\"mb-3\">\n      <ng-template #icons>\n        <div class=\"flex gap-2\">\n          @if(field().config.allow_order) {\n          <p-button icon=\"pi pi-arrow-up\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, -1)\"\n            [disabled]=\"i === 0\" />\n          <p-button icon=\"pi pi-arrow-down\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, 1)\"\n            [disabled]=\"i === formArray().length - 1\" />\n          }\n          <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" />\n        </div>\n      </ng-template>\n\n      <div [formGroup]=\"row\" class=\"mc-array-group-form\">\n        @for (field of field().config.fields; track $index) {\n        <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n          <mc-print-field [field]=\"field\" [control]=\"row.get(field.key ?? '')\" [group]=\"row\" [eventObs]=\"eventObs()\" />\n        </div>\n        }\n      </div>\n    </p-panel>\n\n  </div>\n</div>\n\n@if(field().config.allow_add) {\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\"\n  (onClick)=\"onClickAdd()\" />\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i3$2.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "id", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: ArrayFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mc-array-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent, PanelModule, ButtonModule], template: "<div class=\"mc-array-form\">\n  <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n    <p-panel [header]=\"field().config?.labelTitlePanel\" styleClass=\"mb-3\">\n      <ng-template #icons>\n        <div class=\"flex gap-2\">\n          @if(field().config.allow_order) {\n          <p-button icon=\"pi pi-arrow-up\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, -1)\"\n            [disabled]=\"i === 0\" />\n          <p-button icon=\"pi pi-arrow-down\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, 1)\"\n            [disabled]=\"i === formArray().length - 1\" />\n          }\n          <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" />\n        </div>\n      </ng-template>\n\n      <div [formGroup]=\"row\" class=\"mc-array-group-form\">\n        @for (field of field().config.fields; track $index) {\n        <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n          <mc-print-field [field]=\"field\" [control]=\"row.get(field.key ?? '')\" [group]=\"row\" [eventObs]=\"eventObs()\" />\n        </div>\n        }\n      </div>\n    </p-panel>\n\n  </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\"\n  (onClick)=\"onClickAdd()\" />" }]
+            args: [{ selector: 'mc-array-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent, PanelModule, ButtonModule], template: "<div class=\"mc-array-form\">\n  <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n    <p-panel [header]=\"field().config?.labelTitlePanel\" styleClass=\"mb-3\">\n      <ng-template #icons>\n        <div class=\"flex gap-2\">\n          @if(field().config.allow_order) {\n          <p-button icon=\"pi pi-arrow-up\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, -1)\"\n            [disabled]=\"i === 0\" />\n          <p-button icon=\"pi pi-arrow-down\" severity=\"secondary\" rounded text (onClick)=\"moveItem(i, 1)\"\n            [disabled]=\"i === formArray().length - 1\" />\n          }\n          <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" />\n        </div>\n      </ng-template>\n\n      <div [formGroup]=\"row\" class=\"mc-array-group-form\">\n        @for (field of field().config.fields; track $index) {\n        <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n          <mc-print-field [field]=\"field\" [control]=\"row.get(field.key ?? '')\" [group]=\"row\" [eventObs]=\"eventObs()\" />\n        </div>\n        }\n      </div>\n    </p-panel>\n\n  </div>\n</div>\n\n@if(field().config.allow_add) {\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\"\n  (onClick)=\"onClickAdd()\" />\n}" }]
         }] });
 class ArrayField {
     static init(key, fields, data) {
@@ -873,16 +875,17 @@ class ArrayField {
             labelAddButton: data?.labelAddButton,
             labelTitlePanel: data?.labelTitlePanel,
             allow_order: data?.allow_order,
+            allow_add: data?.allow_add ?? true,
         };
         return field;
     }
 }
 
 class IftaTextareaFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaTextareaFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: IftaTextareaFieldComponent, isStandalone: true, selector: "mc-ifta-textarea-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n  <textarea pTextarea id=\"{{field().key}}\" rows=\"5\" cols=\"30\" style=\"resize: none\" class=\"w-full\" [formControl]=\"control()!\"></textarea>\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i3$3.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextareaFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaTextareaFieldComponent, isStandalone: true, selector: "mc-ifta-textarea-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n  <textarea pTextarea id=\"{{field().key}}\" rows=\"5\" cols=\"30\" style=\"resize: none\" class=\"w-full\" [formControl]=\"control()!\"></textarea>\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i3$3.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaTextareaFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaTextareaFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-ifta-textarea-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, TextareaModule], template: "<p-iftalabel>\n  <textarea pTextarea id=\"{{field().key}}\" rows=\"5\" cols=\"30\" style=\"resize: none\" class=\"w-full\" [formControl]=\"control()!\"></textarea>\n  <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>\n" }]
         }] });
@@ -900,7 +903,7 @@ class IftaTextareaField {
 }
 
 class ConditionalFieldComponent extends MCFieldComponent {
-    isShow = signal(false);
+    isShow = signal(false, ...(ngDevMode ? [{ debugName: "isShow" }] : []));
     valuesSubscription;
     ngOnInit() {
         this.loadObs();
@@ -935,10 +938,10 @@ class ConditionalFieldComponent extends MCFieldComponent {
             this.verifyCondition(value);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: ConditionalFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: ConditionalFieldComponent, isStandalone: true, selector: "mc-conditional-field", usesInheritance: true, ngImport: i0, template: "@if(isShow()){\n  @for (field of field().config.fields; track $index) {\n    <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n  }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ConditionalFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ConditionalFieldComponent, isStandalone: true, selector: "mc-conditional-field", usesInheritance: true, ngImport: i0, template: "@if(isShow()){\n  @for (field of field().config.fields; track $index) {\n    <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n  }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: ConditionalFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ConditionalFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-conditional-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "@if(isShow()){\n  @for (field of field().config.fields; track $index) {\n    <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n  }\n}\n" }]
         }] });
@@ -963,7 +966,7 @@ class ArrayIftaTextFieldComponent extends MCFieldComponent {
     formArray = computed(() => {
         let formArray = (this.group().get(this.field().key));
         return formArray;
-    });
+    }, ...(ngDevMode ? [{ debugName: "formArray" }] : []));
     onClickAdd() {
         let formArray = (this.group().get(this.field().key));
         formArray.push(new FormControl(''));
@@ -972,10 +975,10 @@ class ArrayIftaTextFieldComponent extends MCFieldComponent {
         let formArray = (this.group().get(this.field().key));
         formArray.removeAt(index);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: ArrayIftaTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: ArrayIftaTextFieldComponent, isStandalone: true, selector: "mc-array-ifta-text-field", usesInheritance: true, ngImport: i0, template: "\n<div class=\"mc-array-text-form\">\n  <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n    <div class=\"flex flex-row justify-between mc-array-group-form\">\n      <p-iftalabel class=\"mb-3 w-full\">\n        <input pInputText id=\"{{field().key}}_{{i}}\" class=\"w-full\" [formControl]=\"row\" />\n        <label for=\"{{field().key}}_{{i}}\">Param {{(i+1)}}</label>\n      </p-iftalabel>\n\n      <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" styleClass=\"ml-3\" />\n    </div>\n\n  </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\" (onClick)=\"onClickAdd()\" />\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PanelModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayIftaTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ArrayIftaTextFieldComponent, isStandalone: true, selector: "mc-array-ifta-text-field", usesInheritance: true, ngImport: i0, template: "\n<div class=\"mc-array-text-form\">\n  <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n    <div class=\"flex flex-row justify-between mc-array-group-form\">\n      <p-iftalabel class=\"mb-3 w-full\">\n        <input pInputText id=\"{{field().key}}_{{i}}\" class=\"w-full\" [formControl]=\"row\" />\n        <label for=\"{{field().key}}_{{i}}\">Param {{(i+1)}}</label>\n      </p-iftalabel>\n\n      <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" styleClass=\"ml-3\" />\n    </div>\n\n  </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\" (onClick)=\"onClickAdd()\" />\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PanelModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: ArrayIftaTextFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ArrayIftaTextFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-array-ifta-text-field', imports: [CommonModule, ReactiveFormsModule, PanelModule, ButtonModule, IftaLabelModule, InputTextModule], template: "\n<div class=\"mc-array-text-form\">\n  <div *ngFor=\"let row of formArray().controls; let i = index\">\n\n    <div class=\"flex flex-row justify-between mc-array-group-form\">\n      <p-iftalabel class=\"mb-3 w-full\">\n        <input pInputText id=\"{{field().key}}_{{i}}\" class=\"w-full\" [formControl]=\"row\" />\n        <label for=\"{{field().key}}_{{i}}\">Param {{(i+1)}}</label>\n      </p-iftalabel>\n\n      <p-button icon=\"pi pi-trash\" severity=\"danger\" rounded text (onClick)=\"onClickRemove(i)\" styleClass=\"ml-3\" />\n    </div>\n\n  </div>\n</div>\n\n<p-button [label]=\"field().config?.labelAddButton ?? 'Add row'\" [link]=\"true\" icon=\"pi pi-plus-circle\" (onClick)=\"onClickAdd()\" />\n\n" }]
         }] });
@@ -995,10 +998,10 @@ class ArrayIftaTextField {
 }
 
 class ColumnFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: ColumnFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: ColumnFieldComponent, isStandalone: true, selector: "mc-column-field", usesInheritance: true, ngImport: i0, template: "<div class=\"mc-column-form\">\n    @for (field of field().config.fields; track $index) {\n        <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n            <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n        </div>\n    }\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ColumnFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ColumnFieldComponent, isStandalone: true, selector: "mc-column-field", usesInheritance: true, ngImport: i0, template: "<div class=\"mc-column-form\">\n    @for (field of field().config.fields; track $index) {\n        <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n            <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n        </div>\n    }\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: ColumnFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ColumnFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-column-field', imports: [CommonModule, ReactiveFormsModule, PrintFieldComponent], template: "<div class=\"mc-column-form\">\n    @for (field of field().config.fields; track $index) {\n        <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n            <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n        </div>\n    }\n</div>" }]
         }] });
@@ -1018,10 +1021,10 @@ class ColumnField {
 }
 
 class FieldsetFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: FieldsetFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: FieldsetFieldComponent, isStandalone: true, selector: "mc-fieldset-field", usesInheritance: true, ngImport: i0, template: "<p-fieldset legend=\"{{field().config?.label}}\">\n    <div class=\"mc-fieldset-form\">\n        @for (field of field().config.fields; track $index) {\n            <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n                <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n            </div>\n        }\n    </div>\n</p-fieldset>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i1$5.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FieldsetFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: FieldsetFieldComponent, isStandalone: true, selector: "mc-fieldset-field", usesInheritance: true, ngImport: i0, template: "<p-fieldset legend=\"{{field().config?.label}}\">\n    <div class=\"mc-fieldset-form\">\n        @for (field of field().config.fields; track $index) {\n            <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n                <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n            </div>\n        }\n    </div>\n</p-fieldset>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i1$5.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: PrintFieldComponent, selector: "mc-print-field", inputs: ["field", "control", "group", "eventObs"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: FieldsetFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FieldsetFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-fieldset-field', imports: [CommonModule, ReactiveFormsModule, FieldsetModule, PrintFieldComponent], template: "<p-fieldset legend=\"{{field().config?.label}}\">\n    <div class=\"mc-fieldset-form\">\n        @for (field of field().config.fields; track $index) {\n            <div class=\"{{(field.config.containerFieldClass || 'mb-3 w-full')}}\">\n                <mc-print-field [field]=\"field\" [control]=\"group()!.get(field.key ?? '')\" [group]=\"group()!\" [eventObs]=\"eventObs()\" />\n            </div>\n        }\n    </div>\n</p-fieldset>" }]
         }] });
@@ -1042,10 +1045,10 @@ class FieldsetField {
 }
 
 class TagsFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TagsFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: TagsFieldComponent, isStandalone: true, selector: "mc-tags-field", usesInheritance: true, ngImport: i0, template: "<p-autocomplete inputId=\"{{field().key}}\" [formControl]=\"control()!\" multiple fluid [typeahead]=\"false\" />", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TagsFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: TagsFieldComponent, isStandalone: true, selector: "mc-tags-field", usesInheritance: true, ngImport: i0, template: "<p-autocomplete inputId=\"{{field().key}}\" [formControl]=\"control()!\" multiple fluid [typeahead]=\"false\" />", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TagsFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TagsFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-tags-field', imports: [CommonModule, ReactiveFormsModule, AutoCompleteModule], template: "<p-autocomplete inputId=\"{{field().key}}\" [formControl]=\"control()!\" multiple fluid [typeahead]=\"false\" />" }]
         }] });
@@ -1059,10 +1062,10 @@ class TagsField {
 }
 
 class IftaCurrencyFieldComponent extends MCFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaCurrencyFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.13", type: IftaCurrencyFieldComponent, isStandalone: true, selector: "mc-ifta-currency-field", usesInheritance: true, ngImport: i0, template: "<p-inputgroup>\n    @if (field().config.extra?.prepended) {\n        <p-inputgroup-addon>{{ field().config.extra.prepended }}</p-inputgroup-addon>\n    }\n    <p-iftalabel>\n        <p-inputnumber id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" [maxFractionDigits]=\"9\" placeholder=\"0.00\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" />\n        <label for=\"{{field().key}}\">{{field().config.label}}</label>\n    </p-iftalabel>\n    @if (field().config.extra?.appended) {\n        <p-inputgroup-addon>{{ field().config.extra.appended }}</p-inputgroup-addon>\n    }\n</p-inputgroup>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3$4.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaCurrencyFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: IftaCurrencyFieldComponent, isStandalone: true, selector: "mc-ifta-currency-field", usesInheritance: true, ngImport: i0, template: "<p-inputgroup>\n    @if (field().config.extra?.prepended) {\n        <p-inputgroup-addon>{{ field().config.extra.prepended }}</p-inputgroup-addon>\n    }\n    <p-iftalabel>\n        <p-inputnumber id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" [maxFractionDigits]=\"9\" placeholder=\"0.00\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" />\n        <label for=\"{{field().key}}\">{{field().config.label}}</label>\n    </p-iftalabel>\n    @if (field().config.extra?.appended) {\n        <p-inputgroup-addon>{{ field().config.extra.appended }}</p-inputgroup-addon>\n    }\n</p-inputgroup>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3$4.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: IftaCurrencyFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaCurrencyFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mc-ifta-currency-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, InputTextModule, InputNumberModule, InputGroupModule, InputGroupAddonModule], template: "<p-inputgroup>\n    @if (field().config.extra?.prepended) {\n        <p-inputgroup-addon>{{ field().config.extra.prepended }}</p-inputgroup-addon>\n    }\n    <p-iftalabel>\n        <p-inputnumber id=\"{{field().key}}\" class=\"w-full\" [formControl]=\"control()!\" [maxFractionDigits]=\"9\" placeholder=\"0.00\" mode=\"currency\" currency=\"USD\" locale=\"en-US\" />\n        <label for=\"{{field().key}}\">{{field().config.label}}</label>\n    </p-iftalabel>\n    @if (field().config.extra?.appended) {\n        <p-inputgroup-addon>{{ field().config.extra.appended }}</p-inputgroup-addon>\n    }\n</p-inputgroup>" }]
         }] });
@@ -1083,6 +1086,28 @@ class IftaCurrencyField {
     }
 }
 
+class IftaDateFieldComponent extends MCFieldComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaDateFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: IftaDateFieldComponent, isStandalone: true, selector: "mc-ifta-date-field", usesInheritance: true, ngImport: i0, template: "<p-iftalabel>\n    <p-datepicker id=\"{{field().key}}\" [formControl]=\"control()!\" dateFormat=\"{{ field().config?.date_format }}\"\n        appendTo=\"body\" styleClass=\"w-full\" showIcon iconDisplay=\"input\" dataType=\"string\" />\n    <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i3$5.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IftaDateFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-ifta-date-field', imports: [CommonModule, ReactiveFormsModule, IftaLabelModule, InputTextModule, DatePickerModule], template: "<p-iftalabel>\n    <p-datepicker id=\"{{field().key}}\" [formControl]=\"control()!\" dateFormat=\"{{ field().config?.date_format }}\"\n        appendTo=\"body\" styleClass=\"w-full\" showIcon iconDisplay=\"input\" dataType=\"string\" />\n    <label for=\"{{field().key}}\">{{field().config.label}}</label>\n</p-iftalabel>" }]
+        }] });
+class IftaDateField {
+    static init(key, label, config) {
+        return MCIftaField.init({
+            key: key,
+            component: IftaDateFieldComponent,
+            label: label,
+            validators: config?.validators,
+            default_value: config?.default_value,
+            disabled: config?.disabled,
+            extra: { date_format: config?.date_format ?? 'yy-mm-dd' }
+        });
+    }
+}
+
 /*
  * Public API Surface of form
  */
@@ -1094,5 +1119,5 @@ class IftaCurrencyField {
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayField, ArrayFieldComponent, ArrayIftaTextField, ArrayIftaTextFieldComponent, ColumnField, ColumnFieldComponent, ConditionalField, ConditionalFieldComponent, DividerField, DividerFieldComponent, FieldsetField, FieldsetFieldComponent, GroupField, GroupFieldComponent, HiddenField, HiddenFieldComponent, IftaCurrencyField, IftaCurrencyFieldComponent, IftaSelectField, IftaSelectFieldComponent, IftaSelectObsField, IftaSelectObsFieldComponent, IftaTextConditionalField, IftaTextConditionalFieldComponent, IftaTextField, IftaTextFieldComponent, IftaTextareaField, IftaTextareaFieldComponent, MCBaseHttpFormModalConfig, MCBaseHttpFormModalService, MCConfigForm, MCConfigHttpModalForm, MCConfigModalForm, MCEventForm, MCEventModalForm, MCField, MCFieldComponent, MCForm, MCFormModal, MCFormModalService, MCFormService, MCHttpFormModal, MCHttpFormModalService, MCIftaField, PrintFieldComponent, RowField, RowFieldComponent, SubmitButtonField, SubmitButtonFieldComponent, TagsField, TagsFieldComponent, mcEventFormOperator, mcSavedEventFormOperator };
+export { ArrayField, ArrayFieldComponent, ArrayIftaTextField, ArrayIftaTextFieldComponent, ColumnField, ColumnFieldComponent, ConditionalField, ConditionalFieldComponent, DividerField, DividerFieldComponent, FieldsetField, FieldsetFieldComponent, GroupField, GroupFieldComponent, HiddenField, HiddenFieldComponent, IftaCurrencyField, IftaCurrencyFieldComponent, IftaDateField, IftaDateFieldComponent, IftaSelectField, IftaSelectFieldComponent, IftaSelectObsField, IftaSelectObsFieldComponent, IftaTextConditionalField, IftaTextConditionalFieldComponent, IftaTextField, IftaTextFieldComponent, IftaTextareaField, IftaTextareaFieldComponent, MCBaseHttpFormModalConfig, MCBaseHttpFormModalService, MCConfigForm, MCConfigHttpModalForm, MCConfigModalForm, MCEventForm, MCEventModalForm, MCField, MCFieldComponent, MCForm, MCFormModal, MCFormModalService, MCFormService, MCHttpFormModal, MCHttpFormModalService, MCIftaField, PrintFieldComponent, RowField, RowFieldComponent, SubmitButtonField, SubmitButtonFieldComponent, TagsField, TagsFieldComponent, mcEventFormOperator, mcSavedEventFormOperator };
 //# sourceMappingURL=mckit-form.mjs.map