pjc-fields 0.0.4 → 0.0.6

package/fesm2022/pjc-fields.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, input, forwardRef, Input, inject, ElementRef, ChangeDetectionStrategy, output } from '@angular/core';
+import { Component, input, forwardRef, ChangeDetectionStrategy, Input, inject, ElementRef, output } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import * as i2 from 'primeng/inputmask';
@@ -16,6 +16,8 @@ import { InputGroupModule } from 'primeng/inputgroup';
 import * as i4 from 'primeng/inputgroupaddon';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
 import { ButtonModule } from 'primeng/button';
+import * as i2$3 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
 
 class PjcFields {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcFields, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -33,10 +35,10 @@ class PjcValidators {
             if (!value)
                 return null;
             if (value.length !== 11 || /^(\d)\1+$/.test(value)) {
-                return { cpfInvalid: true };
+                return { cpfInvalido: true };
             }
             if (!PjcValidators.validateCpfDigits(value)) {
-                return { cpfInvalid: true };
+                return { cpfInvalido: true };
             }
             return null;
         };
@@ -64,10 +66,10 @@ class PjcValidators {
                 return null;
             // CNPJ deve ter 14 dígitos e não pode ser sequência repetida
             if (value.length !== 14 || /^(\d)\1+$/.test(value)) {
-                return { cnpjInvalid: true };
+                return { cnpjInvalido: true };
             }
             if (!PjcValidators.validateCnpjDigits(value)) {
-                return { cnpjInvalid: true };
+                return { cnpjInvalido: true };
             }
             return null;
         };
@@ -107,11 +109,11 @@ class PjcValidators {
                 return null;
             // Fixo: DDD (2) + 8 dígitos = 10 | Celular: DDD (2) + 9 dígitos = 11
             if (digits.length !== 10 && digits.length !== 11) {
-                return { telefoneInvalid: true };
+                return { telefoneInvalido: true };
             }
             // Celular deve começar com 9 após o DDD
             if (digits.length === 11 && digits[2] !== '9') {
-                return { telefoneInvalid: true };
+                return { telefoneInvalido: true };
             }
             return null;
         };
@@ -123,48 +125,48 @@ class PjcValidators {
                 return null;
             const match = value.match(/^(\d{2}):(\d{2})$/);
             if (!match)
-                return { horaInvalid: true };
+                return { horaInvalida: true };
             const hours = parseInt(match[1], 10);
             const minutes = parseInt(match[2], 10);
             if (hours > 23 || minutes > 59) {
-                return { horaInvalid: true };
+                return { horaInvalida: true };
             }
             return null;
         };
     }
