@vipsolucoes/dynamic-form 1.0.1

package/fesm2022/vipsolucoes-dynamic-form.mjs

@@ -0,0 +1,536 @@
+import * as i1$1 from '@angular/common';
+import { CommonModule, NgComponentOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, input, inject, Component, computed, ChangeDetectionStrategy, signal, Injectable, DestroyRef, output } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
+import * as i3 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i2 from 'primeng/iftalabel';
+import { IftaLabelModule } from 'primeng/iftalabel';
+import * as i3$1 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i3$2 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
+import * as i3$3 from 'primeng/password';
+import { PasswordModule } from 'primeng/password';
+import * as i3$4 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import * as i3$5 from 'primeng/textarea';
+import { TextareaModule } from 'primeng/textarea';
+import * as i2$1 from 'primeng/toggleswitch';
+import { ToggleSwitchModule } from 'primeng/toggleswitch';
+
+/**
+ * InjectionToken para prover mensagens de erro customizadas.
+ */
+const DYNAMIC_FORM_ERROR_MESSAGES = new InjectionToken('DYNAMIC_FORM_ERROR_MESSAGES');
+
+class DynamicFormErrorComponent {
+    control = input.required(...(ngDevMode ? [{ debugName: "control" }] : []));
+    customMessages = inject(DYNAMIC_FORM_ERROR_MESSAGES, { optional: true });
+    // Mapeamento de erros para mensagens
+    defaultErrorMessages = {
+        required: () => this.customMessages?.required ?? 'Este campo é obrigatório.',
+        email: () => this.customMessages?.email ?? 'Por favor, insira um e-mail válido.',
+        minlength: (err) => this.customMessages?.minlength?.(err.requiredLength) ?? `Mínimo de ${err.requiredLength} caracteres.`,
+        maxlength: (err) => this.customMessages?.maxlength?.(err.requiredLength) ?? `Máximo de ${err.requiredLength} caracteres.`,
+        custom: (err) => (this.customMessages?.custom ? this.customMessages.custom(err) : err),
+    };
+    // Getter simples - Angular detecta mudanças automaticamente
+    get errorMessage() {
+        const ctrl = this.control();
+        if (!ctrl || !ctrl.errors || (!ctrl.touched && !ctrl.dirty)) {
+            return null;
+        }
+        const errorKey = Object.keys(ctrl.errors)[0];
+        return this.defaultErrorMessages[errorKey] ? this.defaultErrorMessages[errorKey](ctrl.errors[errorKey]) : 'Campo inválido.';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: DynamicFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.7", type: DynamicFormErrorComponent, isStandalone: true, selector: "vp-form-field-error", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    @if (errorMessage) {
+      <small class="p-error">{{ errorMessage }}</small>
+    }
+  `, isInline: true, styles: [":host{display:block;margin-top:.5rem;min-height:1rem}.p-error{color:var(--p-red-500, #ef4444);font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: DynamicFormErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-form-field-error', standalone: true, imports: [CommonModule], template: `
+    @if (errorMessage) {
+      <small class="p-error">{{ errorMessage }}</small>
+    }
+  `, styles: [":host{display:block;margin-top:.5rem;min-height:1rem}.p-error{color:var(--p-red-500, #ef4444);font-size:.875rem}\n"] }]
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }] } });
+
+class DatePickerFieldComponent {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    dateFormat = computed(() => {
+        const viewType = this.field().dateViewType || 'date';
+        const customFormat = this.field().dateFormat;
+        if (viewType === 'month') {
+            return 'mm/yy';
+        }
+        if (viewType === 'year') {
+            return 'yy';
+        }
+        return customFormat || 'dd/mm/yyyy';
+    }, ...(ngDevMode ? [{ debugName: "dateFormat" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: DatePickerFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: DatePickerFieldComponent, isStandalone: true, selector: "vp-datepicker-field", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <p-datepicker
+          [inputId]="field().key"
+          [formControlName]="field().key"
+          [showButtonBar]="true"
+          [iconDisplay]="'input'"
+          [placeholder]="field().placeholder || ''"
+          [dateFormat]="dateFormat()"
+          [view]="field().dateViewType || 'date'"
+          [disabled]="field().disabled ?? false" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}p-datepicker{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i3.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", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: DatePickerFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-datepicker-field', standalone: true, imports: [ReactiveFormsModule, IftaLabelModule, DatePickerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <p-datepicker
+          [inputId]="field().key"
+          [formControlName]="field().key"
+          [showButtonBar]="true"
+          [iconDisplay]="'input'"
+          [placeholder]="field().placeholder || ''"
+          [dateFormat]="dateFormat()"
+          [view]="field().dateViewType || 'date'"
+          [disabled]="field().disabled ?? false" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}p-datepicker{width:100%}\n"] }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+
+class InputTextFieldComponent {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: InputTextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: InputTextFieldComponent, isStandalone: true, selector: "vp-input-text-field", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <input pInputText [id]="field().key" [type]="field().controlType" [formControlName]="field().key" [placeholder]="field().placeholder || ''" [disabled]="field().disabled ?? false" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}input{width:100%}\n"], dependencies: [{ 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: InputTextFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-input-text-field', standalone: true, imports: [ReactiveFormsModule, IftaLabelModule, InputTextModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <input pInputText [id]="field().key" [type]="field().controlType" [formControlName]="field().key" [placeholder]="field().placeholder || ''" [disabled]="field().disabled ?? false" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}input{width:100%}\n"] }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+
+class NumberInputFieldComponent {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: NumberInputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: NumberInputFieldComponent, isStandalone: true, selector: "vp-number-input-field", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <p-inputNumber [id]="field().key" [formControlName]="field().key" [placeholder]="field().placeholder || ''" [disabled]="field().disabled ?? false" styleClass="w-full" class="w-full" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}:host ::ng-deep p-inputNumber,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3$2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: NumberInputFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-number-input-field', standalone: true, imports: [ReactiveFormsModule, IftaLabelModule, InputNumberModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <p-inputNumber [id]="field().key" [formControlName]="field().key" [placeholder]="field().placeholder || ''" [disabled]="field().disabled ?? false" styleClass="w-full" class="w-full" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}:host ::ng-deep p-inputNumber,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber input{width:100%}\n"] }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+
+class PasswordFieldComponent {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: PasswordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: PasswordFieldComponent, isStandalone: true, selector: "vp-password-field", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <p-password
+          [id]="field().key"
+          [formControlName]="field().key"
+          [feedback]="false"
+          [toggleMask]="true"
+          [placeholder]="field().placeholder || ''"
+          [disabled]="field().disabled ?? false"
+          styleClass="w-full"
+          class="w-full" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}:host ::ng-deep .p-password,:host ::ng-deep .p-password input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: IftaLabelModule }, { kind: "component", type: i2.IftaLabel, selector: "p-iftalabel, p-iftaLabel, p-ifta-label" }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i3$3.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo", "motionOptions", "overlayOptions"], outputs: ["onFocus", "onBlur", "onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: PasswordFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-password-field', standalone: true, imports: [ReactiveFormsModule, IftaLabelModule, PasswordModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <p-password
+          [id]="field().key"
+          [formControlName]="field().key"
+          [feedback]="false"
+          [toggleMask]="true"
+          [placeholder]="field().placeholder || ''"
+          [disabled]="field().disabled ?? false"
+          styleClass="w-full"
+          class="w-full" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}:host ::ng-deep .p-password,:host ::ng-deep .p-password input{width:100%}\n"] }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+
+class SelectFieldComponent {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: SelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: SelectFieldComponent, isStandalone: true, selector: "vp-select-field", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <p-select
+          [inputId]="field().key"
+          [formControlName]="field().key"
+          [options]="field().options!"
+          [placeholder]="field().placeholder || 'Selecione'"
+          [disabled]="field().disabled ?? false"
+          optionLabel="label"
+          optionValue="value"
+          class="w-full" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}p-select{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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$4.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", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: SelectFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-select-field', standalone: true, imports: [ReactiveFormsModule, IftaLabelModule, SelectModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <p-select
+          [inputId]="field().key"
+          [formControlName]="field().key"
+          [options]="field().options!"
+          [placeholder]="field().placeholder || 'Selecione'"
+          [disabled]="field().disabled ?? false"
+          optionLabel="label"
+          optionValue="value"
+          class="w-full" />
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}p-select{width:100%}\n"] }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+
+class TextareaFieldComponent {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: TextareaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: TextareaFieldComponent, isStandalone: true, selector: "vp-textarea-field", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <textarea
+          pTextarea
+          [id]="field().key"
+          [formControlName]="field().key"
+          [placeholder]="field().placeholder || ''"
+          [rows]="field().textareaRows ?? 1"
+          [cols]="field().textareaCols"
+          [autoResize]="field().textareaAutoResize ?? false"
+          [disabled]="field().disabled ?? false"
+        ></textarea>
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}textarea{width:100%}\n"], dependencies: [{ 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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$5.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: TextareaFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-textarea-field', standalone: true, imports: [ReactiveFormsModule, IftaLabelModule, TextareaModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [formGroup]="form()">
+      <p-iftalabel>
+        <textarea
+          pTextarea
+          [id]="field().key"
+          [formControlName]="field().key"
+          [placeholder]="field().placeholder || ''"
+          [rows]="field().textareaRows ?? 1"
+          [cols]="field().textareaCols"
+          [autoResize]="field().textareaAutoResize ?? false"
+          [disabled]="field().disabled ?? false"
+        ></textarea>
+        <label [for]="field().key">{{ field().label }}</label>
+      </p-iftalabel>
+    </div>
+  `, styles: [":host{display:block;width:100%}p-iftalabel{display:block;width:100%}textarea{width:100%}\n"] }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+
+class ToggleSwitchFieldComponent {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    isInvalid = computed(() => {
+        const control = this.form().get(this.field().key);
+        return control ? control.invalid && (control.touched || control.dirty) : false;
+    }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: ToggleSwitchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: ToggleSwitchFieldComponent, isStandalone: true, selector: "vp-toggleswitch-field", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div [formGroup]="form()" class="toggleswitch-field">
+      <p-toggleswitch
+        [formControlName]="field().key"
+        [inputId]="field().key"
+        [invalid]="isInvalid()"
+        [disabled]="field().disabled ?? false"
+        [trueValue]="field().toggleTrueValue ?? true"
+        [falseValue]="field().toggleFalseValue ?? false" />
+      <label [for]="field().key" class="toggleswitch-label">{{ field().label }}</label>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}.toggleswitch-field{display:flex;align-items:center;gap:.75rem;width:100%}.toggleswitch-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--p-text-color, #333);margin:0}p-toggleswitch{flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2$1.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: ToggleSwitchFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-toggleswitch-field', standalone: true, imports: [ReactiveFormsModule, ToggleSwitchModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div [formGroup]="form()" class="toggleswitch-field">
+      <p-toggleswitch
+        [formControlName]="field().key"
+        [inputId]="field().key"
+        [invalid]="isInvalid()"
+        [disabled]="field().disabled ?? false"
+        [trueValue]="field().toggleTrueValue ?? true"
+        [falseValue]="field().toggleFalseValue ?? false" />
+      <label [for]="field().key" class="toggleswitch-label">{{ field().label }}</label>
+    </div>
+  `, styles: [":host{display:block;width:100%}.toggleswitch-field{display:flex;align-items:center;gap:.75rem;width:100%}.toggleswitch-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--p-text-color, #333);margin:0}p-toggleswitch{flex-shrink:0}\n"] }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }] } });
+
+/**
+ * Serviço para registro de campos customizados.
+ * Permite adicionar novos tipos de campos dinamicamente.
+ */
+class FieldRegistryService {
+    registry = signal(new Map(), ...(ngDevMode ? [{ debugName: "registry" }] : []));
+    /**
+     * Registra um novo tipo de campo.
+     * @param type Tipo do campo (ex: 'custom', 'file', etc.)
+     * @param component Componente Angular que renderiza o campo
+     */
+    registerField(type, component) {
+        this.registry.update((map) => new Map(map).set(type, component));
+    }
+    /**
+     * Obtém o componente registrado para um tipo de campo.
+     * @param type Tipo do campo
+     * @returns Componente Angular ou undefined se não encontrado
+     */
+    getField(type) {
+        return this.registry().get(type);
+    }
+    /**
+     * Remove um tipo de campo do registro.
+     * @param type Tipo do campo a ser removido
+     */
+    unregisterField(type) {
+        this.registry.update((map) => {
+            const newMap = new Map(map);
+            newMap.delete(type);
+            return newMap;
+        });
+    }
+    /**
+     * Limpa todos os campos registrados.
+     */
+    clear() {
+        this.registry.set(new Map());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: FieldRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: FieldRegistryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: FieldRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class DynamicFormComponent {
+    destroyRef = inject(DestroyRef);
+    fieldRegistry = inject(FieldRegistryService);
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    formReady = output();
+    form = new FormGroup({});
+    fieldComponents = {
+        text: InputTextFieldComponent,
+        email: InputTextFieldComponent,
+        password: PasswordFieldComponent,
+        number: NumberInputFieldComponent,
+        select: SelectFieldComponent,
+        datepicker: DatePickerFieldComponent,
+        textarea: TextareaFieldComponent,
+        toggleswitch: ToggleSwitchFieldComponent,
+    };
+    ngOnInit() {
+        const configValue = this.config();
+        if (configValue && configValue.length > 0) {
+            this.buildForm(configValue);
+            this.setupFieldDependencies(configValue);
+            this.formReady.emit(this.form);
+        }
+    }
+    buildForm(config) {
+        config.forEach((field) => {
+            // Para toggle switch, o valor padrão é false se não especificado
+            const defaultValue = field.controlType === 'toggleswitch' ? (field.value ?? false) : (field.value ?? '');
+            // Se o campo tem enabledWhen, ele deve começar desabilitado a menos que o toggle já esteja ativo
+            const shouldBeDisabled = field.disabled ?? (field.enabledWhen ? !this.getToggleValue(field.enabledWhen, config) : false);
+            const control = shouldBeDisabled
+                ? new FormControl({ value: defaultValue, disabled: true }, {
+                    validators: field.validators ?? [],
+                })
+                : new FormControl(defaultValue, {
+                    validators: field.validators ?? [],
+                });
+            this.form.addControl(field.key, control);
+        });
+    }
+    setupFieldDependencies(config) {
+        config.forEach((field) => {
+            if (!field.enabledWhen) {
+                return;
+            }
+            const toggleField = config.find((f) => f.key === field.enabledWhen);
+            if (!toggleField) {
+                console.warn(`DynamicFormComponent: Campo '${field.key}' referencia '${field.enabledWhen}' em enabledWhen, mas este campo não existe no formulário.`);
+                return;
+            }
+            if (toggleField.controlType !== 'toggleswitch') {
+                console.warn(`DynamicFormComponent: Campo '${field.key}' referencia '${field.enabledWhen}' em enabledWhen, mas este campo não é do tipo 'toggleswitch'.`);
+                return;
+            }
+            const toggleControl = this.form.get(field.enabledWhen);
+            const dependentControl = this.form.get(field.key);
+            if (!toggleControl || !dependentControl) {
+                console.warn(`DynamicFormComponent: Não foi possível encontrar os controles para configurar a dependência entre '${field.enabledWhen}' e '${field.key}'.`);
+                return;
+            }
+            // Configura a subscription para reagir às mudanças do toggle
+            toggleControl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((toggleValue) => {
+                const isToggleActive = toggleValue === (toggleField.toggleTrueValue ?? true);
+                if (isToggleActive) {
+                    dependentControl.enable();
+                }
+                else {
+                    // Limpa o valor do campo antes de desabilitá-lo
+                    const resetValue = this.getResetValueForFieldType(field.controlType);
+                    dependentControl.setValue(resetValue, { emitEvent: false });
+                    dependentControl.disable();
+                }
+            });
+        });
+    }
+    getToggleValue(toggleKey, config) {
+        const toggleField = config.find((f) => f.key === toggleKey);
+        if (!toggleField || toggleField.controlType !== 'toggleswitch') {
+            return false;
+        }
+        const toggleTrueValue = toggleField.toggleTrueValue ?? true;
+        const toggleValue = toggleField.value ?? false;
+        return toggleValue === toggleTrueValue;
+    }
+    /**
+     * Retorna o valor padrão de reset para cada tipo de campo.
+     * Usado quando um campo dependente é desabilitado e precisa ser limpo.
+     */
+    getResetValueForFieldType(controlType) {
+        switch (controlType) {
+            case 'text':
+            case 'email':
+            case 'password':
+            case 'textarea':
+                return '';
+            case 'number':
+                return null;
+            case 'select':
+                return null;
+            case 'datepicker':
+                return null;
+            default:
+                return '';
+        }
+    }
+    /**
+     * Obtém o componente a ser renderizado para um tipo de campo.
+     * Primeiro verifica no registro customizado, depois nos componentes padrão.
+     */
+    getFieldComponent(controlType) {
+        // Verifica primeiro no registro customizado
+        const customComponent = this.fieldRegistry.getField(controlType);
+        if (customComponent) {
+            return customComponent;
+        }
+        // Fallback para componentes padrão
+        return this.fieldComponents[controlType] || null;
+    }
+    getControl(key) {
+        const control = this.form.get(key);
+        if (!control) {
+            console.warn(`DynamicFormComponent: Controle não encontrado para a chave: ${key}`);
+        }
+        return control;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: DynamicFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.7", type: DynamicFormComponent, isStandalone: true, selector: "vp-dynamic-form", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { formReady: "formReady" }, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"dynamic-form-container\">\n   @for (field of config(); track field.key) {\n      @if (getFieldComponent(field.controlType); as fieldComponent) {\n         <div [class]=\"'form-field-wrapper ' + (field.styleClass || '')\">\n            <!-- Dynamically render the correct field component -->\n            <ng-container [ngComponentOutlet]=\"fieldComponent\" [ngComponentOutletInputs]=\"{ form: form, field: field }\" />\n\n            @if (field.hint) {\n               <small class=\"hint-text\">{{ field.hint }}</small>\n            }\n\n            <!-- Reusable error display component -->\n            <vp-form-field-error [control]=\"getControl(field.key)\" />\n         </div>\n      } @else {\n         <div class=\"form-field-wrapper\">\n            <small class=\"p-error\">Tipo de campo '{{ field.controlType }}' n\u00E3o encontrado.</small>\n         </div>\n      }\n   }\n</form>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%}.dynamic-form-container{display:flex;flex-direction:column;gap:1.75rem;padding:1rem;border:1px solid var(--p-surface-border);border-radius:var(--p-border-radius);background-color:var(--p-surface-section)}.form-field-wrapper{display:flex;flex-direction:column;position:relative}:is(p-inputNumber,p-password,p-select,p-iftalabel){width:100%}:host ::ng-deep .p-password,:host ::ng-deep .p-password input,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber input,:host ::ng-deep .p-datepicker input,:host ::ng-deep .p-select{width:100%!important}input[pInputText]{width:100%}.hint-text{margin-top:.5rem;color:var(--p-text-muted-color)}.error-messages{margin-top:.5rem;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { 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],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicFormErrorComponent, selector: "vp-form-field-error", inputs: ["control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: DynamicFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vp-dynamic-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, NgComponentOutlet, DynamicFormErrorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"form\" class=\"dynamic-form-container\">\n   @for (field of config(); track field.key) {\n      @if (getFieldComponent(field.controlType); as fieldComponent) {\n         <div [class]=\"'form-field-wrapper ' + (field.styleClass || '')\">\n            <!-- Dynamically render the correct field component -->\n            <ng-container [ngComponentOutlet]=\"fieldComponent\" [ngComponentOutletInputs]=\"{ form: form, field: field }\" />\n\n            @if (field.hint) {\n               <small class=\"hint-text\">{{ field.hint }}</small>\n            }\n\n            <!-- Reusable error display component -->\n            <vp-form-field-error [control]=\"getControl(field.key)\" />\n         </div>\n      } @else {\n         <div class=\"form-field-wrapper\">\n            <small class=\"p-error\">Tipo de campo '{{ field.controlType }}' n\u00E3o encontrado.</small>\n         </div>\n      }\n   }\n</form>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%}.dynamic-form-container{display:flex;flex-direction:column;gap:1.75rem;padding:1rem;border:1px solid var(--p-surface-border);border-radius:var(--p-border-radius);background-color:var(--p-surface-section)}.form-field-wrapper{display:flex;flex-direction:column;position:relative}:is(p-inputNumber,p-password,p-select,p-iftalabel){width:100%}:host ::ng-deep .p-password,:host ::ng-deep .p-password input,:host ::ng-deep .p-inputnumber,:host ::ng-deep .p-inputnumber input,:host ::ng-deep .p-datepicker input,:host ::ng-deep .p-select{width:100%!important}input[pInputText]{width:100%}.hint-text{margin-top:.5rem;color:var(--p-text-muted-color)}.error-messages{margin-top:.5rem;display:flex;flex-direction:column}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], formReady: [{ type: i0.Output, args: ["formReady"] }] } });
+
+/**
+ * Provider para configurar mensagens de erro customizadas.
+ * @param messages Mensagens de erro customizadas
+ * @returns Provider configurado
+ */
+function provideDynamicFormConfig(messages) {
+    const providers = [];
+    if (messages) {
+        providers.push({
+            provide: DYNAMIC_FORM_ERROR_MESSAGES,
+            useValue: messages,
+        });
+    }
+    return providers;
+}
+
+/*
+ * Public API Surface of @vipsolucoes/dynamic-form
+ */
+// Componentes
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DYNAMIC_FORM_ERROR_MESSAGES, DatePickerFieldComponent, DynamicFormComponent, DynamicFormErrorComponent, FieldRegistryService, InputTextFieldComponent, NumberInputFieldComponent, PasswordFieldComponent, SelectFieldComponent, TextareaFieldComponent, ToggleSwitchFieldComponent, provideDynamicFormConfig };
+//# sourceMappingURL=vipsolucoes-dynamic-form.mjs.map