pjc-fields 0.0.42 → 0.0.44

package/fesm2022/pjc-fields.mjs

@@ -1,42 +1,33 @@
 import * as i0 from '@angular/core';
-import { Component, input, inject, Injector, ChangeDetectorRef, DestroyRef, forwardRef, ChangeDetectionStrategy, signal, computed, ElementRef, output, Directive, Injectable, InjectionToken, effect } from '@angular/core';
+import { input, output, inject, Injector, ChangeDetectorRef, DestroyRef, forwardRef, ChangeDetectionStrategy, Component, Directive, Injectable, InjectionToken, signal, effect, computed, ElementRef } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { NgControl, FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS, ControlContainer } from '@angular/forms';
 import * as i2 from 'primeng/inputmask';
 import { InputMaskModule } from 'primeng/inputmask';
-import * as i3 from 'primeng/floatlabel';
+import * as i3 from 'primeng/inputgroup';
+import { InputGroupModule } from 'primeng/inputgroup';
+import * as i4 from 'primeng/inputgroupaddon';
+import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
+import { ButtonModule } from 'primeng/button';
+import * as i3$1 from 'primeng/floatlabel';
 import { FloatLabelModule } from 'primeng/floatlabel';
-import * as i4 from 'primeng/message';
+import * as i4$1 from 'primeng/message';
 import { MessageModule } from 'primeng/message';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$1 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
-import * as i2$1 from 'primeng/datepicker';
-import { DatePickerModule } from 'primeng/datepicker';
-import * as i3$1 from 'primeng/inputgroup';
-import { InputGroupModule } from 'primeng/inputgroup';
-import * as i4$1 from 'primeng/inputgroupaddon';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { ButtonModule } from 'primeng/button';
-import * as i2$2 from 'primeng/select';
-import { SelectModule } from 'primeng/select';
-import * as i2$3 from 'primeng/inputnumber';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { KeyValuePipe } from '@angular/common';
-import * as i2$4 from 'primeng/autocomplete';
+import * as i2$1 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import { HttpClient } from '@angular/common/http';
 import { map } from 'rxjs/operators';
 import * as i3$2 from 'primeng/api';