-    static cep() {
+    static placaVeiculo() {
         return (control) => {
-            const value = control.value?.replaceAll(/\D/g, '');
+            const value = control.value?.toUpperCase().replace('-', '');
             if (!value)
                 return null;
-            return value.length === 8 ? null : { cepInvalid: true };
+            // Regex para Padrão Antigo (AAA9999) e Mercosul (AAA9A99)
+            const plateRegex = /^[A-Z]{3}[0-9][A-Z0-9][0-9]{2}$/;
+            return plateRegex.test(value) ? null : { placaInvalida: true };
         };
     }
-    static placaVeiculo() {
+    static email() {
         return (control) => {
-            const value = control.value?.toUpperCase().replace('-', '');
+            const value = control.value;
             if (!value)
                 return null;
-            // Regex para Padrão Antigo (AAA9999) e Mercosul (AAA9A99)
-            const plateRegex = /^[A-Z]{3}[0-9][A-Z0-9][0-9]{2}$/;
-            return plateRegex.test(value) ? null : { plateInvalid: true };
+            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+            return emailRegex.test(value) ? null : { emailInvalido: true };
         };
     }
 }
 
 class PjcCpfFieldComponent {
-    label = '';
-    hint = '';
-    placeholder = '000.000.000-00';
-    id = `pjc-cpf-${Math.random().toString(36).substring(2, 9)}`;
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    placeholder = input('000.000.000-00', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-cpf-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('over', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     value = '';
     disabled = false;
     onChange = () => { };
     onTouched = () => { };
-    // --- ControlValueAccessor ---
     writeValue(val) {
-        this.value = val;
+        this.value = val ?? '';
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -175,59 +177,58 @@ class PjcCpfFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onModelChange() {
+    onModelChange(value) {
+        this.value = value ?? '';
         this.onChange(this.value);
     }
     onModelTouched() {
         this.onTouched();
     }
-    // --- Validator ---
     validate(control) {
         return PjcValidators.cpf()(control);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCpfFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCpfFieldComponent, isStandalone: true, selector: "pjc-cpf-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCpfFieldComponent, isStandalone: true, selector: "pjc-cpf-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PjcCpfFieldComponent),
                 multi: true,
             },
-            { provide: NG_VALIDATORS, useValue: PjcValidators.cpf(), multi: true },
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id\"\n        mask=\"999.999.999-99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange()\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id\">{{ label }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id\"\n      mask=\"999.999.999-99\"\n      [(ngModel)]=\"value\"\n      (onInput)=\"onModelChange()\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint) {\n    <small class=\"text-xs text-surface-500\">{{ hint }}</small>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }] });
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => PjcCpfFieldComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"999.999.999-99\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"999.999.999-99\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCpfFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cpf-field', imports: [CommonModule, FormsModule, InputMaskModule, FloatLabelModule], providers: [
+            args: [{ selector: 'pjc-cpf-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => PjcCpfFieldComponent),
                             multi: true,
                         },
-                        { provide: NG_VALIDATORS, useValue: PjcValidators.cpf(), multi: true },
-                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id\"\n        mask=\"999.999.999-99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange()\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id\">{{ label }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id\"\n      mask=\"999.999.999-99\"\n      [(ngModel)]=\"value\"\n      (onInput)=\"onModelChange()\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint) {\n    <small class=\"text-xs text-surface-500\">{{ hint }}</small>\n  }\n</div>\n" }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }] } });
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => PjcCpfFieldComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"999.999.999-99\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"999.999.999-99\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n</div>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }] } });
 
 class PjcCnpjFieldComponent {
-    label = '';
-    hint = '';
-    placeholder = '00.000.000/0000-00';
-    id = `pjc-cnpj-${Math.random().toString(36).substring(2, 9)}`;
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    placeholder = input('00.000.000/0000-00', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-cnpj-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('over', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     value = '';
     disabled = false;
     onChange = () => { };
     onTouched = () => { };
-    // ControlValueAccessor
     writeValue(val) {
-        this.value = val;
+        this.value = val ?? '';
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -238,45 +239,45 @@ class PjcCnpjFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onModelChange(event) {
+    onModelChange(value) {
+        this.value = value ?? '';
         this.onChange(this.value);
     }
     onModelTouched() {
         this.onTouched();
     }
-    // Integração com a validação da Lib
     validate(control) {
         return PjcValidators.cnpj()(control);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCnpjFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCnpjFieldComponent, isStandalone: true, selector: "pjc-cnpj-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCnpjFieldComponent, isStandalone: true, selector: "pjc-cnpj-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PjcCnpjFieldComponent),
                 multi: true,
             },
-            { provide: NG_VALIDATORS, useValue: PjcValidators.cnpj(), multi: true },
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id\"\n        mask=\"99.999.999/9999-99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id\">{{ label }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id\"\n      mask=\"99.999.999/9999-99\"\n      [(ngModel)]=\"value\"\n      (onInput)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint) {\n    <small class=\"text-xs text-surface-500\">{{ hint }}</small>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }] });
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => PjcCnpjFieldComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"99.999.999/9999-99\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"99.999.999/9999-99\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCnpjFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cnpj-field', imports: [CommonModule, FormsModule, InputMaskModule, FloatLabelModule], providers: [
+            args: [{ selector: 'pjc-cnpj-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => PjcCnpjFieldComponent),
                             multi: true,
                         },
-                        { provide: NG_VALIDATORS, useValue: PjcValidators.cnpj(), multi: true },
-                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id\"\n        mask=\"99.999.999/9999-99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id\">{{ label }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id\"\n      mask=\"99.999.999/9999-99\"\n      [(ngModel)]=\"value\"\n      (onInput)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint) {\n    <small class=\"text-xs text-surface-500\">{{ hint }}</small>\n  }\n</div>\n" }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }] } });
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => PjcCnpjFieldComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"99.999.999/9999-99\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"99.999.999/9999-99\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n</div>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }] } });
 
 class PjcCpfCnpjFieldComponent {
     label = 'CPF/CNPJ';
@@ -784,10 +785,6 @@ class PjcCepFieldComponent {
             this.busca.emit(this.value);
         }
     }
-    // --- Validator ---
-    validate(control) {
-        return PjcValidators.cep()(control);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCepFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCepFieldComponent, isStandalone: true, selector: "pjc-cep-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { busca: "busca" }, providers: [
             {
@@ -795,7 +792,6 @@ class PjcCepFieldComponent {
                 useExisting: forwardRef(() => PjcCepFieldComponent),
                 multi: true,
             },
-            { provide: NG_VALIDATORS, useValue: PjcValidators.cep(), multi: true },
         ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputgroup [class.opacity-60]=\"disabled\">\n        <p-inputMask\n          [id]=\"id\"\n          mask=\"99999-999\"\n          [(ngModel)]=\"value\"\n          (onInput)=\"onModelChange()\"\n          (onBlur)=\"onModelTouched()\"\n          (onComplete)=\"onComplete()\"\n          [unmask]=\"true\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder\"\n          [disabled]=\"disabled\"\n          inputStyleClass=\"w-full outline-none bg-transparent\"\n        ></p-inputMask>\n\n        <p-inputgroup-addon>\n          <button\n            type=\"button\"\n            (click)=\"onSearch()\"\n            [disabled]=\"disabled\"\n            class=\"cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n            aria-label=\"Buscar CEP\"\n          >\n            <i class=\"pi pi-search\"></i>\n          </button>\n        </p-inputgroup-addon>\n      </p-inputgroup>\n      <label [for]=\"id\">{{ label }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputgroup [class.opacity-60]=\"disabled\">\n      <p-inputMask\n        [id]=\"id\"\n        mask=\"99999-999\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange()\"\n        (onBlur)=\"onModelTouched()\"\n        (onComplete)=\"onComplete()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        inputStyleClass=\"w-full outline-none bg-transparent\"\n      ></p-inputMask>\n\n      <p-inputgroup-addon>\n        <button\n          type=\"button\"\n          (click)=\"onSearch()\"\n          [disabled]=\"disabled\"\n          class=\"cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n          aria-label=\"Buscar CEP\"\n        >\n          <i class=\"pi pi-search\"></i>\n        </button>\n      </p-inputgroup-addon>\n    </p-inputgroup>\n  }\n\n  @if (hint) {\n    <small class=\"text-xs text-surface-500\">{{ hint }}</small>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i3$1.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCepFieldComponent, decorators: [{
@@ -806,7 +802,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                             useExisting: forwardRef(() => PjcCepFieldComponent),
                             multi: true,
                         },
-                        { provide: NG_VALIDATORS, useValue: PjcValidators.cep(), multi: true },
                     ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputgroup [class.opacity-60]=\"disabled\">\n        <p-inputMask\n          [id]=\"id\"\n          mask=\"99999-999\"\n          [(ngModel)]=\"value\"\n          (onInput)=\"onModelChange()\"\n          (onBlur)=\"onModelTouched()\"\n          (onComplete)=\"onComplete()\"\n          [unmask]=\"true\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder\"\n          [disabled]=\"disabled\"\n          inputStyleClass=\"w-full outline-none bg-transparent\"\n        ></p-inputMask>\n\n        <p-inputgroup-addon>\n          <button\n            type=\"button\"\n            (click)=\"onSearch()\"\n            [disabled]=\"disabled\"\n            class=\"cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n            aria-label=\"Buscar CEP\"\n          >\n            <i class=\"pi pi-search\"></i>\n          </button>\n        </p-inputgroup-addon>\n      </p-inputgroup>\n      <label [for]=\"id\">{{ label }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputgroup [class.opacity-60]=\"disabled\">\n      <p-inputMask\n        [id]=\"id\"\n        mask=\"99999-999\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange()\"\n        (onBlur)=\"onModelTouched()\"\n        (onComplete)=\"onComplete()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        inputStyleClass=\"w-full outline-none bg-transparent\"\n      ></p-inputMask>\n\n      <p-inputgroup-addon>\n        <button\n          type=\"button\"\n          (click)=\"onSearch()\"\n          [disabled]=\"disabled\"\n          class=\"cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n          aria-label=\"Buscar CEP\"\n        >\n          <i class=\"pi pi-search\"></i>\n        </button>\n      </p-inputgroup-addon>\n    </p-inputgroup>\n  }\n\n  @if (hint) {\n    <small class=\"text-xs text-surface-500\">{{ hint }}</small>\n  }\n</div>\n" }]
         }], propDecorators: { label: [{
                 type: Input
@@ -818,6 +813,140 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                 type: Input
             }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], busca: [{ type: i0.Output, args: ["busca"] }] } });
 