-
-class PjcFields {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcFields, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: PjcFields, isStandalone: true, selector: "lib-pjc-fields", ngImport: i0, template: ` <p>pjc-fields works!</p> `, isInline: true, styles: [""] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcFields, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-pjc-fields', imports: [], template: ` <p>pjc-fields works!</p> ` }]
-        }] });
+import * as i2$2 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i2$3 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import { KeyValuePipe } from '@angular/common';
+import * as i2$4 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
 
 class PjcValidators {
     static cpf() {
@@ -441,14 +432,16 @@ function getErrorMessage(ngControl, erros) {
     return errorKey ? erros[errorKey] : '';
 }
 
-class PjcCpfFieldComponent {
+class PjcCepFieldComponent {
     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 */ []));
+    placeholder = input('00000-000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-cep-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    showSearchButton = input(true, ...(ngDevMode ? [{ debugName: "showSearchButton" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
+    busca = output();
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
@@ -485,44 +478,84 @@ class PjcCpfFieldComponent {
     onModelTouched() {
         this.onTouched();
     }
+    onComplete() {
+        this.busca.emit(this.value);
+    }
+    onSearch() {
+        if (this.value?.length === 8) {
+            this.busca.emit(this.value);
+        }
+    }
     validate(control) {
-        return PjcValidators.cpf()(control);
+        return PjcValidators.cep()(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: 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    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: 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showSearchButton: { classPropertyName: "showSearchButton", publicName: "showSearchButton", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { busca: "busca" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcCpfFieldComponent),
+                useExisting: forwardRef(() => PjcCepFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcCpfFieldComponent),
+                useExisting: forwardRef(() => PjcCepFieldComponent),
                 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        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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          (ngModelChange)=\"onModelChange($event)\"\n          (onBlur)=\"onModelTouched()\"\n          (onComplete)=\"onComplete()\"\n          [unmask]=\"true\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          inputStyleClass=\"w-full outline-none bg-transparent\"\n        ></p-inputMask>\n\n        @if (showSearchButton()) {\n          <p-inputgroup-addon>\n            <button\n              type=\"button\"\n              (click)=\"onSearch()\"\n              [disabled]=\"disabled || readonly()\"\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        }\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        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (onComplete)=\"onComplete()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        inputStyleClass=\"w-full outline-none bg-transparent\"\n      ></p-inputMask>\n\n      @if (showSearchButton()) {\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      }\n    </p-inputgroup>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: InputGroupModule }, { kind: "component", type: i3.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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCpfFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCepFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cpf-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-cep-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, InputGroupModule, InputGroupAddonModule, ButtonModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcCpfFieldComponent),
+                            useExisting: forwardRef(() => PjcCepFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcCpfFieldComponent),
+                            useExisting: forwardRef(() => PjcCepFieldComponent),
                             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        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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          (ngModelChange)=\"onModelChange($event)\"\n          (onBlur)=\"onModelTouched()\"\n          (onComplete)=\"onComplete()\"\n          [unmask]=\"true\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          inputStyleClass=\"w-full outline-none bg-transparent\"\n        ></p-inputMask>\n\n        @if (showSearchButton()) {\n          <p-inputgroup-addon>\n            <button\n              type=\"button\"\n              (click)=\"onSearch()\"\n              [disabled]=\"disabled || readonly()\"\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        }\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        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (onComplete)=\"onComplete()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        inputStyleClass=\"w-full outline-none bg-transparent\"\n      ></p-inputMask>\n\n      @if (showSearchButton()) {\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      }\n    </p-inputgroup>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], showSearchButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearchButton", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }], busca: [{ type: i0.Output, args: ["busca"] }] } });
 
-class PjcCnpjFieldComponent {
-    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 */ []));
+const VIN_ALLOWED = /^[A-HJ-NPR-Z0-9]$/;
+class PjcChassiInputDirective {
+    onKeyDown(event) {
+        if (event.key.length !== 1 || event.ctrlKey || event.metaKey || event.altKey)
+            return;
+        if (!VIN_ALLOWED.test(event.key.toUpperCase())) {
+            event.preventDefault();
+        }
+    }
+    onInput(event) {
+        const input = event.target;
+        const sanitized = input.value
+            .toUpperCase()
+            .replace(/[^A-HJ-NPR-Z0-9]/g, '')
+            .substring(0, 17);
+        if (input.value !== sanitized) {
+            input.value = sanitized;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcChassiInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: PjcChassiInputDirective, isStandalone: true, selector: "input[pjcChassi]", host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcChassiInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[pjcChassi]',
+                    host: {
+                        '(keydown)': 'onKeyDown($event)',
+                        '(input)': 'onInput($event)',
+                    },
+                }]
+        }] });
+
+class PjcChassiFieldComponent {
+    label = input('Chassi', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('Digite o chassi', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-chassi-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -544,7 +577,7 @@ class PjcCnpjFieldComponent {
         return getErrorMessage(this.ngControl, this.erros());
     }
     writeValue(val) {
-        this.value = val ?? '';
+        this.value = val?.toUpperCase().replace(/[^A-HJ-NPR-Z0-9]/g, '').substring(0, 17) ?? '';
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -555,60 +588,89 @@ class PjcCnpjFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onModelChange(value) {
-        this.value = value ?? '';
-        this.onChange(this.value);
-    }
-    onModelTouched() {
-        this.onTouched();
-    }
     validate(control) {
-        return PjcValidators.cnpj()(control);
+        return PjcValidators.chassi()(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: 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    onInput(event) {
+        const val = event.target.value;
+        this.value = val;
+        this.onChange(val);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcChassiFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcChassiFieldComponent, isStandalone: true, selector: "pjc-chassi-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcCnpjFieldComponent),
+                useExisting: forwardRef(() => PjcChassiFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcCnpjFieldComponent),
+                useExisting: forwardRef(() => PjcChassiFieldComponent),
                 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        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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        pjcChassi\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"17\"\n        class=\"w-full p-2 outline-none bg-transparent uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      pjcChassi\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"17\"\n      class=\"w-full p-2 outline-none bg-transparent uppercase\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "directive", type: PjcChassiInputDirective, selector: "input[pjcChassi]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCnpjFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcChassiFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cnpj-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-chassi-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputTextModule, FloatLabelModule, MessageModule, PjcChassiInputDirective], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcCnpjFieldComponent),
+                            useExisting: forwardRef(() => PjcChassiFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcCnpjFieldComponent),
+                            useExisting: forwardRef(() => PjcChassiFieldComponent),
                             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        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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        pjcChassi\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"17\"\n        class=\"w-full p-2 outline-none bg-transparent uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      pjcChassi\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"17\"\n      class=\"w-full p-2 outline-none bg-transparent uppercase\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcCpfCnpjFieldComponent {
-    label = input('CPF/CNPJ', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-cpf-cnpj-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+class PjcCidadeService {
+    http = inject(HttpClient);
+    API_URL = 'https://servicodados.ibge.gov.br/api/v1/localidades/estados';
+    getMunicipiosByUf(uf) {
+        return this.http
+            .get(`${this.API_URL}/${uf}/municipios`)
+            .pipe(map((data) => data
+            .map((m) => ({ id: m.id, nome: m.nome, descricao: m.descricao }))
+            .sort((a, b) => {
+            const aDisplay = a.nome || a.descricao || '';
+            const bDisplay = b.nome || b.descricao || '';
+            return aDisplay.localeCompare(bDisplay);
+        })));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+const PJC_CIDADE_SERVICE = new InjectionToken('PjcCidadeService');
+
+class PjcCidadeFieldComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    placeholder = input('Digite o nome da cidade', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-cidade-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    uf = input('', ...(ngDevMode ? [{ debugName: "uf" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     ngControl = null;
-    displayValue = '';
-    placeholder = '000.000.000-00';
+    service = inject(PJC_CIDADE_SERVICE, { optional: true }) ?? inject(PjcCidadeService);
+    municipios = signal([], ...(ngDevMode ? [{ debugName: "municipios" }] : /* istanbul ignore next */ []));
+    filteredMunicipios = signal([], ...(ngDevMode ? [{ debugName: "filteredMunicipios" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    value = null;
     disabled = false;
-    rawValue = '';
     onChange = () => { };
     onTouched = () => { };
     ngOnInit() {
@@ -620,10 +682,29 @@ class PjcCpfCnpjFieldComponent {
     get errorMessage() {
         return getErrorMessage(this.ngControl, this.erros());
     }
+    constructor() {
+        effect(() => {
+            const uf = this.uf();
+            if (uf) {
+                this.fetchMunicipios(uf);
+            }
+            else {
+                this.municipios.set([]);
+                this.filteredMunicipios.set([]);
+            }
+        });
+    }
     writeValue(val) {
-        this.rawValue = val?.replaceAll(/\D/g, '') ?? '';
-        this.displayValue = this.formatValue(this.rawValue);
-        this.updatePlaceholder();
+        if (val === null || val === undefined) {
+            this.value = null;
+        }
+        else if (typeof val === 'string') {
+            const found = this.municipios().find(m => m.nome === val || m.descricao === val);
+            this.value = found ?? { id: 0, nome: val };
+        }
+        else {
+            this.value = val;
+        }
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -634,89 +715,158 @@ class PjcCpfCnpjFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onInputChange(event) {
-        const input = event.target;
-        const cursorPos = input.selectionStart ?? 0;
-        const digitsBeforeCursor = input.value.substring(0, cursorPos).replace(/\D/g, '').length;
-        this.rawValue = input.value.replaceAll(/\D/g, '').substring(0, 14);
-        this.displayValue = this.formatValue(this.rawValue);
-        this.updatePlaceholder();
-        this.onChange(this.rawValue);
-        let newCursor = this.displayValue.length;
-        let digitCount = 0;
-        for (let i = 0; i < this.displayValue.length; i++) {
-            if (/\d/.test(this.displayValue[i]))
-                digitCount++;
-            if (digitCount === digitsBeforeCursor) {
-                newCursor = i + 1;
-                break;
-            }
+    onModelChange(value) {
+        if (typeof value === 'string') {
+            this.value = null;
+            this.onChange(null);
+        }
+        else {
+            this.value = value;
+            this.onChange(value);
         }
-        setTimeout(() => input.setSelectionRange(newCursor, newCursor));
     }
     onModelTouched() {
         this.onTouched();
     }
-    formatValue(digits) {
-        if (!digits)
-            return '';
-        if (digits.length <= 11) {
-            return digits
-                .replace(/(\d{3})(\d)/, '$1.$2')
-                .replace(/(\d{3}\.\d{3})(\d)/, '$1.$2')
-                .replace(/(\d{3}\.\d{3}\.\d{3})(\d{1,2})/, '$1-$2');
-        }
-        return digits
-            .replace(/(\d{2})(\d)/, '$1.$2')
-            .replace(/(\d{2}\.\d{3})(\d)/, '$1.$2')
-            .replace(/(\d{2}\.\d{3}\.\d{3})(\d)/, '$1/$2')
-            .replace(/(\d{2}\.\d{3}\.\d{3}\/\d{4})(\d{1,2})/, '$1-$2');
+    getMunicipioDisplay(m) {
+        return m.nome || m.descricao || '';
     }
-    updatePlaceholder() {
-        if (this.rawValue.length > 11) {
-            this.placeholder = '00.000.000/0000-00';
-        }
-        else {
-            this.placeholder = '000.000.000-00';
-        }
+    filterMunicipios(event) {
+        const query = event.query.toLowerCase();
+        this.filteredMunicipios.set(this.municipios().filter(m => this.getMunicipioDisplay(m).toLowerCase().includes(query)));
+    }
+    fetchMunicipios(uf) {
+        this.loading.set(true);
+        const previousValue = this.value;
+        this.service.getMunicipiosByUf(uf).subscribe({
+            next: (data) => {
+                const normalized = data.map(m => ({ ...m, nome: m.nome || m.descricao || '' }));
+                this.municipios.set(normalized);
+                this.filteredMunicipios.set(normalized);
+                this.loading.set(false);
+                if (previousValue) {
+                    const match = normalized.find(m => m.id === previousValue.id || m.nome === previousValue.nome);
+                    if (match) {
+                        this.value = match;
+                        this.onChange(match);
+                    }
+                    else {
+                        this.value = null;
+                        this.onChange(null);
+                    }
+                }
+            },
+            error: () => {
+                this.municipios.set([]);
+                this.filteredMunicipios.set([]);
+                this.loading.set(false);
+                this.value = null;
+                this.onChange(null);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCidadeFieldComponent, isStandalone: true, selector: "pjc-cidade-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, uf: { classPropertyName: "uf", publicName: "uf", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PjcCidadeFieldComponent),
+                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-autocomplete\n        [inputId]=\"id()\"\n        [suggestions]=\"filteredMunicipios()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (completeMethod)=\"filterMunicipios($event)\"\n        dataKey=\"id\"\n        optionLabel=\"nome\"\n        [forceSelection]=\"true\"\n        [disabled]=\"disabled || readonly() || !uf() || loading()\"\n        appendTo=\"body\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      >\n        <ng-template pTemplate=\"item\" let-option>\n          {{ getMunicipioDisplay(option) }}\n        </ng-template>\n      </p-autocomplete>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-autocomplete\n      [inputId]=\"id()\"\n      [suggestions]=\"filteredMunicipios()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      (completeMethod)=\"filterMunicipios($event)\"\n      dataKey=\"id\"\n      optionLabel=\"nome\"\n      [forceSelection]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || !uf() || loading()\"\n      appendTo=\"body\"\n      styleClass=\"w-full\"\n      inputStyleClass=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    >\n      <ng-template pTemplate=\"item\" let-option>\n        {{ getMunicipioDisplay(option) }}\n      </ng-template>\n    </p-autocomplete>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: AutoCompleteModule }, { kind: "component", type: i2$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pjc-cidade-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, AutoCompleteModule, FloatLabelModule, MessageModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => PjcCidadeFieldComponent),
+                            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-autocomplete\n        [inputId]=\"id()\"\n        [suggestions]=\"filteredMunicipios()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (completeMethod)=\"filterMunicipios($event)\"\n        dataKey=\"id\"\n        optionLabel=\"nome\"\n        [forceSelection]=\"true\"\n        [disabled]=\"disabled || readonly() || !uf() || loading()\"\n        appendTo=\"body\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      >\n        <ng-template pTemplate=\"item\" let-option>\n          {{ getMunicipioDisplay(option) }}\n        </ng-template>\n      </p-autocomplete>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-autocomplete\n      [inputId]=\"id()\"\n      [suggestions]=\"filteredMunicipios()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      (completeMethod)=\"filterMunicipios($event)\"\n      dataKey=\"id\"\n      optionLabel=\"nome\"\n      [forceSelection]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || !uf() || loading()\"\n      appendTo=\"body\"\n      styleClass=\"w-full\"\n      inputStyleClass=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    >\n      <ng-template pTemplate=\"item\" let-option>\n        {{ getMunicipioDisplay(option) }}\n      </ng-template>\n    </p-autocomplete>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: () => [], 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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], uf: [{ type: i0.Input, args: [{ isSignal: true, alias: "uf", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+
+class PjcCnhFieldComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    placeholder = input('00000000000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-cnh-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
+    injector = inject(Injector);
+    cdr = inject(ChangeDetectorRef);
+    destroyRef = inject(DestroyRef);
+    ngControl = null;
+    value = '';
+    disabled = false;
+    onChange = () => { };
+    onTouched = () => { };
+    ngOnInit() {
+        this.ngControl = initFormValidation(this.injector, this.cdr, this.destroyRef);
+    }
+    get invalid() {
+        return isFormControlInvalid(this.ngControl);
+    }
+    get errorMessage() {
+        return getErrorMessage(this.ngControl, this.erros());
+    }
+    writeValue(val) {
+        this.value = val ?? '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onModelChange(value) {
+        this.value = value ?? '';
+        this.onChange(this.value);
+    }
+    onModelTouched() {
+        this.onTouched();
     }
     validate(control) {
-        return PjcValidators.cpfCnpj()(control);
+        return PjcValidators.cnh()(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCpfCnpjFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCpfCnpjFieldComponent, isStandalone: true, selector: "pjc-cpf-cnpj-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCnhFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCnhFieldComponent, isStandalone: true, selector: "pjc-cnh-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
+                useExisting: forwardRef(() => PjcCnhFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
+                useExisting: forwardRef(() => PjcCnhFieldComponent),
                 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        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"18\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"18\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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=\"99999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"99999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCpfCnpjFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCnhFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cpf-cnpj-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, FloatLabelModule, InputTextModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-cnh-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
+                            useExisting: forwardRef(() => PjcCnhFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
+                            useExisting: forwardRef(() => PjcCnhFieldComponent),
                             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        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"18\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"18\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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=\"99999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"99999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcPlacaFieldComponent {
-    label = input('Placa do Veículo', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    placeholder = input('ABC-1234', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-placa-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+class PjcCnpjFieldComponent {
+    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('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -738,7 +888,7 @@ class PjcPlacaFieldComponent {
         return getErrorMessage(this.ngControl, this.erros());
     }
     writeValue(val) {
-        this.value = val?.toUpperCase() || '';
+        this.value = val ?? '';
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -749,46 +899,49 @@ class PjcPlacaFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onModelChange(event) {
-        const val = event.target?.value ?? '';
-        this.onChange(val.toUpperCase());
+    onModelChange(value) {
+        this.value = value ?? '';
+        this.onChange(this.value);
+    }
+    onModelTouched() {
+        this.onTouched();
     }
     validate(control) {
-        return PjcValidators.placaVeiculo()(control);
+        return PjcValidators.cnpj()(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcPlacaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcPlacaFieldComponent, isStandalone: true, selector: "pjc-placa-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    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: 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcPlacaFieldComponent),
+                useExisting: forwardRef(() => PjcCnpjFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcPlacaFieldComponent),
+                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=\"aaa-9*99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"aaa-9*99\"\n      [(ngModel)]=\"value\"\n      (onInput)=\"onModelChange($event)\"\n      (onBlur)=\"onTouched()\"\n      [unmask]=\"false\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 p-2 outline-none bg-transparent uppercase\"\n    ></p-inputMask>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcPlacaFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCnpjFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-placa-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-cnpj-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcPlacaFieldComponent),
+                            useExisting: forwardRef(() => PjcCnpjFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcPlacaFieldComponent),
+                            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=\"aaa-9*99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"aaa-9*99\"\n      [(ngModel)]=\"value\"\n      (onInput)=\"onModelChange($event)\"\n      (onBlur)=\"onTouched()\"\n      [unmask]=\"false\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 p-2 outline-none bg-transparent uppercase\"\n    ></p-inputMask>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcTelefoneFieldComponent {
-    label = input('Telefone', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-telefone-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+class PjcCpfCnpjFieldComponent {
+    label = input('CPF/CNPJ', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-cpf-cnpj-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -797,7 +950,7 @@ class PjcTelefoneFieldComponent {
     destroyRef = inject(DestroyRef);
     ngControl = null;
     displayValue = '';
-    placeholder = '(00) 0000-0000';
+    placeholder = '000.000.000-00';
     disabled = false;
     rawValue = '';
     onChange = () => { };
@@ -829,7 +982,7 @@ class PjcTelefoneFieldComponent {
         const input = event.target;
         const cursorPos = input.selectionStart ?? 0;
         const digitsBeforeCursor = input.value.substring(0, cursorPos).replace(/\D/g, '').length;
-        this.rawValue = input.value.replaceAll(/\D/g, '').substring(0, 11);
+        this.rawValue = input.value.replaceAll(/\D/g, '').substring(0, 14);
         this.displayValue = this.formatValue(this.rawValue);
         this.updatePlaceholder();
         this.onChange(this.rawValue);
@@ -851,84 +1004,75 @@ class PjcTelefoneFieldComponent {
     formatValue(digits) {
         if (!digits)
             return '';
-        if (digits.length <= 10) {
-            // Fixo: (99) 9999-9999
+        if (digits.length <= 11) {
             return digits
-                .replace(/(\d{2})(\d)/, '($1) $2')
-                .replace(/(\(\d{2}\) \d{4})(\d)/, '$1-$2');
+                .replace(/(\d{3})(\d)/, '$1.$2')
+                .replace(/(\d{3}\.\d{3})(\d)/, '$1.$2')
+                .replace(/(\d{3}\.\d{3}\.\d{3})(\d{1,2})/, '$1-$2');
         }
-        // Celular: (99) 99999-9999
         return digits
-            .replace(/(\d{2})(\d)/, '($1) $2')
-            .replace(/(\(\d{2}\) \d{5})(\d)/, '$1-$2');
+            .replace(/(\d{2})(\d)/, '$1.$2')
+            .replace(/(\d{2}\.\d{3})(\d)/, '$1.$2')
+            .replace(/(\d{2}\.\d{3}\.\d{3})(\d)/, '$1/$2')
+            .replace(/(\d{2}\.\d{3}\.\d{3}\/\d{4})(\d{1,2})/, '$1-$2');
     }
     updatePlaceholder() {
-        if (this.rawValue.length > 10) {
-            this.placeholder = '(00) 90000-0000';
+        if (this.rawValue.length > 11) {
+            this.placeholder = '00.000.000/0000-00';
         }
         else {
-            this.placeholder = '(00) 0000-0000';
+            this.placeholder = '000.000.000-00';
         }
     }
     validate(control) {
-        return PjcValidators.telefone()(control);
+        return PjcValidators.cpfCnpj()(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcTelefoneFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcTelefoneFieldComponent, isStandalone: true, selector: "pjc-telefone-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCpfCnpjFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCpfCnpjFieldComponent, isStandalone: true, selector: "pjc-cpf-cnpj-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcTelefoneFieldComponent),
+                useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcTelefoneFieldComponent),
+                useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
                 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        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"15\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"15\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"18\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"18\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcTelefoneFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCpfCnpjFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-telefone-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, FloatLabelModule, InputTextModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-cpf-cnpj-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, FloatLabelModule, InputTextModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcTelefoneFieldComponent),
+                            useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcTelefoneFieldComponent),
+                            useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
                             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        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"15\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"15\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+                    ], 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        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"18\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"18\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcDataFieldComponent {
-    label = input('Data', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-data-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-    minDate = input(undefined, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
-    maxDate = input(undefined, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
+class PjcCpfFieldComponent {
+    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('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-    mostrarAniversario = input(false, ...(ngDevMode ? [{ debugName: "mostrarAniversario" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
-    value = null;
-    disabled = false;
-    valueSignal = signal(null, ...(ngDevMode ? [{ debugName: "valueSignal" }] : /* istanbul ignore next */ []));
-    age = computed(() => {
-        const date = this.valueSignal();
-        if (!date)
-            return null;
-        return this.calculateAge(date);
-    }, ...(ngDevMode ? [{ debugName: "age" }] : /* istanbul ignore next */ []));
-    onChange = () => { };
-    onTouched = () => { };
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     ngControl = null;
-    el = inject(ElementRef);
-    isFormatting = false;
+    value = '';
+    disabled = false;
+    onChange = () => { };
+    onTouched = () => { };
     ngOnInit() {
         this.ngControl = initFormValidation(this.injector, this.cdr, this.destroyRef);
     }
@@ -938,21 +1082,108 @@ class PjcDataFieldComponent {
     get errorMessage() {
         return getErrorMessage(this.ngControl, this.erros());
     }
-    ngAfterViewInit() {
-        const input = this.el.nativeElement.querySelector('input');
-        if (input) {
-            input.addEventListener('input', this.handleDateInput);
-        }
+    writeValue(val) {
+        this.value = val ?? '';
     }
-    ngOnDestroy() {
-        const input = this.el.nativeElement.querySelector('input');
-        if (input) {
-            input.removeEventListener('input', this.handleDateInput);
-        }
+    registerOnChange(fn) {
+        this.onChange = fn;
     }
-    handleDateInput = (event) => {
-        if (this.isFormatting)
-            return;
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onModelChange(value) {
+        this.value = value ?? '';
+        this.onChange(this.value);
+    }
+    onModelTouched() {
+        this.onTouched();
+    }
+    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: 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PjcCpfFieldComponent),
+                multi: true,
+            },
+            {
+                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        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], 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', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => PjcCpfFieldComponent),
+                            multi: true,
+                        },
+                        {
+                            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        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+
+class PjcDataFieldComponent {
+    label = input('Data', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-data-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    minDate = input(undefined, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
+    maxDate = input(undefined, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
+    labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    mostrarAniversario = input(false, ...(ngDevMode ? [{ debugName: "mostrarAniversario" }] : /* istanbul ignore next */ []));
+    erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
+    value = null;
+    disabled = false;
+    valueSignal = signal(null, ...(ngDevMode ? [{ debugName: "valueSignal" }] : /* istanbul ignore next */ []));
+    age = computed(() => {
+        const date = this.valueSignal();
+        if (!date)
+            return null;
+        return this.calculateAge(date);
+    }, ...(ngDevMode ? [{ debugName: "age" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    injector = inject(Injector);
+    cdr = inject(ChangeDetectorRef);
+    destroyRef = inject(DestroyRef);
+    ngControl = null;
+    el = inject(ElementRef);
+    isFormatting = false;
+    ngOnInit() {
+        this.ngControl = initFormValidation(this.injector, this.cdr, this.destroyRef);
+    }
+    get invalid() {
+        return isFormControlInvalid(this.ngControl);
+    }
+    get errorMessage() {
+        return getErrorMessage(this.ngControl, this.erros());
+    }
+    ngAfterViewInit() {
+        const input = this.el.nativeElement.querySelector('input');
+        if (input) {
+            input.addEventListener('input', this.handleDateInput);
+        }
+    }
+    ngOnDestroy() {
+        const input = this.el.nativeElement.querySelector('input');
+        if (input) {
+            input.removeEventListener('input', this.handleDateInput);
+        }
+    }
+    handleDateInput = (event) => {
+        if (this.isFormatting)
+            return;
         const input = event.target;
         const raw = input.value;
         const cursor = input.selectionStart ?? raw.length;
@@ -1034,7 +1265,7 @@ class PjcDataFieldComponent {
                 useExisting: forwardRef(() => PjcDataFieldComponent),
                 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-datePicker\n        [inputId]=\"id()\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        dateFormat=\"dd/mm/yy\"\n        [showIcon]=\"true\"\n        [showClear]=\"true\"\n        [minDate]=\"minDate()\"\n        [maxDate]=\"maxDate()\"\n        [disabled]=\"disabled\"\n        [readonlyInput]=\"readonly()\"\n        placeholder=\"dd/mm/aaaa\"\n        appendTo=\"body\"\n        class=\"w-full\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      ></p-datePicker>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-datePicker\n      [inputId]=\"id()\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      dateFormat=\"dd/mm/yy\"\n      [showIcon]=\"true\"\n      [showClear]=\"true\"\n      [minDate]=\"minDate()\"\n      [maxDate]=\"maxDate()\"\n      placeholder=\"dd/mm/aaaa\"\n      appendTo=\"body\"\n      class=\"w-full\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    ></p-datePicker>\n  }\n\n  @if (mostrarAniversario() && age()) {\n    <p class=\"text-xs text-surface-600\">Idade: {{ age() }} {{ age() === 1 ? 'ano' : 'anos' }}</p>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: DatePickerModule }, { kind: "component", type: i2$1.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"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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-datePicker\n        [inputId]=\"id()\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        dateFormat=\"dd/mm/yy\"\n        [showIcon]=\"true\"\n        [showClear]=\"true\"\n        [minDate]=\"minDate()\"\n        [maxDate]=\"maxDate()\"\n        [disabled]=\"disabled\"\n        [readonlyInput]=\"readonly()\"\n        placeholder=\"dd/mm/aaaa\"\n        appendTo=\"body\"\n        class=\"w-full\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      ></p-datePicker>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-datePicker\n      [inputId]=\"id()\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      dateFormat=\"dd/mm/yy\"\n      [showIcon]=\"true\"\n      [showClear]=\"true\"\n      [minDate]=\"minDate()\"\n      [maxDate]=\"maxDate()\"\n      placeholder=\"dd/mm/aaaa\"\n      appendTo=\"body\"\n      class=\"w-full\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    ></p-datePicker>\n  }\n\n  @if (mostrarAniversario() && age()) {\n    <p class=\"text-xs text-surface-600\">Idade: {{ age() }} {{ age() === 1 ? 'ano' : 'anos' }}</p>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: DatePickerModule }, { kind: "component", type: i2$2.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"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcDataFieldComponent, decorators: [{
             type: Component,
@@ -1170,7 +1401,7 @@ class PjcDataHoraFieldComponent {
                 useExisting: forwardRef(() => PjcDataHoraFieldComponent),
                 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-datePicker\n        [inputId]=\"id()\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        dateFormat=\"dd/mm/yy\"\n        [showTime]=\"true\"\n        [hourFormat]=\"'24'\"\n        [showIcon]=\"true\"\n        [showClear]=\"true\"\n        [minDate]=\"minDate()\"\n        [maxDate]=\"maxDate()\"\n        [disabled]=\"disabled\"\n        [readonlyInput]=\"readonly()\"\n        placeholder=\"dd/mm/aaaa HH:MM\"\n        appendTo=\"body\"\n        class=\"w-full\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      ></p-datePicker>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-datePicker\n      [inputId]=\"id()\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      dateFormat=\"dd/mm/yy\"\n      [showTime]=\"true\"\n      [hourFormat]=\"'24'\"\n      [showIcon]=\"true\"\n      [showClear]=\"true\"\n      [minDate]=\"minDate()\"\n      [maxDate]=\"maxDate()\"\n      [disabled]=\"disabled\"\n      [readonlyInput]=\"readonly()\"\n      placeholder=\"dd/mm/aaaa HH:MM\"\n      appendTo=\"body\"\n      class=\"w-full\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    ></p-datePicker>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: DatePickerModule }, { kind: "component", type: i2$1.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"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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-datePicker\n        [inputId]=\"id()\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        dateFormat=\"dd/mm/yy\"\n        [showTime]=\"true\"\n        [hourFormat]=\"'24'\"\n        [showIcon]=\"true\"\n        [showClear]=\"true\"\n        [minDate]=\"minDate()\"\n        [maxDate]=\"maxDate()\"\n        [disabled]=\"disabled\"\n        [readonlyInput]=\"readonly()\"\n        placeholder=\"dd/mm/aaaa HH:MM\"\n        appendTo=\"body\"\n        class=\"w-full\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      ></p-datePicker>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-datePicker\n      [inputId]=\"id()\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      dateFormat=\"dd/mm/yy\"\n      [showTime]=\"true\"\n      [hourFormat]=\"'24'\"\n      [showIcon]=\"true\"\n      [showClear]=\"true\"\n      [minDate]=\"minDate()\"\n      [maxDate]=\"maxDate()\"\n      [disabled]=\"disabled\"\n      [readonlyInput]=\"readonly()\"\n      placeholder=\"dd/mm/aaaa HH:MM\"\n      appendTo=\"body\"\n      class=\"w-full\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    ></p-datePicker>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: DatePickerModule }, { kind: "component", type: i2$2.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"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcDataHoraFieldComponent, decorators: [{
             type: Component,
@@ -1188,9 +1419,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-datePicker\n        [inputId]=\"id()\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        dateFormat=\"dd/mm/yy\"\n        [showTime]=\"true\"\n        [hourFormat]=\"'24'\"\n        [showIcon]=\"true\"\n        [showClear]=\"true\"\n        [minDate]=\"minDate()\"\n        [maxDate]=\"maxDate()\"\n        [disabled]=\"disabled\"\n        [readonlyInput]=\"readonly()\"\n        placeholder=\"dd/mm/aaaa HH:MM\"\n        appendTo=\"body\"\n        class=\"w-full\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      ></p-datePicker>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-datePicker\n      [inputId]=\"id()\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      dateFormat=\"dd/mm/yy\"\n      [showTime]=\"true\"\n      [hourFormat]=\"'24'\"\n      [showIcon]=\"true\"\n      [showClear]=\"true\"\n      [minDate]=\"minDate()\"\n      [maxDate]=\"maxDate()\"\n      [disabled]=\"disabled\"\n      [readonlyInput]=\"readonly()\"\n      placeholder=\"dd/mm/aaaa HH:MM\"\n      appendTo=\"body\"\n      class=\"w-full\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    ></p-datePicker>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcHoraFieldComponent {
-    label = input('Hora', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-hora-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+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('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -1212,7 +1444,7 @@ class PjcHoraFieldComponent {
         return getErrorMessage(this.ngControl, this.erros());
     }
     writeValue(val) {
-        this.value = val ?? '';
+        this.value = val?.toLowerCase() ?? '';
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1223,58 +1455,101 @@ class PjcHoraFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onModelChange(value) {
-        this.value = value ?? '';
-        this.onChange(this.value);
-    }
-    onModelTouched() {
-        this.onTouched();
-    }
     validate(control) {
-        return PjcValidators.hora()(control);
+        return PjcValidators.email()(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcHoraFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcHoraFieldComponent, isStandalone: true, selector: "pjc-hora-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcHoraFieldComponent),
+                useExisting: forwardRef(() => PjcEmailFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcHoraFieldComponent),
+                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      <p-inputMask\n        [id]=\"id()\"\n        mask=\"99:99\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        placeholder=\"HH:MM\"\n        styleClass=\"w-full\"\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:99\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"false\"\n      [autoClear]=\"false\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      placeholder=\"HH:MM\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\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.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcHoraFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEmailFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-hora-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-email-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputTextModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcHoraFieldComponent),
+                            useExisting: forwardRef(() => PjcEmailFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcHoraFieldComponent),
+                            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      <p-inputMask\n        [id]=\"id()\"\n        mask=\"99:99\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        placeholder=\"HH:MM\"\n        styleClass=\"w-full\"\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:99\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"false\"\n      [autoClear]=\"false\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      placeholder=\"HH:MM\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\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.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcUppercaseFieldComponent {
-    label = input('Nome', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    placeholder = input('Digite o nome', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-uppercase-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+const PJC_ENUM_SERVICE = new InjectionToken('PjcEnumService');
+
+class PjcEnumService {
+    http = inject(HttpClient);
+    getItems(url) {
+        return this.http
+            .get(url)
+            .pipe(map((data) => data
+            .map((item) => ({ nome: item.nome, descricao: item.descricao }))
+            .sort((a, b) => {
+            const aDisplay = a.descricao || a.nome || '';
+            const bDisplay = b.descricao || b.nome || '';
+            return aDisplay.localeCompare(bDisplay);
+        })));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEnumService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEnumService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEnumService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class PjcEnumFieldComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    placeholder = input('Selecione uma opção', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-enum-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
+    /** URL of the endpoint that returns the list of items. */
+    url = input.required(...(ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []));
+    /**
+     * Key of the object property displayed as the option label in the select.
+     * Defaults to 'descricao'.
+     */
+    optionLabel = input('descricao', ...(ngDevMode ? [{ debugName: "optionLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Key of the object property used as the option value bound to the formControl.
+     * When left as undefined (default), the entire selected object is used as the value.
+     */
+    optionValue = input(undefined, ...(ngDevMode ? [{ debugName: "optionValue" }] : /* istanbul ignore next */ []));
+    /** Whether the select should have a filter/search input. */
+    filter = input(false, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    /** Whether to show a clear button to reset the selection. */
+    showClear = input(false, ...(ngDevMode ? [{ debugName: "showClear" }] : /* istanbul ignore next */ []));
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     ngControl = null;
-    value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    service = inject(PJC_ENUM_SERVICE, { optional: true }) ?? inject(PjcEnumService);
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    value = null;
     disabled = false;
     onChange = () => { };
     onTouched = () => { };
@@ -1287,13 +1562,19 @@ class PjcUppercaseFieldComponent {
     get errorMessage() {
         return getErrorMessage(this.ngControl, this.erros());
     }
+    constructor() {
+        effect(() => {
+            const url = this.url();
+            if (url) {
+                this.fetchItems(url);
+            }
+            else {
+                this.items.set([]);
+            }
+        });
+    }
     writeValue(val) {
-        if (val == null) {
-            this.value.set('');
-        }
-        else {
-            this.value.set(String(val).toUpperCase());
-        }
+        this.value = val ?? null;
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1304,41 +1585,80 @@ class PjcUppercaseFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onInput(event) {
-        const upper = event.target.value.toUpperCase();
-        this.value.set(upper);
-        this.onChange(upper);
+    onModelChange(value) {
+        this.value = value;
+        this.onChange(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUppercaseFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcUppercaseFieldComponent, isStandalone: true, selector: "pjc-uppercase-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    onModelTouched() {
+        this.onTouched();
+    }
+    fetchItems(url) {
+        this.loading.set(true);
+        this.service.getItems(url).subscribe({
+            next: (data) => {
+                this.items.set(data);
+                this.loading.set(false);
+                this.cdr.markForCheck();
+            },
+            error: () => {
+                this.items.set([]);
+                this.loading.set(false);
+                this.value = null;
+                this.onChange(null);
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEnumFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcEnumFieldComponent, isStandalone: true, selector: "pjc-enum-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcUppercaseFieldComponent),
+                useExisting: forwardRef(() => PjcEnumFieldComponent),
                 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        [id]=\"id()\"\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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]=\"items()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [optionLabel]=\"optionLabel()\"\n        [optionValue]=\"optionValue()\"\n        appendTo=\"body\"\n        [filter]=\"filter()\"\n        [showClear]=\"showClear()\"\n        [disabled]=\"disabled || readonly() || loading()\"\n        [loading]=\"loading()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"items()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [optionLabel]=\"optionLabel()\"\n      [optionValue]=\"optionValue()\"\n      appendTo=\"body\"\n      [filter]=\"filter()\"\n      [showClear]=\"showClear()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || loading()\"\n      [loading]=\"loading()\"\n      styleClass=\"w-full\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUppercaseFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEnumFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-uppercase-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputTextModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-enum-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, SelectModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcUppercaseFieldComponent),
+                            useExisting: forwardRef(() => PjcEnumFieldComponent),
                             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        [id]=\"id()\"\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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]=\"items()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [optionLabel]=\"optionLabel()\"\n        [optionValue]=\"optionValue()\"\n        appendTo=\"body\"\n        [filter]=\"filter()\"\n        [showClear]=\"showClear()\"\n        [disabled]=\"disabled || readonly() || loading()\"\n        [loading]=\"loading()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"items()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [optionLabel]=\"optionLabel()\"\n      [optionValue]=\"optionValue()\"\n      appendTo=\"body\"\n      [filter]=\"filter()\"\n      [showClear]=\"showClear()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || loading()\"\n      [loading]=\"loading()\"\n      styleClass=\"w-full\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: () => [], 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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: true }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }] } });
 
-class PjcCepFieldComponent {
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-    placeholder = input('00000-000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-cep-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+class PjcErroValidacaoComponent {
+    container = inject(ControlContainer);
+    cdr = inject(ChangeDetectorRef);
+    destroyRef = inject(DestroyRef);
+    controlName = input.required(...(ngDevMode ? [{ debugName: "controlName" }] : /* istanbul ignore next */ []));
+    erros = input.required(...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
+    control = null;
+    ngOnInit() {
+        const group = this.container.control;
+        this.control = group?.get(this.controlName()) ?? null;
+        if (this.control) {
+            this.control.events
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe(() => this.cdr.markForCheck());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcErroValidacaoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcErroValidacaoComponent, isStandalone: true, selector: "pjc-erro-validacao", inputs: { controlName: { classPropertyName: "controlName", publicName: "controlName", isSignal: true, isRequired: true, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (control; as ctrl) {\n  @if (ctrl.touched && ctrl.errors) {\n    @for (entry of erros() | keyvalue; track entry.key) {\n      @if (ctrl.errors[entry.key]) {\n        <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ entry.value }}</p-message>\n      }\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcErroValidacaoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pjc-erro-validacao', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KeyValuePipe, MessageModule], template: "@if (control; as ctrl) {\n  @if (ctrl.touched && ctrl.errors) {\n    @for (entry of erros() | keyvalue; track entry.key) {\n      @if (ctrl.errors[entry.key]) {\n        <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ entry.value }}</p-message>\n      }\n    }\n  }\n}\n" }]
+        }], propDecorators: { controlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlName", required: true }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: true }] }] } });
+
+class PjcHoraFieldComponent {
+    label = input('Hora', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-hora-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-    showSearchButton = input(true, ...(ngDevMode ? [{ debugName: "showSearchButton" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
-    busca = output();
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
@@ -1375,82 +1695,44 @@ class PjcCepFieldComponent {
     onModelTouched() {
         this.onTouched();
     }
-    onComplete() {
-        this.busca.emit(this.value);
-    }
-    onSearch() {
-        if (this.value?.length === 8) {
-            this.busca.emit(this.value);
-        }
-    }
     validate(control) {
-        return PjcValidators.cep()(control);
+        return PjcValidators.hora()(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: 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showSearchButton: { classPropertyName: "showSearchButton", publicName: "showSearchButton", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { busca: "busca" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcHoraFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcHoraFieldComponent, isStandalone: true, selector: "pjc-hora-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcCepFieldComponent),
+                useExisting: forwardRef(() => PjcHoraFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcCepFieldComponent),
+                useExisting: forwardRef(() => PjcHoraFieldComponent),
                 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          (ngModelChange)=\"onModelChange($event)\"\n          (onBlur)=\"onModelTouched()\"\n          (onComplete)=\"onComplete()\"\n          [unmask]=\"true\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          inputStyleClass=\"w-full outline-none bg-transparent\"\n        ></p-inputMask>\n\n        @if (showSearchButton()) {\n          <p-inputgroup-addon>\n            <button\n              type=\"button\"\n              (click)=\"onSearch()\"\n              [disabled]=\"disabled || readonly()\"\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        }\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        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (onComplete)=\"onComplete()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        inputStyleClass=\"w-full outline-none bg-transparent\"\n      ></p-inputMask>\n\n      @if (showSearchButton()) {\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      }\n    </p-inputgroup>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: 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$1.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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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:99\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        placeholder=\"HH:MM\"\n        styleClass=\"w-full\"\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:99\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"false\"\n      [autoClear]=\"false\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      placeholder=\"HH:MM\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCepFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcHoraFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cep-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, InputGroupModule, InputGroupAddonModule, ButtonModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-hora-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcCepFieldComponent),
+                            useExisting: forwardRef(() => PjcHoraFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcCepFieldComponent),
+                            useExisting: forwardRef(() => PjcHoraFieldComponent),
                             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          (ngModelChange)=\"onModelChange($event)\"\n          (onBlur)=\"onModelTouched()\"\n          (onComplete)=\"onComplete()\"\n          [unmask]=\"true\"\n          [autoClear]=\"false\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          inputStyleClass=\"w-full outline-none bg-transparent\"\n        ></p-inputMask>\n\n        @if (showSearchButton()) {\n          <p-inputgroup-addon>\n            <button\n              type=\"button\"\n              (click)=\"onSearch()\"\n              [disabled]=\"disabled || readonly()\"\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        }\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        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (onComplete)=\"onComplete()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        inputStyleClass=\"w-full outline-none bg-transparent\"\n      ></p-inputMask>\n\n      @if (showSearchButton()) {\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      }\n    </p-inputgroup>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], showSearchButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearchButton", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }], busca: [{ type: i0.Output, args: ["busca"] }] } });
-
-const ESTADOS = [
-    { uf: 'MT', descricao: 'Mato Grosso' },
-    { 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: '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' },
-];
+                    ], 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:99\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        placeholder=\"HH:MM\"\n        styleClass=\"w-full\"\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:99\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"false\"\n      [autoClear]=\"false\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      placeholder=\"HH:MM\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcUfFieldComponent {
-    label = input('UF', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+class PjcImeiFieldComponent {
+    label = input('', ...(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 */ []));
+    placeholder = input('000000000000000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-imei-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -1458,8 +1740,7 @@ class PjcUfFieldComponent {
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     ngControl = null;
-    estados = ESTADOS;
-    value = null;
+    value = '';
     disabled = false;
     onChange = () => { };
     onTouched = () => { };
@@ -1473,7 +1754,7 @@ class PjcUfFieldComponent {
         return getErrorMessage(this.ngControl, this.erros());
     }
     writeValue(val) {
-        this.value = val?.uf ? (ESTADOS.find(e => e.uf === val.uf) ?? null) : null;
+        this.value = val ?? '';
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1485,105 +1766,44 @@ class PjcUfFieldComponent {
         this.disabled = isDisabled;
     }
     onModelChange(value) {
-        this.value = value;
-        this.onChange(value);
+        this.value = value ?? '';
+        this.onChange(this.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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", 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 || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$2.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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], 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, MessageModule], 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 || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", 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('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-    erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
-    injector = inject(Injector);
-    cdr = inject(ChangeDetectorRef);
-    destroyRef = inject(DestroyRef);
-    ngControl = null;
-    value = '';
-    disabled = false;
-    onChange = () => { };
-    onTouched = () => { };
-    ngOnInit() {
-        this.ngControl = initFormValidation(this.injector, this.cdr, this.destroyRef);
-    }
-    get invalid() {
-        return isFormControlInvalid(this.ngControl);
-    }
-    get errorMessage() {
-        return getErrorMessage(this.ngControl, this.erros());
-    }
-    writeValue(val) {
-        this.value = val?.toLowerCase() ?? '';
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
     validate(control) {
-        return PjcValidators.email()(control);
-    }
-    onInput(event) {
-        const lower = event.target.value.toLowerCase();
-        this.value = lower;
-        this.onChange(lower);
+        return PjcValidators.imei()(control);
     }
-    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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcImeiFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcImeiFieldComponent, isStandalone: true, selector: "pjc-imei-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcEmailFieldComponent),
+                useExisting: forwardRef(() => PjcImeiFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcEmailFieldComponent),
+                useExisting: forwardRef(() => PjcImeiFieldComponent),
                 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        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\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.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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=\"999999999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"999999999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEmailFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcImeiFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-email-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputTextModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-imei-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcEmailFieldComponent),
+                            useExisting: forwardRef(() => PjcImeiFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcEmailFieldComponent),
+                            useExisting: forwardRef(() => PjcImeiFieldComponent),
                             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        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\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.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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=\"999999999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"999999999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
 class PjcIntegerFieldComponent {
     label = input('Número', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
@@ -1637,7 +1857,7 @@ class PjcIntegerFieldComponent {
                 useExisting: forwardRef(() => PjcIntegerFieldComponent),
                 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-inputnumber\n        [inputId]=\"id()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [prefix]=\"prefix()\"\n        [suffix]=\"suffix()\"\n        [min]=\"min()\"\n        [max]=\"max()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [maxFractionDigits]=\"0\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        styleClass=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputnumber\n      [inputId]=\"id()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [useGrouping]=\"useGrouping()\"\n      [prefix]=\"prefix()\"\n      [suffix]=\"suffix()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [disabled]=\"disabled\"\n      [maxFractionDigits]=\"0\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      styleClass=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: InputNumberModule }, { kind: "component", type: i2$3.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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-inputnumber\n        [inputId]=\"id()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [prefix]=\"prefix()\"\n        [suffix]=\"suffix()\"\n        [min]=\"min()\"\n        [max]=\"max()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [maxFractionDigits]=\"0\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        styleClass=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputnumber\n      [inputId]=\"id()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [useGrouping]=\"useGrouping()\"\n      [prefix]=\"prefix()\"\n      [suffix]=\"suffix()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [disabled]=\"disabled\"\n      [maxFractionDigits]=\"0\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      styleClass=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: InputNumberModule }, { kind: "component", type: i2$4.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcIntegerFieldComponent, decorators: [{
             type: Component,
@@ -1650,19 +1870,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputnumber\n        [inputId]=\"id()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [prefix]=\"prefix()\"\n        [suffix]=\"suffix()\"\n        [min]=\"min()\"\n        [max]=\"max()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [maxFractionDigits]=\"0\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        styleClass=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputnumber\n      [inputId]=\"id()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [useGrouping]=\"useGrouping()\"\n      [prefix]=\"prefix()\"\n      [suffix]=\"suffix()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [disabled]=\"disabled\"\n      [maxFractionDigits]=\"0\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      styleClass=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], useGrouping: [{ type: i0.Input, args: [{ isSignal: true, alias: "useGrouping", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcImeiFieldComponent {
+class PjcMoedaFieldComponent {
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-    placeholder = input('000000000000000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-imei-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-moeda-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
+    mode = input('currency', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    currency = input('BRL', ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
+    locale = input('pt-BR', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    minFractionDigits = input(2, ...(ngDevMode ? [{ debugName: "minFractionDigits" }] : /* istanbul ignore next */ []));
+    maxFractionDigits = input(2, ...(ngDevMode ? [{ debugName: "maxFractionDigits" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     ngControl = null;
-    value = '';
+    divisor = computed(() => Math.pow(10, this.minFractionDigits()), ...(ngDevMode ? [{ debugName: "divisor" }] : /* istanbul ignore next */ []));
+    cents = signal(0, ...(ngDevMode ? [{ debugName: "cents" }] : /* istanbul ignore next */ []));
+    displayValue = computed(() => {
+        const value = this.cents() / this.divisor();
+        return new Intl.NumberFormat(this.locale(), {
+            style: this.mode() === 'currency' ? 'currency' : 'decimal',
+            currency: this.mode() === 'currency' ? this.currency() : undefined,
+            minimumFractionDigits: this.minFractionDigits(),
+            maximumFractionDigits: this.maxFractionDigits(),
+        }).format(value);
+    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
     disabled = false;
     onChange = () => { };
     onTouched = () => { };
@@ -1675,8 +1909,41 @@ class PjcImeiFieldComponent {
     get errorMessage() {
         return getErrorMessage(this.ngControl, this.erros());
     }
+    onKeyDown(event) {
+        if (this.disabled || this.readonly())
+            return;
+        if (/^\d$/.test(event.key)) {
+            event.preventDefault();
+            if (this.cents() < 9_999_999_999) {
+                this.cents.update(c => c * 10 + Number.parseInt(event.key, 10));
+                this.emitValue();
+            }
+        }
+        else if (event.key === 'Backspace') {
+            event.preventDefault();
+            this.cents.update(c => Math.floor(c / 10));
+            this.emitValue();
+        }
+        else if (event.key === 'Delete') {
+            event.preventDefault();
+            this.cents.set(0);
+            this.emitValue();
+        }
+        else if (event.key.length === 1) {
+            // Block all other printable characters (letters, symbols, etc.)
+            event.preventDefault();
+        }
+    }
+    onPaste(event) {
+        event.preventDefault();
+    }
+    emitValue() {
+        const value = this.cents() === 0 ? null : this.cents() / this.divisor();
+        this.onChange(value);
+    }
     writeValue(val) {
-        this.value = val ?? '';
+        const cents = val == null ? 0 : Math.round(val * this.divisor());
+        this.cents.set(cents);
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1687,45 +1954,25 @@ class PjcImeiFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onModelChange(value) {
-        this.value = value ?? '';
-        this.onChange(this.value);
-    }
-    onModelTouched() {
-        this.onTouched();
-    }
-    validate(control) {
-        return PjcValidators.imei()(control);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcImeiFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcImeiFieldComponent, isStandalone: true, selector: "pjc-imei-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcMoedaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcMoedaFieldComponent, isStandalone: true, selector: "pjc-moeda-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", 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 }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcImeiFieldComponent),
-                multi: true,
-            },
-            {
-                provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcImeiFieldComponent),
+                useExisting: forwardRef(() => PjcMoedaFieldComponent),
                 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=\"999999999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"999999999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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        [id]=\"id()\"\n        [value]=\"displayValue()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        (blur)=\"onTouched()\"\n        (keydown)=\"onKeyDown($event)\"\n        (paste)=\"onPaste($event)\"\n        class=\"w-full\"\n        styleClass=\"w-full\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      (blur)=\"onTouched()\"\n      (keydown)=\"onKeyDown($event)\"\n      (paste)=\"onPaste($event)\"\n      class=\"w-full\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcImeiFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcMoedaFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-imei-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-moeda-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FloatLabelModule, InputTextModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcImeiFieldComponent),
-                            multi: true,
-                        },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcImeiFieldComponent),
+                            useExisting: forwardRef(() => PjcMoedaFieldComponent),
                             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=\"999999999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"999999999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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        [id]=\"id()\"\n        [value]=\"displayValue()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        (blur)=\"onTouched()\"\n        (keydown)=\"onKeyDown($event)\"\n        (paste)=\"onPaste($event)\"\n        class=\"w-full\"\n        styleClass=\"w-full\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      (blur)=\"onTouched()\"\n      (keydown)=\"onKeyDown($event)\"\n      (paste)=\"onPaste($event)\"\n      class=\"w-full\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], minFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minFractionDigits", required: false }] }], maxFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFractionDigits", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
 class PjcNumeroCartaoFieldComponent {
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
@@ -1786,7 +2033,7 @@ class PjcNumeroCartaoFieldComponent {
                 useExisting: forwardRef(() => PjcNumeroCartaoFieldComponent),
                 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=\"9999 9999 9999 9999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"9999 9999 9999 9999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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=\"9999 9999 9999 9999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"9999 9999 9999 9999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcNumeroCartaoFieldComponent, decorators: [{
             type: Component,
@@ -1804,11 +2051,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], 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=\"9999 9999 9999 9999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"9999 9999 9999 9999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcRenavamFieldComponent {
+class PjcPasswordFieldComponent {
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-    placeholder = input('00000000000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-renavam-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-password-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -1818,6 +2065,7 @@ class PjcRenavamFieldComponent {
     ngControl = null;
     value = '';
     disabled = false;
+    showPassword = signal(false, ...(ngDevMode ? [{ debugName: "showPassword" }] : /* istanbul ignore next */ []));
     onChange = () => { };
     onTouched = () => { };
     ngOnInit() {
@@ -1841,83 +2089,37 @@ class PjcRenavamFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onModelChange(value) {
-        this.value = value ?? '';
+    onInput(event) {
+        this.value = event.target.value;
         this.onChange(this.value);
     }
-    onModelTouched() {
-        this.onTouched();
-    }
-    validate(control) {
-        return PjcValidators.renavam()(control);
+    toggleVisibility() {
+        this.showPassword.update(v => !v);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcRenavamFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcRenavamFieldComponent, isStandalone: true, selector: "pjc-renavam-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcPasswordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcPasswordFieldComponent, isStandalone: true, selector: "pjc-password-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcRenavamFieldComponent),
-                multi: true,
-            },
-            {
-                provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcRenavamFieldComponent),
+                useExisting: forwardRef(() => PjcPasswordFieldComponent),
                 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=\"99999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"99999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <div class=\"password-wrapper\" [class.opacity-60]=\"disabled\">\n        <input\n          pInputText\n          [id]=\"id()\"\n          [type]=\"showPassword() ? 'text' : 'password'\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (blur)=\"onTouched()\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          class=\"w-full pr-10 outline-none bg-transparent\"\n        />\n        <button\n          type=\"button\"\n          (click)=\"toggleVisibility()\"\n          [disabled]=\"disabled\"\n          class=\"password-toggle cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n          [attr.aria-label]=\"showPassword() ? 'Ocultar senha' : 'Mostrar senha'\"\n        >\n          <i [class]=\"showPassword() ? 'pi pi-eye-slash' : 'pi pi-eye'\"></i>\n        </button>\n      </div>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <div class=\"password-wrapper\" [class.opacity-60]=\"disabled\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [type]=\"showPassword() ? 'text' : 'password'\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full pr-10 outline-none bg-transparent\"\n      />\n      <button\n        type=\"button\"\n        (click)=\"toggleVisibility()\"\n        [disabled]=\"disabled\"\n        class=\"password-toggle cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n        [attr.aria-label]=\"showPassword() ? 'Ocultar senha' : 'Mostrar senha'\"\n      >\n        <i [class]=\"showPassword() ? 'pi pi-eye-slash' : 'pi pi-eye'\"></i>\n      </button>\n    </div>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", styles: [".password-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcRenavamFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcPasswordFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-renavam-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-password-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputTextModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcRenavamFieldComponent),
-                            multi: true,
-                        },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcRenavamFieldComponent),
+                            useExisting: forwardRef(() => PjcPasswordFieldComponent),
                             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=\"99999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"99999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <div class=\"password-wrapper\" [class.opacity-60]=\"disabled\">\n        <input\n          pInputText\n          [id]=\"id()\"\n          [type]=\"showPassword() ? 'text' : 'password'\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (blur)=\"onTouched()\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          class=\"w-full pr-10 outline-none bg-transparent\"\n        />\n        <button\n          type=\"button\"\n          (click)=\"toggleVisibility()\"\n          [disabled]=\"disabled\"\n          class=\"password-toggle cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n          [attr.aria-label]=\"showPassword() ? 'Ocultar senha' : 'Mostrar senha'\"\n        >\n          <i [class]=\"showPassword() ? 'pi pi-eye-slash' : 'pi pi-eye'\"></i>\n        </button>\n      </div>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <div class=\"password-wrapper\" [class.opacity-60]=\"disabled\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [type]=\"showPassword() ? 'text' : 'password'\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full pr-10 outline-none bg-transparent\"\n      />\n      <button\n        type=\"button\"\n        (click)=\"toggleVisibility()\"\n        [disabled]=\"disabled\"\n        class=\"password-toggle cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n        [attr.aria-label]=\"showPassword() ? 'Ocultar senha' : 'Mostrar senha'\"\n      >\n        <i [class]=\"showPassword() ? 'pi pi-eye-slash' : 'pi pi-eye'\"></i>\n      </button>\n    </div>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", styles: [".password-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-const VIN_ALLOWED = /^[A-HJ-NPR-Z0-9]$/;
-class PjcChassiInputDirective {
-    onKeyDown(event) {
-        if (event.key.length !== 1 || event.ctrlKey || event.metaKey || event.altKey)
-            return;
-        if (!VIN_ALLOWED.test(event.key.toUpperCase())) {
-            event.preventDefault();
-        }
-    }
-    onInput(event) {
-        const input = event.target;
-        const sanitized = input.value
-            .toUpperCase()
-            .replace(/[^A-HJ-NPR-Z0-9]/g, '')
-            .substring(0, 17);
-        if (input.value !== sanitized) {
-            input.value = sanitized;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcChassiInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: PjcChassiInputDirective, isStandalone: true, selector: "input[pjcChassi]", host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcChassiInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[pjcChassi]',
-                    host: {
-                        '(keydown)': 'onKeyDown($event)',
-                        '(input)': 'onInput($event)',
-                    },
-                }]
-        }] });
-
-class PjcChassiFieldComponent {
-    label = input('Chassi', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    placeholder = input('Digite o chassi', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-chassi-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+class PjcPlacaFieldComponent {
+    label = input('Placa do Veículo', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('ABC-1234', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-placa-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -1939,7 +2141,7 @@ class PjcChassiFieldComponent {
         return getErrorMessage(this.ngControl, this.erros());
     }
     writeValue(val) {
-        this.value = val?.toUpperCase().replace(/[^A-HJ-NPR-Z0-9]/g, '').substring(0, 17) ?? '';
+        this.value = val?.toUpperCase() || '';
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1950,49 +2152,48 @@ class PjcChassiFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    validate(control) {
-        return PjcValidators.chassi()(control);
+    onModelChange(event) {
+        const val = event.target?.value ?? '';
+        this.onChange(val.toUpperCase());
     }
-    onInput(event) {
-        const val = event.target.value;
-        this.value = val;
-        this.onChange(val);
+    validate(control) {
+        return PjcValidators.placaVeiculo()(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcChassiFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcChassiFieldComponent, isStandalone: true, selector: "pjc-chassi-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcPlacaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcPlacaFieldComponent, isStandalone: true, selector: "pjc-placa-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcChassiFieldComponent),
+                useExisting: forwardRef(() => PjcPlacaFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcChassiFieldComponent),
+                useExisting: forwardRef(() => PjcPlacaFieldComponent),
                 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        pjcChassi\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"17\"\n        class=\"w-full p-2 outline-none bg-transparent uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      pjcChassi\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"17\"\n      class=\"w-full p-2 outline-none bg-transparent uppercase\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "directive", type: PjcChassiInputDirective, selector: "input[pjcChassi]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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=\"aaa-9*99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"aaa-9*99\"\n      [(ngModel)]=\"value\"\n      (onInput)=\"onModelChange($event)\"\n      (onBlur)=\"onTouched()\"\n      [unmask]=\"false\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 p-2 outline-none bg-transparent uppercase\"\n    ></p-inputMask>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcChassiFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcPlacaFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-chassi-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputTextModule, FloatLabelModule, MessageModule, PjcChassiInputDirective], providers: [
+            args: [{ selector: 'pjc-placa-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcChassiFieldComponent),
+                            useExisting: forwardRef(() => PjcPlacaFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcChassiFieldComponent),
+                            useExisting: forwardRef(() => PjcPlacaFieldComponent),
                             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        pjcChassi\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"17\"\n        class=\"w-full p-2 outline-none bg-transparent uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      pjcChassi\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"17\"\n      class=\"w-full p-2 outline-none bg-transparent uppercase\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+                    ], 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=\"aaa-9*99\"\n        [(ngModel)]=\"value\"\n        (onInput)=\"onModelChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [unmask]=\"false\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"aaa-9*99\"\n      [(ngModel)]=\"value\"\n      (onInput)=\"onModelChange($event)\"\n      (onBlur)=\"onTouched()\"\n      [unmask]=\"false\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 p-2 outline-none bg-transparent uppercase\"\n    ></p-inputMask>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcCnhFieldComponent {
+class PjcRenavamFieldComponent {
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
     placeholder = input('00000000000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-cnh-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-renavam-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -2033,66 +2234,52 @@ class PjcCnhFieldComponent {
         this.onTouched();
     }
     validate(control) {
-        return PjcValidators.cnh()(control);
+        return PjcValidators.renavam()(control);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCnhFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCnhFieldComponent, isStandalone: true, selector: "pjc-cnh-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcRenavamFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcRenavamFieldComponent, isStandalone: true, selector: "pjc-renavam-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcCnhFieldComponent),
+                useExisting: forwardRef(() => PjcRenavamFieldComponent),
                 multi: true,
             },
             {
                 provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => PjcCnhFieldComponent),
+                useExisting: forwardRef(() => PjcRenavamFieldComponent),
                 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=\"99999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"99999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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=\"99999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"99999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCnhFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcRenavamFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cnh-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-renavam-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcCnhFieldComponent),
+                            useExisting: forwardRef(() => PjcRenavamFieldComponent),
                             multi: true,
                         },
                         {
                             provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => PjcCnhFieldComponent),
+                            useExisting: forwardRef(() => PjcRenavamFieldComponent),
                             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=\"99999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\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=\"99999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\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\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcMoedaFieldComponent {
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-moeda-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+class PjcTelefoneFieldComponent {
+    label = input('Telefone', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-telefone-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
-    mode = input('currency', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-    currency = input('BRL', ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
-    locale = input('pt-BR', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
-    minFractionDigits = input(2, ...(ngDevMode ? [{ debugName: "minFractionDigits" }] : /* istanbul ignore next */ []));
-    maxFractionDigits = input(2, ...(ngDevMode ? [{ debugName: "maxFractionDigits" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     ngControl = null;
-    divisor = computed(() => Math.pow(10, this.minFractionDigits()), ...(ngDevMode ? [{ debugName: "divisor" }] : /* istanbul ignore next */ []));
-    cents = signal(0, ...(ngDevMode ? [{ debugName: "cents" }] : /* istanbul ignore next */ []));
-    displayValue = computed(() => {
-        const value = this.cents() / this.divisor();
-        return new Intl.NumberFormat(this.locale(), {
-            style: this.mode() === 'currency' ? 'currency' : 'decimal',
-            currency: this.mode() === 'currency' ? this.currency() : undefined,
-            minimumFractionDigits: this.minFractionDigits(),
-            maximumFractionDigits: this.maxFractionDigits(),
-        }).format(value);
-    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
+    displayValue = '';
+    placeholder = '(00) 0000-0000';
     disabled = false;
+    rawValue = '';
     onChange = () => { };
     onTouched = () => { };
     ngOnInit() {
@@ -2104,41 +2291,10 @@ class PjcMoedaFieldComponent {
     get errorMessage() {
         return getErrorMessage(this.ngControl, this.erros());
     }
-    onKeyDown(event) {
-        if (this.disabled || this.readonly())
-            return;
-        if (/^\d$/.test(event.key)) {
-            event.preventDefault();
-            if (this.cents() < 9_999_999_999) {
-                this.cents.update(c => c * 10 + Number.parseInt(event.key, 10));
-                this.emitValue();
-            }
-        }
-        else if (event.key === 'Backspace') {
-            event.preventDefault();
-            this.cents.update(c => Math.floor(c / 10));
-            this.emitValue();
-        }
-        else if (event.key === 'Delete') {
-            event.preventDefault();
-            this.cents.set(0);
-            this.emitValue();
-        }
-        else if (event.key.length === 1) {
-            // Block all other printable characters (letters, symbols, etc.)
-            event.preventDefault();
-        }
-    }
-    onPaste(event) {
-        event.preventDefault();
-    }
-    emitValue() {
-        const value = this.cents() === 0 ? null : this.cents() / this.divisor();
-        this.onChange(value);
-    }
     writeValue(val) {
-        const cents = val == null ? 0 : Math.round(val * this.divisor());
-        this.cents.set(cents);
+        this.rawValue = val?.replaceAll(/\D/g, '') ?? '';
+        this.displayValue = this.formatValue(this.rawValue);
+        this.updatePlaceholder();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -2149,31 +2305,92 @@ class PjcMoedaFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcMoedaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcMoedaFieldComponent, isStandalone: true, selector: "pjc-moeda-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", 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 }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    onInputChange(event) {
+        const input = event.target;
+        const cursorPos = input.selectionStart ?? 0;
+        const digitsBeforeCursor = input.value.substring(0, cursorPos).replace(/\D/g, '').length;
+        this.rawValue = input.value.replaceAll(/\D/g, '').substring(0, 11);
+        this.displayValue = this.formatValue(this.rawValue);
+        this.updatePlaceholder();
+        this.onChange(this.rawValue);
+        let newCursor = this.displayValue.length;
+        let digitCount = 0;
+        for (let i = 0; i < this.displayValue.length; i++) {
+            if (/\d/.test(this.displayValue[i]))
+                digitCount++;
+            if (digitCount === digitsBeforeCursor) {
+                newCursor = i + 1;
+                break;
+            }
+        }
+        setTimeout(() => input.setSelectionRange(newCursor, newCursor));
+    }
+    onModelTouched() {
+        this.onTouched();
+    }
+    formatValue(digits) {
+        if (!digits)
+            return '';
+        if (digits.length <= 10) {
+            // Fixo: (99) 9999-9999
+            return digits
+                .replace(/(\d{2})(\d)/, '($1) $2')
+                .replace(/(\(\d{2}\) \d{4})(\d)/, '$1-$2');
+        }
+        // Celular: (99) 99999-9999
+        return digits
+            .replace(/(\d{2})(\d)/, '($1) $2')
+            .replace(/(\(\d{2}\) \d{5})(\d)/, '$1-$2');
+    }
+    updatePlaceholder() {
+        if (this.rawValue.length > 10) {
+            this.placeholder = '(00) 90000-0000';
+        }
+        else {
+            this.placeholder = '(00) 0000-0000';
+        }
+    }
+    validate(control) {
+        return PjcValidators.telefone()(control);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcTelefoneFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcTelefoneFieldComponent, isStandalone: true, selector: "pjc-telefone-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcMoedaFieldComponent),
+                useExisting: forwardRef(() => PjcTelefoneFieldComponent),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => PjcTelefoneFieldComponent),
                 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        [id]=\"id()\"\n        [value]=\"displayValue()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        (blur)=\"onTouched()\"\n        (keydown)=\"onKeyDown($event)\"\n        (paste)=\"onPaste($event)\"\n        class=\"w-full\"\n        styleClass=\"w-full\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      (blur)=\"onTouched()\"\n      (keydown)=\"onKeyDown($event)\"\n      (paste)=\"onPaste($event)\"\n      class=\"w-full\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"15\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"15\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcMoedaFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcTelefoneFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-moeda-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FloatLabelModule, InputTextModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-telefone-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, FloatLabelModule, InputTextModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcMoedaFieldComponent),
+                            useExisting: forwardRef(() => PjcTelefoneFieldComponent),
                             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        [id]=\"id()\"\n        [value]=\"displayValue()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        (blur)=\"onTouched()\"\n        (keydown)=\"onKeyDown($event)\"\n        (paste)=\"onPaste($event)\"\n        class=\"w-full\"\n        styleClass=\"w-full\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      (blur)=\"onTouched()\"\n      (keydown)=\"onKeyDown($event)\"\n      (paste)=\"onPaste($event)\"\n      class=\"w-full\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], minFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minFractionDigits", required: false }] }], maxFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFractionDigits", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => PjcTelefoneFieldComponent),
+                            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        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"15\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"15\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-class PjcPasswordFieldComponent {
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-password-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+const TIPOS_PESSOA = [
+    { label: 'Pessoa Fisica', value: 'FISICA' },
+    { label: 'Pessoa Juridica', value: 'JURIDICA' },
+];
+class PjcTipoPessoaFieldComponent {
+    label = input('Tipo de Pessoa', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('Selecione o tipo de pessoa', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-tipo-pessoa-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
@@ -2181,9 +2398,9 @@ class PjcPasswordFieldComponent {
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     ngControl = null;
-    value = '';
+    tiposPessoa = TIPOS_PESSOA;
+    value = null;
     disabled = false;
-    showPassword = signal(false, ...(ngDevMode ? [{ debugName: "showPassword" }] : /* istanbul ignore next */ []));
     onChange = () => { };
     onTouched = () => { };
     ngOnInit() {
@@ -2196,7 +2413,7 @@ class PjcPasswordFieldComponent {
         return getErrorMessage(this.ngControl, this.erros());
     }
     writeValue(val) {
-        this.value = val ?? '';
+        this.value = val;
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -2207,100 +2424,76 @@ class PjcPasswordFieldComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    onInput(event) {
-        this.value = event.target.value;
-        this.onChange(this.value);
+    onModelChange(value) {
+        this.value = value;
+        this.onChange(value);
     }
-    toggleVisibility() {
-        this.showPassword.update(v => !v);
+    onModelTouched() {
+        this.onTouched();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcPasswordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcPasswordFieldComponent, isStandalone: true, selector: "pjc-password-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcTipoPessoaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcTipoPessoaFieldComponent, isStandalone: true, selector: "pjc-tipo-pessoa-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcPasswordFieldComponent),
+                useExisting: forwardRef(() => PjcTipoPessoaFieldComponent),
                 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      <div class=\"password-wrapper\" [class.opacity-60]=\"disabled\">\n        <input\n          pInputText\n          [id]=\"id()\"\n          [type]=\"showPassword() ? 'text' : 'password'\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (blur)=\"onTouched()\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          class=\"w-full pr-10 outline-none bg-transparent\"\n        />\n        <button\n          type=\"button\"\n          (click)=\"toggleVisibility()\"\n          [disabled]=\"disabled\"\n          class=\"password-toggle cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n          [attr.aria-label]=\"showPassword() ? 'Ocultar senha' : 'Mostrar senha'\"\n        >\n          <i [class]=\"showPassword() ? 'pi pi-eye-slash' : 'pi pi-eye'\"></i>\n        </button>\n      </div>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <div class=\"password-wrapper\" [class.opacity-60]=\"disabled\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [type]=\"showPassword() ? 'text' : 'password'\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full pr-10 outline-none bg-transparent\"\n      />\n      <button\n        type=\"button\"\n        (click)=\"toggleVisibility()\"\n        [disabled]=\"disabled\"\n        class=\"password-toggle cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n        [attr.aria-label]=\"showPassword() ? 'Ocultar senha' : 'Mostrar senha'\"\n      >\n        <i [class]=\"showPassword() ? 'pi pi-eye-slash' : 'pi pi-eye'\"></i>\n      </button>\n    </div>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", styles: [".password-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$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"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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]=\"tiposPessoa\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n        appendTo=\"body\"\n        [disabled]=\"disabled || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"tiposPessoa\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      appendTo=\"body\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcPasswordFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcTipoPessoaFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-password-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputTextModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-tipo-pessoa-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, SelectModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcPasswordFieldComponent),
+                            useExisting: forwardRef(() => PjcTipoPessoaFieldComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <div class=\"password-wrapper\" [class.opacity-60]=\"disabled\">\n        <input\n          pInputText\n          [id]=\"id()\"\n          [type]=\"showPassword() ? 'text' : 'password'\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (blur)=\"onTouched()\"\n          [placeholder]=\"placeholder()\"\n          [disabled]=\"disabled\"\n          [readonly]=\"readonly()\"\n          [class.ng-invalid]=\"invalid\"\n          [class.ng-dirty]=\"invalid\"\n          class=\"w-full pr-10 outline-none bg-transparent\"\n        />\n        <button\n          type=\"button\"\n          (click)=\"toggleVisibility()\"\n          [disabled]=\"disabled\"\n          class=\"password-toggle cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n          [attr.aria-label]=\"showPassword() ? 'Ocultar senha' : 'Mostrar senha'\"\n        >\n          <i [class]=\"showPassword() ? 'pi pi-eye-slash' : 'pi pi-eye'\"></i>\n        </button>\n      </div>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <div class=\"password-wrapper\" [class.opacity-60]=\"disabled\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [type]=\"showPassword() ? 'text' : 'password'\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full pr-10 outline-none bg-transparent\"\n      />\n      <button\n        type=\"button\"\n        (click)=\"toggleVisibility()\"\n        [disabled]=\"disabled\"\n        class=\"password-toggle cursor-pointer bg-transparent border-none text-surface-500 hover:text-surface-700 disabled:text-surface-300 disabled:cursor-not-allowed transition-colors\"\n        [attr.aria-label]=\"showPassword() ? 'Ocultar senha' : 'Mostrar senha'\"\n      >\n        <i [class]=\"showPassword() ? 'pi pi-eye-slash' : 'pi pi-eye'\"></i>\n      </button>\n    </div>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", styles: [".password-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
-
-class PjcErroValidacaoComponent {
-    container = inject(ControlContainer);
-    cdr = inject(ChangeDetectorRef);
-    destroyRef = inject(DestroyRef);
-    controlName = input.required(...(ngDevMode ? [{ debugName: "controlName" }] : /* istanbul ignore next */ []));
-    erros = input.required(...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
-    control = null;
-    ngOnInit() {
-        const group = this.container.control;
-        this.control = group?.get(this.controlName()) ?? null;
-        if (this.control) {
-            this.control.events
-                .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe(() => this.cdr.markForCheck());
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcErroValidacaoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcErroValidacaoComponent, isStandalone: true, selector: "pjc-erro-validacao", inputs: { controlName: { classPropertyName: "controlName", publicName: "controlName", isSignal: true, isRequired: true, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (control; as ctrl) {\n  @if (ctrl.touched && ctrl.errors) {\n    @for (entry of erros() | keyvalue; track entry.key) {\n      @if (ctrl.errors[entry.key]) {\n        <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ entry.value }}</p-message>\n      }\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcErroValidacaoComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pjc-erro-validacao', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KeyValuePipe, MessageModule], template: "@if (control; as ctrl) {\n  @if (ctrl.touched && ctrl.errors) {\n    @for (entry of erros() | keyvalue; track entry.key) {\n      @if (ctrl.errors[entry.key]) {\n        <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ entry.value }}</p-message>\n      }\n    }\n  }\n}\n" }]
-        }], propDecorators: { controlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlName", required: true }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: true }] }] } });
-
-class PjcCidadeService {
-    http = inject(HttpClient);
-    API_URL = 'https://servicodados.ibge.gov.br/api/v1/localidades/estados';
-    getMunicipiosByUf(uf) {
-        return this.http
-            .get(`${this.API_URL}/${uf}/municipios`)
-            .pipe(map((data) => data
-            .map((m) => ({ id: m.id, nome: m.nome, descricao: m.descricao }))
-            .sort((a, b) => {
-            const aDisplay = a.nome || a.descricao || '';
-            const bDisplay = b.nome || b.descricao || '';
-            return aDisplay.localeCompare(bDisplay);
-        })));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
+                    ], 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]=\"tiposPessoa\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n        appendTo=\"body\"\n        [disabled]=\"disabled || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-select\n      [inputId]=\"id()\"\n      [options]=\"tiposPessoa\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      optionLabel=\"label\"\n      optionValue=\"value\"\n      appendTo=\"body\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      styleClass=\"w-full\"\n      class=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
-const PJC_CIDADE_SERVICE = new InjectionToken('PjcCidadeService');
+const ESTADOS = [
+    { uf: 'MT', descricao: 'Mato Grosso' },
+    { 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: '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 PjcCidadeFieldComponent {
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+class PjcUfFieldComponent {
+    label = input('UF', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-    placeholder = input('Digite o nome da cidade', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    id = input(`pjc-cidade-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* 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('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-    uf = input('', ...(ngDevMode ? [{ debugName: "uf" }] : /* istanbul ignore next */ []));
     erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
     injector = inject(Injector);
     cdr = inject(ChangeDetectorRef);
     destroyRef = inject(DestroyRef);
     ngControl = null;
-    service = inject(PJC_CIDADE_SERVICE, { optional: true }) ?? inject(PjcCidadeService);
-    municipios = signal([], ...(ngDevMode ? [{ debugName: "municipios" }] : /* istanbul ignore next */ []));
-    filteredMunicipios = signal([], ...(ngDevMode ? [{ debugName: "filteredMunicipios" }] : /* istanbul ignore next */ []));
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    estados = ESTADOS;
     value = null;
     disabled = false;
     onChange = () => { };
@@ -2314,29 +2507,8 @@ class PjcCidadeFieldComponent {
     get errorMessage() {
         return getErrorMessage(this.ngControl, this.erros());
     }
-    constructor() {
-        effect(() => {
-            const uf = this.uf();
-            if (uf) {
-                this.fetchMunicipios(uf);
-            }
-            else {
-                this.municipios.set([]);
-                this.filteredMunicipios.set([]);
-            }
-        });
-    }
     writeValue(val) {
-        if (val === null || val === undefined) {
-            this.value = null;
-        }
-        else if (typeof val === 'string') {
-            const found = this.municipios().find(m => m.nome === val || m.descricao === val);
-            this.value = found ?? { id: 0, nome: val };
-        }
-        else {
-            this.value = val;
-        }
+        this.value = val?.uf ? (ESTADOS.find(e => e.uf === val.uf) ?? null) : null;
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -2348,74 +2520,106 @@ class PjcCidadeFieldComponent {
         this.disabled = isDisabled;
     }
     onModelChange(value) {
-        if (typeof value === 'string') {
-            this.value = null;
-            this.onChange(null);
+        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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", 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 || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], 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, MessageModule], 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 || readonly()\"\n        styleClass=\"w-full\"\n        class=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\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      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+
+class PjcUppercaseFieldComponent {
+    label = input('Nome', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('Digite o nome', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-uppercase-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
+    injector = inject(Injector);
+    cdr = inject(ChangeDetectorRef);
+    destroyRef = inject(DestroyRef);
+    ngControl = null;
+    value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = false;
+    onChange = () => { };
+    onTouched = () => { };
+    ngOnInit() {
+        this.ngControl = initFormValidation(this.injector, this.cdr, this.destroyRef);
+    }
+    get invalid() {
+        return isFormControlInvalid(this.ngControl);
+    }
+    get errorMessage() {
+        return getErrorMessage(this.ngControl, this.erros());
+    }
+    writeValue(val) {
+        if (val == null) {
+            this.value.set('');
         }
         else {
-            this.value = value;
-            this.onChange(value);
+            this.value.set(String(val).toUpperCase());
         }
     }
-    onModelTouched() {
-        this.onTouched();
+    registerOnChange(fn) {
+        this.onChange = fn;
     }
-    getMunicipioDisplay(m) {
-        return m.nome || m.descricao || '';
+    registerOnTouched(fn) {
+        this.onTouched = fn;
     }
-    filterMunicipios(event) {
-        const query = event.query.toLowerCase();
-        this.filteredMunicipios.set(this.municipios().filter(m => this.getMunicipioDisplay(m).toLowerCase().includes(query)));
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
     }
-    fetchMunicipios(uf) {
-        this.loading.set(true);
-        const previousValue = this.value;
-        this.service.getMunicipiosByUf(uf).subscribe({
-            next: (data) => {
-                const normalized = data.map(m => ({ ...m, nome: m.nome || m.descricao || '' }));
-                this.municipios.set(normalized);
-                this.filteredMunicipios.set(normalized);
-                this.loading.set(false);
-                if (previousValue) {
-                    const match = normalized.find(m => m.id === previousValue.id || m.nome === previousValue.nome);
-                    if (match) {
-                        this.value = match;
-                        this.onChange(match);
-                    }
-                    else {
-                        this.value = null;
-                        this.onChange(null);
-                    }
-                }
-            },
-            error: () => {
-                this.municipios.set([]);
-                this.filteredMunicipios.set([]);
-                this.loading.set(false);
-                this.value = null;
-                this.onChange(null);
-            },
-        });
+    onInput(event) {
+        const upper = event.target.value.toUpperCase();
+        this.value.set(upper);
+        this.onChange(upper);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcCidadeFieldComponent, isStandalone: true, selector: "pjc-cidade-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, uf: { classPropertyName: "uf", publicName: "uf", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUppercaseFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcUppercaseFieldComponent, isStandalone: true, selector: "pjc-uppercase-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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PjcCidadeFieldComponent),
+                useExisting: forwardRef(() => PjcUppercaseFieldComponent),
                 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-autocomplete\n        [inputId]=\"id()\"\n        [suggestions]=\"filteredMunicipios()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (completeMethod)=\"filterMunicipios($event)\"\n        dataKey=\"id\"\n        optionLabel=\"nome\"\n        [forceSelection]=\"true\"\n        [disabled]=\"disabled || readonly() || !uf() || loading()\"\n        appendTo=\"body\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      >\n        <ng-template pTemplate=\"item\" let-option>\n          {{ getMunicipioDisplay(option) }}\n        </ng-template>\n      </p-autocomplete>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-autocomplete\n      [inputId]=\"id()\"\n      [suggestions]=\"filteredMunicipios()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      (completeMethod)=\"filterMunicipios($event)\"\n      dataKey=\"id\"\n      optionLabel=\"nome\"\n      [forceSelection]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || !uf() || loading()\"\n      appendTo=\"body\"\n      styleClass=\"w-full\"\n      inputStyleClass=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    >\n      <ng-template pTemplate=\"item\" let-option>\n        {{ getMunicipioDisplay(option) }}\n      </ng-template>\n    </p-autocomplete>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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: AutoCompleteModule }, { kind: "component", type: i2$4.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], 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        [id]=\"id()\"\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUppercaseFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cidade-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, AutoCompleteModule, FloatLabelModule, MessageModule], providers: [
+            args: [{ selector: 'pjc-uppercase-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputTextModule, FloatLabelModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PjcCidadeFieldComponent),
+                            useExisting: forwardRef(() => PjcUppercaseFieldComponent),
                             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-autocomplete\n        [inputId]=\"id()\"\n        [suggestions]=\"filteredMunicipios()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (completeMethod)=\"filterMunicipios($event)\"\n        dataKey=\"id\"\n        optionLabel=\"nome\"\n        [forceSelection]=\"true\"\n        [disabled]=\"disabled || readonly() || !uf() || loading()\"\n        appendTo=\"body\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      >\n        <ng-template pTemplate=\"item\" let-option>\n          {{ getMunicipioDisplay(option) }}\n        </ng-template>\n      </p-autocomplete>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-autocomplete\n      [inputId]=\"id()\"\n      [suggestions]=\"filteredMunicipios()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      (completeMethod)=\"filterMunicipios($event)\"\n      dataKey=\"id\"\n      optionLabel=\"nome\"\n      [forceSelection]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || !uf() || loading()\"\n      appendTo=\"body\"\n      styleClass=\"w-full\"\n      inputStyleClass=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    >\n      <ng-template pTemplate=\"item\" let-option>\n        {{ getMunicipioDisplay(option) }}\n      </ng-template>\n    </p-autocomplete>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
-        }], ctorParameters: () => [], 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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], uf: [{ type: i0.Input, args: [{ isSignal: true, alias: "uf", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+                    ], 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        [id]=\"id()\"\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\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 }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+
+class PjcFields {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcFields, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: PjcFields, isStandalone: true, selector: "lib-pjc-fields", ngImport: i0, template: ` <p>pjc-fields works!</p> `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcFields, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-pjc-fields', imports: [], template: ` <p>pjc-fields works!</p> ` }]
+        }] });
 
 /*
  * Public API Surface of pjc-fields
@@ -2425,5 +2629,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ESTADOS, PJC_CIDADE_SERVICE, PjcCepFieldComponent, PjcChassiFieldComponent, PjcChassiInputDirective, PjcCidadeFieldComponent, PjcCidadeService, PjcCnhFieldComponent, PjcCnpjFieldComponent, PjcCpfCnpjFieldComponent, PjcCpfFieldComponent, PjcDataFieldComponent, PjcDataHoraFieldComponent, PjcEmailFieldComponent, PjcErroValidacaoComponent, PjcFields, PjcHoraFieldComponent, PjcImeiFieldComponent, PjcIntegerFieldComponent, PjcMoedaFieldComponent, PjcNumeroCartaoFieldComponent, PjcPasswordFieldComponent, PjcPlacaFieldComponent, PjcRenavamFieldComponent, PjcTelefoneFieldComponent, PjcUfFieldComponent, PjcUppercaseFieldComponent, PjcValidators };
+export { ESTADOS, PJC_CIDADE_SERVICE, PJC_ENUM_SERVICE, PjcCepFieldComponent, PjcChassiFieldComponent, PjcChassiInputDirective, PjcCidadeFieldComponent, PjcCidadeService, PjcCnhFieldComponent, PjcCnpjFieldComponent, PjcCpfCnpjFieldComponent, PjcCpfFieldComponent, PjcDataFieldComponent, PjcDataHoraFieldComponent, PjcEmailFieldComponent, PjcEnumFieldComponent, PjcEnumService, PjcErroValidacaoComponent, PjcFields, PjcHoraFieldComponent, PjcImeiFieldComponent, PjcIntegerFieldComponent, PjcMoedaFieldComponent, PjcNumeroCartaoFieldComponent, PjcPasswordFieldComponent, PjcPlacaFieldComponent, PjcRenavamFieldComponent, PjcTelefoneFieldComponent, PjcTipoPessoaFieldComponent, PjcUfFieldComponent, PjcUppercaseFieldComponent, PjcValidators, TIPOS_PESSOA };
 //# sourceMappingURL=pjc-fields.mjs.map