+const ESTADOS = [
+    { uf: 'AC', descricao: 'Acre' },
+    { uf: 'AL', descricao: 'Alagoas' },
+    { uf: 'AP', descricao: 'Amapá' },
+    { uf: 'AM', descricao: 'Amazonas' },
+    { uf: 'BA', descricao: 'Bahia' },
+    { uf: 'CE', descricao: 'Ceará' },
+    { uf: 'DF', descricao: 'Distrito Federal' },
+    { uf: 'ES', descricao: 'Espírito Santo' },
+    { uf: 'GO', descricao: 'Goiás' },
+    { uf: 'MA', descricao: 'Maranhão' },
+    { uf: 'MT', descricao: 'Mato Grosso' },
+    { uf: 'MS', descricao: 'Mato Grosso do Sul' },
+    { uf: 'MG', descricao: 'Minas Gerais' },
+    { uf: 'PA', descricao: 'Pará' },
+    { uf: 'PB', descricao: 'Paraíba' },
+    { uf: 'PR', descricao: 'Paraná' },
+    { uf: 'PE', descricao: 'Pernambuco' },
+    { uf: 'PI', descricao: 'Piauí' },
+    { uf: 'RJ', descricao: 'Rio de Janeiro' },
+    { uf: 'RN', descricao: 'Rio Grande do Norte' },
+    { uf: 'RS', descricao: 'Rio Grande do Sul' },
+    { uf: 'RO', descricao: 'Rondônia' },
+    { uf: 'RR', descricao: 'Roraima' },
+    { uf: 'SC', descricao: 'Santa Catarina' },
+    { uf: 'SP', descricao: 'São Paulo' },
+    { uf: 'SE', descricao: 'Sergipe' },
+    { uf: 'TO', descricao: 'Tocantins' },
+];
+class PjcUfFieldComponent {
+    label = input('UF', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    placeholder = input('Selecione o estado', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-uf-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    labelVariant = input('over', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
+    estados = ESTADOS;
+    value = null;
+    disabled = false;
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(val) {
+        this.value = val?.uf ? (ESTADOS.find(e => e.uf === val.uf) ?? null) : null;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onModelChange(value) {
+        this.value = value;
+        this.onChange(value);
+    }
+    onModelTouched() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUfFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcUfFieldComponent, isStandalone: true, selector: "pjc-uf-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PjcUfFieldComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-select\n        [inputId]=\"id()\"\n        [options]=\"estados\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        optionLabel=\"descricao\"\n        dataKey=\"uf\"\n        appendTo=\"body\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        class=\"w-full\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"estados\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      optionLabel=\"descricao\"\n      dataKey=\"uf\"\n      appendTo=\"body\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      class=\"w-full\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$3.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"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUfFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pjc-uf-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, SelectModule, FloatLabelModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => PjcUfFieldComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-select\n        [inputId]=\"id()\"\n        [options]=\"estados\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        optionLabel=\"descricao\"\n        dataKey=\"uf\"\n        appendTo=\"body\"\n        [disabled]=\"disabled\"\n        styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n        class=\"w-full\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"estados\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      optionLabel=\"descricao\"\n      dataKey=\"uf\"\n      appendTo=\"body\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      class=\"w-full\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n</div>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }] } });
+
+class PjcEmailFieldComponent {
+    label = input('E-mail', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('Digite o e-mail', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-email-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    labelVariant = input('over', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
+    value = '';
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(val) {
+        this.value = val?.toLowerCase() ?? '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    validate(control) {
+        return PjcValidators.email()(control);
+    }
+    onInput(event) {
+        const lower = event.target.value.toLowerCase();
+        this.value = lower;
+        this.onChange(lower);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEmailFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcEmailFieldComponent, isStandalone: true, selector: "pjc-email-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PjcEmailFieldComponent),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => PjcEmailFieldComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        type=\"email\"\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      type=\"email\"\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEmailFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pjc-email-field', imports: [CommonModule, FormsModule, InputTextModule, FloatLabelModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => PjcEmailFieldComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => PjcEmailFieldComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        type=\"email\"\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      type=\"email\"\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n</div>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }] } });
+
 /*
  * Public API Surface of pjc-fields
  */
@@ -826,5 +955,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { PjcCepFieldComponent, PjcCnpjFieldComponent, PjcCpfCnpjFieldComponent, PjcCpfFieldComponent, PjcDataFieldComponent, PjcFields, PjcHoraFieldComponent, PjcNomeFieldComponent, PjcPlacaFieldComponent, PjcTelefoneFieldComponent, PjcValidators };
+export { PjcCepFieldComponent, PjcCnpjFieldComponent, PjcCpfCnpjFieldComponent, PjcCpfFieldComponent, PjcDataFieldComponent, PjcEmailFieldComponent, PjcFields, PjcHoraFieldComponent, PjcNomeFieldComponent, PjcPlacaFieldComponent, PjcTelefoneFieldComponent, PjcUfFieldComponent, PjcValidators };
 //# sourceMappingURL=pjc-fields.mjs.map