@stiunb/unb-lib-components 21.0.0 → 21.0.3

package/fesm2022/stiunb-unb-lib-components.mjs

@@ -17,16 +17,19 @@ import * as i2 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i4$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import { BrowserModule } from '@angular/platform-browser';
 import * as i9$1 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i6$1 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i6 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { NativeDateAdapter, MatNativeDateModule, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i14 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i4$2 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i9 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -43,12 +46,8 @@ import * as i11 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i1$1 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
-import * as i4$2 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams } from '@angular/common/http';
-import * as i6$1 from '@angular/cdk/drag-drop';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 
 class UnbMensagemModel {
 }
@@ -210,8 +209,9 @@ class UnbAuthService {
         this.usuario$ = this.usuarioSubject.asObservable();
         this.usuarioModel = new UnbUsuarioModel();
     }
-    initiate(oidcSecurityService) {
+    initiate(oidcSecurityService, clientId) {
         this.oidcSecurityService = oidcSecurityService;
+        this.clientId = clientId;
         this.logAuthenticatedState();
     }
     logAuthenticatedState() {
@@ -233,8 +233,24 @@ class UnbAuthService {
             ? `${nomes[0]} ${nomes[nomes.length - 1]}`
             : nomes[0];
         this.oidcSecurityService.getPayloadFromAccessToken().subscribe((authResult) => {
-            this.usuarioModel.perfis = authResult.realm_access.roles || [];
-            // Atualiza o BehaviorSubject com o modelo atualizado
+            // 1. Pega as roles globais (Realm)
+            const realmRoles = authResult.realm_access?.roles || [];
+            let clientRoles = [];
+            // 2. Busca no resource_access
+            if (this.clientId && authResult.resource_access?.[this.clientId]) {
+                clientRoles = authResult.resource_access[this.clientId].roles || [];
+            }
+            // 3. Junta tudo sem duplicar
+            const todasAsRoles = Array.from(new Set([...realmRoles, ...clientRoles]));
+            // 4. NOVA ETAPA: Filtra as roles técnicas do Keycloak
+            const rolesLimpas = todasAsRoles.filter(role => {
+                const isRoleTecnica = role === 'offline_access' ||
+                    role === 'uma_authorization' ||
+                    role.startsWith('default-roles-'); // Limpa tanto a de homologa quanto a de prod
+                // Só mantém o perfil se ele NÃO for uma role técnica
+                return !isRoleTecnica;
+            });
+            this.usuarioModel.perfis = rolesLimpas;
             this.usuarioSubject.next(this.usuarioModel);
         });
     }
@@ -263,7 +279,7 @@ class UnbUsuarioComponent {
     }
     ngOnInit() {
         if (this.oidcSecurityService) {
-            this.authService.initiate(this.oidcSecurityService);
+            this.authService.initiate(this.oidcSecurityService, this.clientId);
             this.usuario$ = this.authService.usuario$;
         }
     }
@@ -274,13 +290,15 @@ class UnbUsuarioComponent {
         this.authService.logout();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbUsuarioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbUsuarioComponent, isStandalone: false, selector: "unb-usuario", inputs: { oidcSecurityService: "oidcSecurityService" }, ngImport: i0, template: "<ng-container *ngIf=\"{ user: usuario$ | async } as state\">\r\n\r\n  <div class=\"usuario-container\">\r\n\r\n    <ng-container *ngIf=\"state.user?.autenticado; else guestOrLoading\">\r\n      \r\n      <button mat-icon-button [matMenuTriggerFor]=\"userMenu\" class=\"avatar-button\" aria-label=\"Menu do usu\u00E1rio\">\r\n        <mat-icon class=\"avatar-icon\">account_circle</mat-icon>\r\n      </button>\r\n\r\n      <mat-menu #userMenu=\"matMenu\" xPosition=\"before\" class=\"custom-user-menu\">\r\n        <div class=\"menu-header\">\r\n          <div class=\"user-avatar-placeholder\">\r\n            <mat-icon>person</mat-icon>\r\n          </div>\r\n          <div class=\"user-details\">\r\n            <span class=\"user-name\">{{ state.user?.usuarioNome }}</span>\r\n            <span class=\"user-profiles\" *ngIf=\"state.user?.perfis?.length\">\r\n              {{ state.user?.perfis?.join(', ') }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"logout()\">\r\n          <mat-icon>logout</mat-icon>\r\n          <span>Sair</span>\r\n        </button>\r\n      </mat-menu>\r\n\r\n    </ng-container>\r\n\r\n    <ng-template #guestOrLoading>\r\n      <button mat-stroked-button class=\"btn-login\" (click)=\"login()\">\r\n        <mat-icon>login</mat-icon>\r\n        <span>Entrar</span>\r\n      </button>\r\n    </ng-template>\r\n\r\n  </div>\r\n\r\n</ng-container>", styles: [":host{display:flex;align-items:center;height:100%}.usuario-container{display:flex;align-items:center;height:100%}.btn-login{border-radius:20px;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important;background-color:transparent!important;line-height:36px;padding:0 16px;white-space:nowrap}.btn-login mat-icon{margin-right:8px;color:#fff!important}.btn-login:hover{background-color:#ffffff1a!important}.avatar-button{display:flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;padding:0!important;background:transparent}.avatar-icon{font-size:32px!important;width:32px!important;height:32px!important;color:#fff!important;line-height:1!important;display:flex;align-items:center;justify-content:center}.menu-header{padding:16px;display:flex;align-items:center;gap:12px;min-width:200px;outline:none}.user-avatar-placeholder{width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#757575}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.95rem;color:#333}.user-profiles{font-size:.75rem;color:#666;margin-top:2px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbUsuarioComponent, isStandalone: false, selector: "unb-usuario", inputs: { oidcSecurityService: "oidcSecurityService", clientId: "clientId" }, ngImport: i0, template: "<ng-container *ngIf=\"{ user: usuario$ | async } as state\">\r\n\r\n  <div class=\"usuario-container\">\r\n\r\n    <ng-container *ngIf=\"state.user?.autenticado; else guestOrLoading\">\r\n      \r\n      <button mat-icon-button [matMenuTriggerFor]=\"userMenu\" class=\"avatar-button\" aria-label=\"Menu do usu\u00E1rio\">\r\n        <mat-icon class=\"avatar-icon\">account_circle</mat-icon>\r\n      </button>\r\n\r\n      <mat-menu #userMenu=\"matMenu\" xPosition=\"before\" class=\"custom-user-menu\">\r\n        <div class=\"menu-header\">\r\n          <div class=\"user-avatar-placeholder\">\r\n            <mat-icon>person</mat-icon>\r\n          </div>\r\n          <div class=\"user-details\">\r\n            <span class=\"user-name\">{{ state.user?.usuarioNome }}</span>\r\n            <span class=\"user-profiles\" *ngIf=\"state.user?.perfis?.length\">\r\n              {{ state.user?.perfis?.join(', ') }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"logout()\">\r\n          <mat-icon>logout</mat-icon>\r\n          <span>Sair</span>\r\n        </button>\r\n      </mat-menu>\r\n\r\n    </ng-container>\r\n\r\n    <ng-template #guestOrLoading>\r\n      <button mat-stroked-button class=\"btn-login\" (click)=\"login()\">\r\n        <mat-icon>login</mat-icon>\r\n        <span>Entrar</span>\r\n      </button>\r\n    </ng-template>\r\n\r\n  </div>\r\n\r\n</ng-container>", styles: [":host{display:flex;align-items:center;height:100%}.usuario-container{display:flex;align-items:center;height:100%}.btn-login{border-radius:20px;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important;background-color:transparent!important;line-height:36px;padding:0 16px;white-space:nowrap}.btn-login mat-icon{margin-right:8px;color:#fff!important}.btn-login:hover{background-color:#ffffff1a!important}.avatar-button{display:flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;padding:0!important;background:transparent}.avatar-icon{font-size:32px!important;width:32px!important;height:32px!important;color:#fff!important;line-height:1!important;display:flex;align-items:center;justify-content:center}.menu-header{padding:16px;display:flex;align-items:center;gap:12px;min-width:200px;outline:none}.user-avatar-placeholder{width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#757575}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.95rem;color:#333}.user-profiles{font-size:.75rem;color:#666;margin-top:2px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbUsuarioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'unb-usuario', standalone: false, template: "<ng-container *ngIf=\"{ user: usuario$ | async } as state\">\r\n\r\n  <div class=\"usuario-container\">\r\n\r\n    <ng-container *ngIf=\"state.user?.autenticado; else guestOrLoading\">\r\n      \r\n      <button mat-icon-button [matMenuTriggerFor]=\"userMenu\" class=\"avatar-button\" aria-label=\"Menu do usu\u00E1rio\">\r\n        <mat-icon class=\"avatar-icon\">account_circle</mat-icon>\r\n      </button>\r\n\r\n      <mat-menu #userMenu=\"matMenu\" xPosition=\"before\" class=\"custom-user-menu\">\r\n        <div class=\"menu-header\">\r\n          <div class=\"user-avatar-placeholder\">\r\n            <mat-icon>person</mat-icon>\r\n          </div>\r\n          <div class=\"user-details\">\r\n            <span class=\"user-name\">{{ state.user?.usuarioNome }}</span>\r\n            <span class=\"user-profiles\" *ngIf=\"state.user?.perfis?.length\">\r\n              {{ state.user?.perfis?.join(', ') }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <mat-divider></mat-divider>\r\n        <button mat-menu-item (click)=\"logout()\">\r\n          <mat-icon>logout</mat-icon>\r\n          <span>Sair</span>\r\n        </button>\r\n      </mat-menu>\r\n\r\n    </ng-container>\r\n\r\n    <ng-template #guestOrLoading>\r\n      <button mat-stroked-button class=\"btn-login\" (click)=\"login()\">\r\n        <mat-icon>login</mat-icon>\r\n        <span>Entrar</span>\r\n      </button>\r\n    </ng-template>\r\n\r\n  </div>\r\n\r\n</ng-container>", styles: [":host{display:flex;align-items:center;height:100%}.usuario-container{display:flex;align-items:center;height:100%}.btn-login{border-radius:20px;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important;background-color:transparent!important;line-height:36px;padding:0 16px;white-space:nowrap}.btn-login mat-icon{margin-right:8px;color:#fff!important}.btn-login:hover{background-color:#ffffff1a!important}.avatar-button{display:flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;padding:0!important;background:transparent}.avatar-icon{font-size:32px!important;width:32px!important;height:32px!important;color:#fff!important;line-height:1!important;display:flex;align-items:center;justify-content:center}.menu-header{padding:16px;display:flex;align-items:center;gap:12px;min-width:200px;outline:none}.user-avatar-placeholder{width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#757575}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.95rem;color:#333}.user-profiles{font-size:.75rem;color:#666;margin-top:2px}\n"] }]
         }], propDecorators: { oidcSecurityService: [{
                 type: Input
+            }], clientId: [{
+                type: Input
             }] } });
 
 class UnbNavBarComponent {
@@ -309,7 +327,7 @@ class UnbNavBarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbNavBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbNavBarComponent, isStandalone: false, selector: "unb-nav-bar", inputs: { nomeSistema: "nomeSistema", nomeSistemaMobile: "nomeSistemaMobile", menuSize: "menuSize", widthToHideMenu: "widthToHideMenu", contentBackgroundColor: "contentBackgroundColor", containerPadding: "containerPadding", oidcSecurityService: "oidcSecurityService" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true }], ngImport: i0, template: "<div class=\"app-container\">\r\n\r\n  <mat-toolbar class=\"app-toolbar\">\r\n\r\n    <button mat-icon-button class=\"menu-button\" color=\"accent\" (click)=\"sidenav.toggle()\" aria-label=\"Toggle sidenav\">\r\n      <mat-icon>menu</mat-icon>\r\n    </button>\r\n\r\n    <div class=\"branding\">\r\n      <img src=\"assets/img/unb_icon_branco.svg\" alt=\"Logo UnB\" class=\"logo\">\r\n\r\n      <span class=\"app-title\" *ngIf=\"{ isMobile: isMobile$ | async } as state\">\r\n        {{ state.isMobile ? nomeSistemaMobile : nomeSistema }}\r\n      </span>\r\n    </div>\r\n\r\n    <span class=\"spacer\"></span>\r\n\r\n    <div class=\"actions-container\">\r\n      <unb-usuario [oidcSecurityService]=\"oidcSecurityService\"></unb-usuario>\r\n    </div>\r\n\r\n  </mat-toolbar>\r\n\r\n  <mat-sidenav-container class=\"sidenav-container\" [ngStyle]=\"{'background-color': contentBackgroundColor}\">\r\n\r\n    <mat-sidenav #sidenav [mode]=\"(isMobile$ | async) ? 'over' : 'side'\" [opened]=\"!(isMobile$ | async)\"\r\n      [style.width.px]=\"menuSize\" class=\"app-sidenav\">\r\n\r\n      <div class=\"menu-wrapper\" (click)=\"handleMenuClick()\"> \r\n        <ng-content select=\"[menu]\"></ng-content>\r\n      </div>\r\n    </mat-sidenav>\r\n\r\n    <mat-sidenav-content [ngStyle]=\"{'padding.px': containerPadding}\">\r\n      <ng-content select=\"[body]\"></ng-content>\r\n    </mat-sidenav-content>\r\n\r\n  </mat-sidenav-container>\r\n</div>", styles: [":host{--toolbar-height: 64px;--primary-color: #003366;--text-color: #ffffff}.app-container{display:flex;flex-direction:column;position:absolute;inset:0}.app-toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;height:var(--toolbar-height);padding:0 16px;box-shadow:0 2px 5px #0003;color:var(--text-color);background-color:var(--primary-color)}.branding{display:flex;align-items:center;gap:12px;overflow:hidden}.logo{height:32px;width:auto;flex-shrink:0}.app-title{font-weight:500;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.spacer{flex:1 1 auto}.actions-container{display:flex;align-items:center;justify-content:center;margin-left:16px;padding-left:16px;height:100%;position:relative}.actions-container:before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:1px;background-color:#ffffff4d}.sidenav-container{flex:1}@media(max-width:600px){:host{--toolbar-height: 56px}.app-toolbar{padding:0 8px}.app-title{font-size:1rem}.actions-container{padding-left:8px;margin-left:8px;border:none}}.menu-wrapper{height:100%;overflow-y:auto}.menu-button{margin-right:8px;color:#fff!important}.menu-button mat-icon{font-size:28px;width:28px;height:28px;line-height:28px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i3.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i3.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbUsuarioComponent, selector: "unb-usuario", inputs: ["oidcSecurityService"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbNavBarComponent, isStandalone: false, selector: "unb-nav-bar", inputs: { nomeSistema: "nomeSistema", nomeSistemaMobile: "nomeSistemaMobile", menuSize: "menuSize", widthToHideMenu: "widthToHideMenu", contentBackgroundColor: "contentBackgroundColor", containerPadding: "containerPadding", oidcSecurityService: "oidcSecurityService", clientId: "clientId" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true }], ngImport: i0, template: "<div class=\"app-container\">\r\n\r\n  <mat-toolbar class=\"app-toolbar\">\r\n\r\n    <button mat-icon-button class=\"menu-button\" color=\"accent\" (click)=\"sidenav.toggle()\" aria-label=\"Toggle sidenav\">\r\n      <mat-icon>menu</mat-icon>\r\n    </button>\r\n\r\n    <div class=\"branding\">\r\n      <img src=\"assets/img/unb_icon_branco.svg\" alt=\"Logo UnB\" class=\"logo\">\r\n\r\n      <span class=\"app-title\" *ngIf=\"{ isMobile: isMobile$ | async } as state\">\r\n        {{ state.isMobile ? nomeSistemaMobile : nomeSistema }}\r\n      </span>\r\n    </div>\r\n\r\n    <span class=\"spacer\"></span>\r\n\r\n    <div class=\"actions-container\">\r\n      <unb-usuario [oidcSecurityService]=\"oidcSecurityService\"></unb-usuario>\r\n    </div>\r\n\r\n  </mat-toolbar>\r\n\r\n  <mat-sidenav-container class=\"sidenav-container\" [ngStyle]=\"{'background-color': contentBackgroundColor}\">\r\n\r\n    <mat-sidenav #sidenav [mode]=\"(isMobile$ | async) ? 'over' : 'side'\" [opened]=\"!(isMobile$ | async)\"\r\n      [style.width.px]=\"menuSize\" class=\"app-sidenav\">\r\n\r\n      <div class=\"menu-wrapper\" (click)=\"handleMenuClick()\"> \r\n        <ng-content select=\"[menu]\"></ng-content>\r\n      </div>\r\n    </mat-sidenav>\r\n\r\n    <mat-sidenav-content [ngStyle]=\"{'padding.px': containerPadding}\">\r\n      <ng-content select=\"[body]\"></ng-content>\r\n    </mat-sidenav-content>\r\n\r\n  </mat-sidenav-container>\r\n</div>", styles: [":host{--toolbar-height: 64px;--primary-color: #003366;--text-color: #ffffff}.app-container{display:flex;flex-direction:column;position:absolute;inset:0}.app-toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;height:var(--toolbar-height);padding:0 16px;box-shadow:0 2px 5px #0003;color:var(--text-color);background-color:var(--primary-color)}.branding{display:flex;align-items:center;gap:12px;overflow:hidden}.logo{height:32px;width:auto;flex-shrink:0}.app-title{font-weight:500;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.spacer{flex:1 1 auto}.actions-container{display:flex;align-items:center;justify-content:center;margin-left:16px;padding-left:16px;height:100%;position:relative}.actions-container:before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:1px;background-color:#ffffff4d}.sidenav-container{flex:1}@media(max-width:600px){:host{--toolbar-height: 56px}.app-toolbar{padding:0 8px}.app-title{font-size:1rem}.actions-container{padding-left:8px;margin-left:8px;border:none}}.menu-wrapper{height:100%;overflow-y:auto}.menu-button{margin-right:8px;color:#fff!important}.menu-button mat-icon{font-size:28px;width:28px;height:28px;line-height:28px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i3.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i3.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbUsuarioComponent, selector: "unb-usuario", inputs: ["oidcSecurityService", "clientId"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbNavBarComponent, decorators: [{
             type: Component,
@@ -328,6 +346,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 type: Input
             }], oidcSecurityService: [{
                 type: Input
+            }], clientId: [{
+                type: Input
             }], sidenav: [{
                 type: ViewChild,
                 args: ['sidenav']
@@ -335,7 +355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 class UnbUsuarioModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbUsuarioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: UnbUsuarioModule, declarations: [UnbUsuarioComponent], imports: [BrowserModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: UnbUsuarioModule, declarations: [UnbUsuarioComponent], imports: [CommonModule,
             MatToolbarModule,
             MatSidenavModule,
             LayoutModule,
@@ -347,7 +367,7 @@ class UnbUsuarioModule {
             MatTooltipModule,
             MatMenuModule,
             MatDividerModule], exports: [UnbUsuarioComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbUsuarioModule, providers: [UnbAuthService], imports: [BrowserModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbUsuarioModule, providers: [UnbAuthService], imports: [CommonModule,
             MatToolbarModule,
             MatSidenavModule,
             LayoutModule,
@@ -365,7 +385,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             args: [{
                     declarations: [UnbUsuarioComponent],
                     imports: [
-                        BrowserModule,
+                        CommonModule,
                         MatToolbarModule,
                         MatSidenavModule,
                         LayoutModule,
@@ -385,7 +405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 class UnbNavBarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbNavBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: UnbNavBarModule, declarations: [UnbNavBarComponent], imports: [BrowserModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: UnbNavBarModule, declarations: [UnbNavBarComponent], imports: [CommonModule,
             MatToolbarModule,
             MatSidenavModule,
             LayoutModule,
@@ -394,7 +414,7 @@ class UnbNavBarModule {
             MatButtonModule,
             UnbUsuarioModule,
             MatCardModule], exports: [UnbNavBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbNavBarModule, imports: [BrowserModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbNavBarModule, imports: [CommonModule,
             MatToolbarModule,
             MatSidenavModule,
             LayoutModule,
@@ -409,7 +429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             args: [{
                     declarations: [UnbNavBarComponent],
                     imports: [
-                        BrowserModule,
+                        CommonModule,
                         MatToolbarModule,
                         MatSidenavModule,
                         LayoutModule,
@@ -423,11 +443,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 }]
         }] });
 
-class UnbPessoaEmail {
-}
-class UnbPessoaEmailTipo {
-}
-
 /**
  * Essa eh uma classe base, com propriedades comum a todas as outras pessoas.
  * */
@@ -442,6 +457,79 @@ var UnbTipoPessoaEnum;
     UnbTipoPessoaEnum["ESTRANGEIRA"] = "ESTRANGEIRA";
 })(UnbTipoPessoaEnum || (UnbTipoPessoaEnum = {}));
 
+/**
+ * Essa eh uma classe base, com propriedades comum ao componente de pesquisa de pesssoa. Porque tem vários campos que são usados para configurar o comportamento do componente.
+ * */
+class UnbPessoaPesquisaConfig {
+    // Construtor opcional para facilitar a criação (atalho)
+    constructor(init) {
+        this.backendURL = "";
+        this.token = ""; // usado para testar autenticação no backend se necessário.
+        // Flags com valores padrão (já resolve o booleano)
+        this.defaultTipoPessoa = UnbTipoPessoaEnum.FISICA;
+        this.pesquisarPorCPF = true;
+        this.pesquisarPorCNPJ = true;
+        this.pesquisarPorEstrangeiro = false;
+        // UI
+        this.mostrarPesquisa = true;
+        this.limparAposPesquisa = false;
+        // Textos
+        this.label = "Digite o CPF/CNPJ ou Passaporte";
+        this.placeholder = "";
+        this.hint = "";
+        Object.assign(this, init);
+    }
+}
+class UnbPessoaFormConfig {
+    constructor(init) {
+        this.backendURL = "";
+        this.token = "";
+        this.isReadyOnly = false;
+        this.pessoa = new UnbPessoaModel();
+        Object.assign(this, init);
+    }
+}
+
+const listaEstados = [
+    { codigo: 1, identificador: 'AC', descricao: "Acre" },
+    { codigo: 2, identificador: 'AL', descricao: "Alagoas" },
+    { codigo: 3, identificador: 'AM', descricao: "Amazonas" },
+    { codigo: 4, identificador: 'AP', descricao: "Amapá" },
+    { codigo: 5, identificador: 'BA', descricao: "Bahia" },
+    { codigo: 6, identificador: 'CE', descricao: "Ceará" },
+    { codigo: 7, identificador: 'DF', descricao: "Distrito Federal" },
+    { codigo: 8, identificador: 'ES', descricao: "Espírito Santo" },
+    { codigo: 9, identificador: 'GO', descricao: "Goiás" },
+    { codigo: 10, identificador: 'MA', descricao: "Maranhão" },
+    { codigo: 11, identificador: 'MG', descricao: "Minas Gerais" },
+    { codigo: 12, identificador: 'MS', descricao: "Mato Grosso do Sul" },
+    { codigo: 13, identificador: 'MT', descricao: "Mato Grosso" },
+    { codigo: 14, identificador: 'PA', descricao: "Pará" },
+    { codigo: 15, identificador: 'PB', descricao: "Paraíba" },
+    { codigo: 16, identificador: 'PE', descricao: "Pernambuco" },
+    { codigo: 17, identificador: 'PI', descricao: "Piauí" },
+    { codigo: 18, identificador: 'PR', descricao: "Paraná" },
+    { codigo: 19, identificador: 'RJ', descricao: "Rio de Janeiro" },
+    { codigo: 20, identificador: 'RN', descricao: "Rio Grande do Norte" },
+    { codigo: 21, identificador: 'RO', descricao: "Rondônia" },
+    { codigo: 22, identificador: 'RR', descricao: "Roraima" },
+    { codigo: 23, identificador: 'RS', descricao: "Rio Grande do Sul" },
+    { codigo: 24, identificador: 'SC', descricao: "Santa Catarina" },
+    { codigo: 25, identificador: 'SE', descricao: "Sergipe" },
+    { codigo: 26, identificador: 'SP', descricao: "São Paulo" },
+    { codigo: 27, identificador: 'TO', descricao: "Tocantins" }
+];
+
+class UnbPessoaEmail {
+}
+class UnbPessoaEmailTipo {
+}
+
+class UnbPessoaEndereco {
+}
+class UnbPessoaEnderecoTipo {
+}
+
 class UnbUtils {
     removeNull(key, value) {
         // Filtering out properties
@@ -1077,49 +1165,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
-class UnbPessoaEmailFormComponent {
+class UnbPessoaTelefone {
+    constructor() {
+        // usado pelo componente unb-pesoa-form, pra indicar que o usuario estah editando
+        this.modoEdicao = false;
+    }
+}
+class UnbPessoaTelefoneTipo {
+}
+
+class UnbPessoaTelefoneFormComponent {
     constructor(snackBar, service, alertService, dialogRef, data) {
         this.snackBar = snackBar;
         this.service = service;
         this.alertService = alertService;
         this.dialogRef = dialogRef;
         this.data = data;
-        this.email = new UnbPessoaEmail();
-        this.listaTipoEmail = [];
-        this.idMensagemService = "UnbPessoaEmailForm";
-        this.email = JSON.parse(JSON.stringify(data.email)); // O e-mail específico para edição
+        this.telefone = new UnbPessoaTelefone();
+        this.listaTipoTelefone = [];
+        this.idMensagemService = "UnbPessoaTelefoneForm";
+        this.telefone = JSON.parse(JSON.stringify(data.telefone)); // O e-mail específico para edição
         // Verifique se a lista de e-mails foi passada e atribua-a
-        if (data.emailsList) {
-            this.emailsList = JSON.parse(JSON.stringify(data.emailsList)); // Faça uma cópia profunda se for manipular
+        if (data.telefonesList) {
+            this.telefonesList = JSON.parse(JSON.stringify(data.telefonesList)); // Faça uma cópia profunda se for manipular
         }
         else {
-            this.emailsList = []; // Inicialize como vazio se não for passada
+            this.telefonesList = []; // Inicialize como vazio se não for passada
         }
-        if (!this.email) {
-            this.email = new UnbPessoaEmail();
+        if (!this.telefone) {
+            this.telefone = new UnbPessoaTelefone();
         }
     }
     ngOnInit() {
-        // Chamamos o serviço direto. Não guardamos o observable, apenas o resultado.
-        this.service.getTipoEmail().subscribe({
+        this.service.getTipoTelefone().subscribe({
             next: (lista) => {
-                // 1. Guarda a lista para o HTML usar
-                this.listaTipoEmail = lista;
-                // 2. Lógica de Seleção Automática (Match)
-                if (this.email.tipoEmailCodigo != null) {
-                    const tipoEncontrado = lista.find(t => t.codigo === this.email.tipoEmailCodigo);
+                this.listaTipoTelefone = lista;
+                // Se já tiver tipoTelefoneCodigo, preenche o nome correspondente
+                if (this.telefone.tipoTelefoneCodigo != null) {
+                    const tipoEncontrado = lista.find(t => t.codigo === this.telefone.tipoTelefoneCodigo);
                     if (tipoEncontrado) {
-                        this.email.tipo = tipoEncontrado.denominacao;
+                        this.telefone.tipo = tipoEncontrado.denominacao;
                     }
                 }
-                else if (this.email.tipo) {
-                    const tipoEncontrado = lista.find(t => t.denominacao?.toLowerCase() === this.email.tipo?.toLowerCase());
+                else if (this.telefone.tipo) {
+                    const tipoEncontrado = lista.find(t => t.denominacao?.toLowerCase() === this.telefone.tipo?.toLowerCase());
                     if (tipoEncontrado) {
-                        this.email.tipoEmailCodigo = tipoEncontrado.codigo;
+                        this.telefone.tipoTelefoneCodigo = tipoEncontrado.codigo;
                     }
                 }
             },
-            // 3. Usa seu tratamento de erro novo
             error: (err) => this.handleError(err)
         });
     }
@@ -1128,75 +1222,86 @@ class UnbPessoaEmailFormComponent {
             this.openSnackBar('Existem erros no formulário, por favor, verificar.');
             return;
         }
-        // 1. Define o 'tipo' padrão (ex: 1 para 'Pessoal') se não for preenchido
-        if (!this.email.tipoEmailCodigo) {
-            this.email.tipoEmailCodigo = 1; // 1 é geralmente 'Pessoal'
+        // 1. Define o 'tipo' padrão (1) se não for preenchido (Conforme sua solicitação)
+        if (!this.telefone.tipoTelefoneCodigo) {
+            this.telefone.tipoTelefoneCodigo = 1; // 1 é geralmente 'Residencial' ou 'Principal'
         }
-        // 2. Define a 'ordem' (que o back-end chama de 'ordemEmail')
-        if (!this.email.ordem || this.email.ordem === 0) {
+        // 2. Define a 'ordem' (que o back-end chama de 'ordemTelefone')
+        if (!this.telefone.ordem || this.telefone.ordem === 0) {
             let maxOrdem = 0;
-            // Verifica se a lista de emails já existe e tem itens
-            if (this.emailsList && this.emailsList.length > 0) {
-                maxOrdem = Math.max(...this.emailsList.map(e => e.ordem || 0));
+            // Verifica se a lista de telefones já existe e tem itens
+            if (this.telefonesList && this.telefonesList.length > 0) {
+                maxOrdem = Math.max(...this.telefonesList.map(t => t.ordem || 0));
             }
-            // Define a ordem do novo email como a maior ordem + 1
-            this.email.ordem = maxOrdem + 1;
+            // Define a ordem do novo telefone como a maior ordem + 1
+            this.telefone.ordem = maxOrdem + 1;
         }
-        // --- Fim da Modificação ---
-        if (this.validar(this.email) == false)
+        if (this.validar(this.telefone) == false)
             return;
-        this.emailSalvo = this.email;
+        this.telefoneSalvo = this.telefone;
         this.salvarclose();
     }
     compararTipos(t1, t2) {
         return t1 && t2 && t1 === t2;
     }
     onTipoSelecionado(codigoSelecionado) {
-        const tipoSelecionado = this.listaTipoEmail.find(t => t.codigo === codigoSelecionado);
+        const tipoSelecionado = this.listaTipoTelefone.find(t => t.codigo === codigoSelecionado); // <--- Renomeado de listaTipoEndereco
         if (tipoSelecionado) {
-            this.email.tipo = tipoSelecionado.denominacao;
+            this.telefone.tipo = tipoSelecionado.denominacao;
         }
     }
     /**
-     * Valida o objeto de e-mail, replicando as regras do validador do backend.
-     * Retorna true se o e-mail for válido, false caso contrário.
+     * Valida o objeto de telefone com base nas regras do backend.
+     * Retorna true se o telefone for válido, false caso contrário.
      */
-    validar(emailToValidate) {
-        // 1. Validação de campo obrigatório (do Java)
-        if (!emailToValidate.email || emailToValidate.email.trim() === '') {
-            this.openSnackBar("E-mail é um campo obrigatório.");
+    validar(telefoneToValidate) {
+        // 1. Validação de Número (Obrigatório)
+        if (!telefoneToValidate.numero || telefoneToValidate.numero.trim() === '') {
+            this.openSnackBar("Número do telefone é um campo obrigatório.");
             return false;
         }
-        // 2. Validação de Tamanho Máximo (do Java)
-        if (emailToValidate.email.trim().length > 60) {
-            this.openSnackBar("E-mail deve ter no máximo 60 caracteres.");
+        // 2. Validação de Número (Formato)
+        // que ele espera 8 ou 9 dígitos numéricos (padrão Brasil).
+        const numeroLimpo = telefoneToValidate.numero.replace(/\D/g, ''); // Remove não-dígitos
+        if (numeroLimpo.length !== 9) {
+            this.openSnackBar("Número do telefone deve conter exatamente 9 dígitos.");
             return false;
         }
-        // 3. Validação de formato de e-mail (do Java e do Angular)
-        //    [Java: !Validadores.validarEmail(request.getEmail())]
-        const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
-        if (!emailRegex.test(emailToValidate.email)) {
-            this.openSnackBar("Digite um E-mail válido.");
+        // 3. Validação de DDD (Obrigatório - Boa prática, embora o Java não exija)
+        if (!telefoneToValidate.ddd || telefoneToValidate.ddd.trim() === '') {
+            this.openSnackBar("DDD é um campo obrigatório.");
             return false;
         }
-        // 4. Validação de e-mail duplicado (do seu Angular)
-        const isDuplicate = this.emailsList.some(existingEmail => existingEmail.email?.toLowerCase() === emailToValidate.email?.toLowerCase() &&
-            existingEmail.codigo !== emailToValidate.codigo // Ignora o próprio e-mail se estiver sendo editado
-        );
-        if (isDuplicate) {
-            this.openSnackBar("Este e-mail já existe na lista.");
+        // 4. Validação de DDD (Tamanho Máximo)
+        if (telefoneToValidate.ddd.trim().length > 3) {
+            this.openSnackBar("DDD deve ter no máximo 3 caracteres.");
+            return false;
+        }
+        // 5. Validação de DDI (Tamanho Máximo)
+        //
+        if (telefoneToValidate.ddi && telefoneToValidate.ddi.trim().length > 5) {
+            this.openSnackBar("DDI deve ter no máximo 5 caracteres.");
+            return false;
+        }
+        // 6. Validação de Ramal (Tamanho Máximo)
+        //
+        if (telefoneToValidate.ramal && telefoneToValidate.ramal.trim().length > 6) {
+            this.openSnackBar("Ramal deve ter no máximo 6 caracteres.");
+            return false;
+        }
+        // 7. Validação de NomeResponsavel (Tamanho Máximo)
+        //
+        if (telefoneToValidate.nomeResponsavel && telefoneToValidate.nomeResponsavel.trim().length > 100) {
+            this.openSnackBar("Nome do Responsável deve ter no máximo 100 caracteres.");
             return false;
         }
-        // Nota: As validações de 'ordemEmail' e 'tipoEmailCodigo' do Java
-        // já são tratadas na sua função 'salvar()',
-        // que atribui valores padrão antes desta função 'validar()' ser chamada.
         return true; // Passou em todas as validações!
     }
     close() {
         this.dialogRef.close(null);
     }
     salvarclose() {
-        this.dialogRef.close(this.emailSalvo);
+        this.dialogRef.close(this.telefoneSalvo);
     }
     handleError(erro) {
         let erroTratado;
@@ -1225,35 +1330,189 @@ class UnbPessoaEmailFormComponent {
             duration: 5000,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaEmailFormComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaEmailFormComponent, isStandalone: false, selector: "lib-unb-pessoa-email-form", ngImport: i0, template: "<h1 mat-dialog-title>Cadastro de E-mail</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"email.tipoEmailCodigo\" [compareWith]=\"compararTipos\" name=\"tipoEmailCodigo\" (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoEmail\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>E-mail</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"email.email\" name=\"emailValue\" #emailValue=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-60{flex:1 1 60%}.form-70{flex:1 1 70%}.form-80{flex:1 1 80%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaTelefoneFormComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaTelefoneFormComponent, isStandalone: false, selector: "lib-unb-pessoa-telefone-form", ngImport: i0, template: "<h1 mat-dialog-title>Cadastro de Telefone</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"telefone.tipoTelefoneCodigo\" [compareWith]=\"compararTipos\" name=\"tipoTelefoneCodigo\" (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoTelefone\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>DDD</mat-label>\r\n        <input type=\"text\" maxlength=\"3\" required matInput [(ngModel)]=\"telefone.ddd\" name=\"dddValue\" #dddValue=\"ngModel\" />\r\n      </mat-form-field> \r\n      \r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>N\u00FAmero</mat-label>\r\n        <input type=\"text\" required maxlength=\"9\" matInput [(ngModel)]=\"telefone.numero\" name=\"telefoneValue\" #telefoneValue=\"ngModel\" />\r\n      </mat-form-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaEmailFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaTelefoneFormComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'lib-unb-pessoa-email-form', template: "<h1 mat-dialog-title>Cadastro de E-mail</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"email.tipoEmailCodigo\" [compareWith]=\"compararTipos\" name=\"tipoEmailCodigo\" (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoEmail\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>E-mail</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"email.email\" name=\"emailValue\" #emailValue=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-60{flex:1 1 60%}.form-70{flex:1 1 70%}.form-80{flex:1 1 80%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"] }]
+            args: [{ standalone: false, selector: 'lib-unb-pessoa-telefone-form', template: "<h1 mat-dialog-title>Cadastro de Telefone</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"telefone.tipoTelefoneCodigo\" [compareWith]=\"compararTipos\" name=\"tipoTelefoneCodigo\" (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoTelefone\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>DDD</mat-label>\r\n        <input type=\"text\" maxlength=\"3\" required matInput [(ngModel)]=\"telefone.ddd\" name=\"dddValue\" #dddValue=\"ngModel\" />\r\n      </mat-form-field> \r\n      \r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>N\u00FAmero</mat-label>\r\n        <input type=\"text\" required maxlength=\"9\" matInput [(ngModel)]=\"telefone.numero\" name=\"telefoneValue\" #telefoneValue=\"ngModel\" />\r\n      </mat-form-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
 
-class UnbPessoaEndereco {
-}
-class UnbPessoaEnderecoTipo {
-}
-
-class UnbPessoaEnderecoFormComponent {
-    constructor(snackBar, service, alertService, dialogRef, data) {
+class UnbPessoaTelefoneListComponent {
+    constructor(snackBar, service, dialog) {
         this.snackBar = snackBar;
         this.service = service;
-        this.alertService = alertService;
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.endereco = new UnbPessoaEndereco();
-        this.listaTipoEndereco = [];
-        this.listaPaises = [];
-        this.loading = false;
-        this.idMensagemService = "UnbPessoaEnderecoForm";
-        this.endereco = JSON.parse(JSON.stringify(data.endereco)); // O e-mail específico para edição
+        this.dialog = dialog;
+        this.podeEditar = true;
+        this.telefones = [];
+        this.backendURL = '';
+        this.telefonesEmitted = new EventEmitter();
+    }
+    ngOnInit() {
+        this.tipoTelefone = this.service.getTipoTelefone();
+    }
+    // tem que fazer isso pq no on init eu ainda nao tenho a lista de telefones
+    ngOnChanges(changes) {
+        // Verifica se a propriedade 'telefones' mudou
+        if (changes['telefones'] && this.telefones) {
+            // chamada quando os dados realmente chegarem
+            this.sortAndAssignOrder();
+        }
+    }
+    excluir(telefoneParaExcluir) {
+        if (telefoneParaExcluir.codigo) {
+            // Se tem código, remove por ele (mais seguro)
+            this.telefones = this.telefones.filter(t => t.codigo !== telefoneParaExcluir.codigo);
+        }
+        else {
+            // Se não tem código (novo item), remove pela ordem
+            this.telefones = this.telefones.filter(t => t.ordem !== telefoneParaExcluir.ordem);
+        }
+        // Chama função existente que re-calcula as ordens e emite a lista atualizada
+        this.atualizarOrdem();
+        this.telefonesEmitted.emit(this.telefones);
+    }
+    editar(telefone) {
+        this.openFormDialog(telefone);
+    }
+    atualizarOrdem() {
+        this.telefones.forEach((telefone, idx) => {
+            telefone.ordem = idx + 1;
+        });
+        // reemite a lista atualizada, igual antes
+        this.telefonesEmitted.emit(this.telefones);
+    }
+    openFormDialog(toEdit) {
+        const dialogRef = this.dialog.open(UnbPessoaTelefoneFormComponent, {
+            width: '900px',
+            data: {
+                telefone: toEdit, // E-mail a ser editado ou vazio para novo
+                telefonesList: this.telefones // A sua lista COMPLETA de e-mails
+            },
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (!result) {
+                return; // Usuário clicou em 'Fechar' ou 'Cancelar'
+            }
+            // 'result' é o objeto retornado pelo dialog (editado ou novo)
+            let index = -1;
+            // 1. Tenta encontrar pelo 'codigo' (para itens que já vieram do banco)
+            if (result.codigo) {
+                index = this.telefones.findIndex(t => t.codigo === result.codigo);
+            }
+            // 2. Se não achou pelo 'codigo', tenta pela 'ordem'.
+            // A 'ordem' é o nosso identificador único para itens que
+            // ainda não foram salvos no banco (criados/editados localmente).
+            if (index === -1 && result.ordem) {
+                index = this.telefones.findIndex(t => t.ordem === result.ordem);
+            }
+            if (index > -1) {
+                // ENCONTROU (pelo 'codigo' ou pela 'ordem'): Atualiza o item existente
+                this.telefones[index] = result;
+            }
+            else {
+                // NÃO ENCONTROU: É um item 100% novo (não uma edição)
+                // O form (unb-pessoa-telefone-form) já cuidou de
+                // atribuir a 'ordem' correta (maxOrdem + 1)
+                this.telefones.push(result);
+            }
+            // vamos apenas re-ordenar a lista pela 'ordem' que já temos
+            // e depois emitir.
+            this.telefones.sort((a, b) => (a.ordem ?? 0) - (b.ordem ?? 0));
+            this.telefonesEmitted.emit(this.telefones);
+        });
+    }
+    moverTelefone(event) {
+        // troca a posição dentro do array
+        moveItemInArray(this.telefones, event.previousIndex, event.currentIndex);
+        // atualiza o campo 'ordem' em cada item
+        this.atualizarOrdem();
+    }
+    sortAndAssignOrder() {
+        // 1. Crie uma cópia da lista para não modificar a original durante a iteração inicial
+        const tempEmails = [...this.telefones];
+        // 2. Mapeie as ordens existentes para identificar duplicatas e ausentes
+        const orderMap = new Map();
+        const emailsWithoutOrder = [];
+        tempEmails.forEach(telefone => {
+            if (telefone.ordem !== undefined && telefone.ordem !== null) {
+                if (!orderMap.has(telefone.ordem)) {
+                    orderMap.set(telefone.ordem, []);
+                }
+                orderMap.get(telefone.ordem)?.push(telefone);
+            }
+            else {
+                emailsWithoutOrder.push(telefone);
+            }
+        });
+        // 3. Inicialize um Set para rastrear todas as ordens que serão usadas no final
+        const finalUsedOrders = new Set();
+        // Inicialize o próximo valor de ordem disponível
+        let nextAvailableOrder = 0;
+        // Função auxiliar para encontrar a próxima ordem disponível
+        const getNextAvailableOrder = () => {
+            while (finalUsedOrders.has(nextAvailableOrder)) {
+                nextAvailableOrder++;
+            }
+            return nextAvailableOrder++;
+        };
+        // 4. Processe telefones com ordem definida:
+        //    - A primeira ocorrência de uma ordem a mantém.
+        //    - Duplicatas recebem uma nova ordem.
+        //    - Adicione as ordens válidas ao finalUsedOrders.
+        this.telefones.forEach(telefone => {
+            if (telefone.ordem !== undefined && telefone.ordem !== null) {
+                if (!finalUsedOrders.has(telefone.ordem)) {
+                    // Se a ordem ainda não foi usada, use-a e adicione ao set
+                    finalUsedOrders.add(telefone.ordem);
+                }
+                else {
+                    // Se a ordem já foi usada (é uma duplicata), atribua uma nova
+                    telefone.ordem = getNextAvailableOrder();
+                    finalUsedOrders.add(telefone.ordem); // Adiciona a nova ordem ao set
+                }
+            }
+        });
+        // 5. Atribua ordens para telefones que não tinham ordem definida
+        emailsWithoutOrder.forEach(telefone => {
+            telefone.ordem = getNextAvailableOrder();
+            finalUsedOrders.add(telefone.ordem); // Adiciona a nova ordem ao set
+        });
+        // 6. Finalmente, ordene a lista completa com as ordens agora únicas
+        this.telefones.sort((a, b) => (a.ordem ?? 0) - (b.ordem ?? 0));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaTelefoneListComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaTelefoneListComponent, isStandalone: false, selector: "lib-unb-pessoa-telefone-list", inputs: { podeEditar: "podeEditar", telefones: "telefones", backendURL: "backendURL" }, outputs: { telefonesEmitted: "telefonesEmitted" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mes-container\">\r\n    <div class=\"header-container\">\r\n        <div class=\"mes-header\">\r\n            <span class=\"titulo\">\r\n                {{ telefones?.length === 1 ? 'Telefone Cadastrado' : 'Telefones Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ telefones?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Telefone\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Telefone\r\n        </button>\r\n    </div>\r\n\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n   <table class=\"my-table\" *ngIf=\"telefones && telefones.length > 0\" cdkDropList (cdkDropListDropped)=\"moverTelefone($event)\">\r\n    <tr style=\"background-color: #e4e3e3cc;\">\r\n        <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n        <th style=\"width: 20%;\">DDD</th>\r\n        <th>N\u00FAmero</th> \r\n        <th>Tipo</th>\r\n        <th style=\"width: 1%; text-align: center;\">A\u00E7\u00F5es</th>\r\n    </tr>\r\n\r\n    <tr *ngFor=\"let valor of telefones; let i = index\" class=\"my-tr\" cdkDrag>\r\n        <td style=\"text-align: center;\"> \r\n            <div class=\"drag-cell\" cdkDragHandle>\r\n                <mat-icon>drag_indicator</mat-icon>\r\n                <span>{{ i + 1 }}</span>\r\n            </div>\r\n        </td>\r\n        <td>{{ valor.ddd }}</td> \r\n        <td>{{ valor.numero }}</td> \r\n        <td>{{ valor.tipo?.toUpperCase() }}</td>\r\n        <td>\r\n            <div class=\"actions-container\">\r\n                <button type=\"button\" mat-icon-button color=\"primary\" (click)=\"editar(valor)\">\r\n                    <mat-icon>edit</mat-icon>\r\n                </button>\r\n                <button type=\"button\" mat-icon-button color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\r\n            </div>\r\n        </td>\r\n    </tr>\r\n</table>\r\n</div>", styles: [".mes-container{padding:12px;margin-bottom:2px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:background-color .3s ease,box-shadow .3s ease}.mes-container:nth-child(2n){background-color:#f9f9fc}.mes-container:nth-child(odd){background-color:#fff}.mes-container:hover{background-color:#f0f0f5;box-shadow:0 4px 8px #00000026}.header-container{display:flex;align-items:center;margin-bottom:2px}.header-container button{margin-left:auto}.mes-header{display:flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;color:#333}.my-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif}.my-table th,.my-table td{padding:5px;text-align:left;border-bottom:1px solid #ddd}.my-table th{background-color:#005dbb7b;color:#fff;font-weight:700}.my-table tr{transition:background-color .3s ease}.my-table tr:hover{background-color:#f1f1f1}.my-table td{background-color:#fff}.my-table td button{transition:transform .2s ease}.my-table td button:hover{transform:scale(1.1)}.my-table td:last-child{text-align:center}.order-input{width:40px;text-align:center;border:1px solid #ccc;border-radius:4px;padding:2px}.order-input:focus{border-color:#1976d2;outline:none}.drag-cell{display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:grab;-webkit-user-select:none;user-select:none}.drag-cell mat-icon{font-size:18px;line-height:1;vertical-align:middle}.cdk-drag-preview{background:#fff;border-radius:6px;box-shadow:0 4px 12px #0003;display:table;border-collapse:collapse}.cdk-drag-placeholder{opacity:0;display:table-row}.cdk-drag-animating{transition:transform .2s cubic-bezier(0,0,.2,1)}table[cdkDropList] tr{border-bottom:1px solid #e0e0e0}table[cdkDropList] td{padding:8px}.actions-container{display:flex;justify-content:flex-end;gap:4px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaTelefoneListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'lib-unb-pessoa-telefone-list', template: "<div class=\"mes-container\">\r\n    <div class=\"header-container\">\r\n        <div class=\"mes-header\">\r\n            <span class=\"titulo\">\r\n                {{ telefones?.length === 1 ? 'Telefone Cadastrado' : 'Telefones Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ telefones?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Telefone\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Telefone\r\n        </button>\r\n    </div>\r\n\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n   <table class=\"my-table\" *ngIf=\"telefones && telefones.length > 0\" cdkDropList (cdkDropListDropped)=\"moverTelefone($event)\">\r\n    <tr style=\"background-color: #e4e3e3cc;\">\r\n        <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n        <th style=\"width: 20%;\">DDD</th>\r\n        <th>N\u00FAmero</th> \r\n        <th>Tipo</th>\r\n        <th style=\"width: 1%; text-align: center;\">A\u00E7\u00F5es</th>\r\n    </tr>\r\n\r\n    <tr *ngFor=\"let valor of telefones; let i = index\" class=\"my-tr\" cdkDrag>\r\n        <td style=\"text-align: center;\"> \r\n            <div class=\"drag-cell\" cdkDragHandle>\r\n                <mat-icon>drag_indicator</mat-icon>\r\n                <span>{{ i + 1 }}</span>\r\n            </div>\r\n        </td>\r\n        <td>{{ valor.ddd }}</td> \r\n        <td>{{ valor.numero }}</td> \r\n        <td>{{ valor.tipo?.toUpperCase() }}</td>\r\n        <td>\r\n            <div class=\"actions-container\">\r\n                <button type=\"button\" mat-icon-button color=\"primary\" (click)=\"editar(valor)\">\r\n                    <mat-icon>edit</mat-icon>\r\n                </button>\r\n                <button type=\"button\" mat-icon-button color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\r\n            </div>\r\n        </td>\r\n    </tr>\r\n</table>\r\n</div>", styles: [".mes-container{padding:12px;margin-bottom:2px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:background-color .3s ease,box-shadow .3s ease}.mes-container:nth-child(2n){background-color:#f9f9fc}.mes-container:nth-child(odd){background-color:#fff}.mes-container:hover{background-color:#f0f0f5;box-shadow:0 4px 8px #00000026}.header-container{display:flex;align-items:center;margin-bottom:2px}.header-container button{margin-left:auto}.mes-header{display:flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;color:#333}.my-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif}.my-table th,.my-table td{padding:5px;text-align:left;border-bottom:1px solid #ddd}.my-table th{background-color:#005dbb7b;color:#fff;font-weight:700}.my-table tr{transition:background-color .3s ease}.my-table tr:hover{background-color:#f1f1f1}.my-table td{background-color:#fff}.my-table td button{transition:transform .2s ease}.my-table td button:hover{transform:scale(1.1)}.my-table td:last-child{text-align:center}.order-input{width:40px;text-align:center;border:1px solid #ccc;border-radius:4px;padding:2px}.order-input:focus{border-color:#1976d2;outline:none}.drag-cell{display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:grab;-webkit-user-select:none;user-select:none}.drag-cell mat-icon{font-size:18px;line-height:1;vertical-align:middle}.cdk-drag-preview{background:#fff;border-radius:6px;box-shadow:0 4px 12px #0003;display:table;border-collapse:collapse}.cdk-drag-placeholder{opacity:0;display:table-row}.cdk-drag-animating{transition:transform .2s cubic-bezier(0,0,.2,1)}table[cdkDropList] tr{border-bottom:1px solid #e0e0e0}table[cdkDropList] td{padding:8px}.actions-container{display:flex;justify-content:flex-end;gap:4px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: i4$2.MatDialog }], propDecorators: { podeEditar: [{
+                type: Input
+            }], telefones: [{
+                type: Input
+            }], backendURL: [{
+                type: Input
+            }], telefonesEmitted: [{
+                type: Output
+            }] } });
+
+class UnbPessoaEnderecoFormComponent {
+    constructor(snackBar, service, alertService, dialogRef, data) {
+        this.snackBar = snackBar;
+        this.service = service;
+        this.alertService = alertService;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.endereco = new UnbPessoaEndereco();
+        this.listaTipoEndereco = [];
+        this.listaPaises = [];
+        this.loading = false;
+        this.idMensagemService = "UnbPessoaEnderecoForm";
+        this.endereco = JSON.parse(JSON.stringify(data.endereco)); // O e-mail específico para edição
         // Verifique se a lista de e-mails foi passada e atribua-a
         if (data.enderecosList) {
             this.enderecosList = JSON.parse(JSON.stringify(data.enderecosList)); // Faça uma cópia profunda se for manipular
@@ -1470,440 +1729,42 @@ class UnbPessoaEnderecoFormComponent {
         this.dialogRef.close(this.enderecoSalvo);
     }
     handleError(erro) {
-        let erroTratado;
-        // Converte string local em Objeto Padrão
-        if (typeof erro === 'string') {
-            erroTratado = {
-                status: 400,
-                mensagemSimples: erro,
-                mensagemHtml: `<strong>${erro}</strong>`
-            };
-        }
-        else {
-            erroTratado = erro;
-        }
-        // 1. SnackBar
-        if (erroTratado.mensagemSimples) {
-            this.openSnackBar(erroTratado.mensagemSimples);
-        }
-        // 2. AlertService (Se houver tag <unb-mensagem> no HTML do dialog)
-        if (this.alertService && erroTratado.mensagemHtml) {
-            this.alertService.showMessage(erroTratado.mensagemHtml, UnbTipoMensagemEnum.DANGER, this.idMensagemService);
-        }
-    }
-    openSnackBar(message) {
-        this.snackBar.open(message, 'x', {
-            duration: 5000,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaEnderecoFormComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaEnderecoFormComponent, isStandalone: false, selector: "lib-unb-pessoa-endereco-form", ngImport: i0, template: "<h1 mat-dialog-title>Cadastro de Endere\u00E7o</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"endereco.tipoEnderecoCodigo\" name=\"tipo\" #tipo=\"ngModel\"\r\n          (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoEndereco\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-10\" appearance=\"outline\">\r\n        <mat-label>Pa\u00EDs</mat-label>\r\n\r\n        <mat-select [(ngModel)]=\"endereco.paisEnderecoCodigo\" name=\"paisEnderecoCodigo\" #paisEnderecoCodigo=\"ngModel\">\r\n\r\n          <mat-option *ngFor=\"let paises of listaPaises\" [value]=\"paises.codigo\">\r\n            <span *ngIf=\"paises.denominacao === 'BRASIL'\">\uD83C\uDDE7\uD83C\uDDF7 <b>{{ paises.denominacao }}</b></span>\r\n            <span *ngIf=\"paises.denominacao !== 'BRASIL'\">{{ paises.denominacao }}</span>\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>CEP</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.cep\" name=\"cep\" #cep=\"ngModel\" />\r\n\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" \r\n                [disabled]=\"loading\" (click)=\"pesquisarCep()\">\r\n          \r\n          <ng-container *ngIf=\"!loading; else loadingIcon\">\r\n            <mat-icon style=\"margin-right: 2px;\">search</mat-icon>\r\n          </ng-container>\r\n\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner \r\n              [diameter]=\"20\" \r\n              mode=\"indeterminate\" \r\n              color=\"primary\" \r\n              class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n\r\n        </button>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n        <mat-label>Endere\u00E7o</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.logradouro\" name=\"logradouro\" #logradouro=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Bairro</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.bairro\" name=\"bairro\" #bairro=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Complemento</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.complemento\" name=\"complemento\" #complemento=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>UF</mat-label>\r\n        <mat-select [(ngModel)]=\"endereco.uf\" name=\"uf\" #uf=\"ngModel\">\r\n          <mat-option *ngFor=\"let uf of getListaEstados()\" [value]=\"uf\">\r\n            {{ uf }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i13.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaEnderecoFormComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'lib-unb-pessoa-endereco-form', template: "<h1 mat-dialog-title>Cadastro de Endere\u00E7o</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"endereco.tipoEnderecoCodigo\" name=\"tipo\" #tipo=\"ngModel\"\r\n          (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoEndereco\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-10\" appearance=\"outline\">\r\n        <mat-label>Pa\u00EDs</mat-label>\r\n\r\n        <mat-select [(ngModel)]=\"endereco.paisEnderecoCodigo\" name=\"paisEnderecoCodigo\" #paisEnderecoCodigo=\"ngModel\">\r\n\r\n          <mat-option *ngFor=\"let paises of listaPaises\" [value]=\"paises.codigo\">\r\n            <span *ngIf=\"paises.denominacao === 'BRASIL'\">\uD83C\uDDE7\uD83C\uDDF7 <b>{{ paises.denominacao }}</b></span>\r\n            <span *ngIf=\"paises.denominacao !== 'BRASIL'\">{{ paises.denominacao }}</span>\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>CEP</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.cep\" name=\"cep\" #cep=\"ngModel\" />\r\n\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" \r\n                [disabled]=\"loading\" (click)=\"pesquisarCep()\">\r\n          \r\n          <ng-container *ngIf=\"!loading; else loadingIcon\">\r\n            <mat-icon style=\"margin-right: 2px;\">search</mat-icon>\r\n          </ng-container>\r\n\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner \r\n              [diameter]=\"20\" \r\n              mode=\"indeterminate\" \r\n              color=\"primary\" \r\n              class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n\r\n        </button>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n        <mat-label>Endere\u00E7o</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.logradouro\" name=\"logradouro\" #logradouro=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Bairro</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.bairro\" name=\"bairro\" #bairro=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Complemento</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.complemento\" name=\"complemento\" #complemento=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>UF</mat-label>\r\n        <mat-select [(ngModel)]=\"endereco.uf\" name=\"uf\" #uf=\"ngModel\">\r\n          <mat-option *ngFor=\"let uf of getListaEstados()\" [value]=\"uf\">\r\n            {{ uf }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }] });
-
-const listaEstados = [
-    { codigo: 1, identificador: 'AC', descricao: "Acre" },
-    { codigo: 2, identificador: 'AL', descricao: "Alagoas" },
-    { codigo: 3, identificador: 'AM', descricao: "Amazonas" },
-    { codigo: 4, identificador: 'AP', descricao: "Amapá" },
-    { codigo: 5, identificador: 'BA', descricao: "Bahia" },
-    { codigo: 6, identificador: 'CE', descricao: "Ceará" },
-    { codigo: 7, identificador: 'DF', descricao: "Distrito Federal" },
-    { codigo: 8, identificador: 'ES', descricao: "Espírito Santo" },
-    { codigo: 9, identificador: 'GO', descricao: "Goiás" },
-    { codigo: 10, identificador: 'MA', descricao: "Maranhão" },
-    { codigo: 11, identificador: 'MG', descricao: "Minas Gerais" },
-    { codigo: 12, identificador: 'MS', descricao: "Mato Grosso do Sul" },
-    { codigo: 13, identificador: 'MT', descricao: "Mato Grosso" },
-    { codigo: 14, identificador: 'PA', descricao: "Pará" },
-    { codigo: 15, identificador: 'PB', descricao: "Paraíba" },
-    { codigo: 16, identificador: 'PE', descricao: "Pernambuco" },
-    { codigo: 17, identificador: 'PI', descricao: "Piauí" },
-    { codigo: 18, identificador: 'PR', descricao: "Paraná" },
-    { codigo: 19, identificador: 'RJ', descricao: "Rio de Janeiro" },
-    { codigo: 20, identificador: 'RN', descricao: "Rio Grande do Norte" },
-    { codigo: 21, identificador: 'RO', descricao: "Rondônia" },
-    { codigo: 22, identificador: 'RR', descricao: "Roraima" },
-    { codigo: 23, identificador: 'RS', descricao: "Rio Grande do Sul" },
-    { codigo: 24, identificador: 'SC', descricao: "Santa Catarina" },
-    { codigo: 25, identificador: 'SE', descricao: "Sergipe" },
-    { codigo: 26, identificador: 'SP', descricao: "São Paulo" },
-    { codigo: 27, identificador: 'TO', descricao: "Tocantins" }
-];
-
-/**
- * Essa eh uma classe base, com propriedades comum ao componente de pesquisa de pesssoa. Porque tem vários campos que são usados para configurar o comportamento do componente.
- * */
-class UnbPessoaPesquisaConfig {
-    // Construtor opcional para facilitar a criação (atalho)
-    constructor(init) {
-        this.backendURL = "";
-        this.token = ""; // usado para testar autenticação no backend se necessário.
-        // Flags com valores padrão (já resolve o booleano)
-        this.defaultTipoPessoa = UnbTipoPessoaEnum.FISICA;
-        this.pesquisarPorCPF = true;
-        this.pesquisarPorCNPJ = true;
-        this.pesquisarPorEstrangeiro = false;
-        // UI
-        this.mostrarPesquisa = true;
-        this.limparAposPesquisa = false;
-        // Textos
-        this.label = "Digite o CPF/CNPJ ou Passaporte";
-        this.placeholder = "";
-        this.hint = "";
-        Object.assign(this, init);
-    }
-}
-class UnbPessoaFormConfig {
-    constructor(init) {
-        this.backendURL = "";
-        this.token = "";
-        this.isReadyOnly = false;
-        this.pessoa = new UnbPessoaModel();
-        Object.assign(this, init);
-    }
-}
-
-class UnbPessoaTelefone {
-    constructor() {
-        // usado pelo componente unb-pesoa-form, pra indicar que o usuario estah editando
-        this.modoEdicao = false;
-    }
-}
-class UnbPessoaTelefoneTipo {
-}
-
-class UnbPessoaTelefoneFormComponent {
-    constructor(snackBar, service, alertService, dialogRef, data) {
-        this.snackBar = snackBar;
-        this.service = service;
-        this.alertService = alertService;
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.telefone = new UnbPessoaTelefone();
-        this.listaTipoTelefone = [];
-        this.idMensagemService = "UnbPessoaTelefoneForm";
-        this.telefone = JSON.parse(JSON.stringify(data.telefone)); // O e-mail específico para edição
-        // Verifique se a lista de e-mails foi passada e atribua-a
-        if (data.telefonesList) {
-            this.telefonesList = JSON.parse(JSON.stringify(data.telefonesList)); // Faça uma cópia profunda se for manipular
-        }
-        else {
-            this.telefonesList = []; // Inicialize como vazio se não for passada
-        }
-        if (!this.telefone) {
-            this.telefone = new UnbPessoaTelefone();
-        }
-    }
-    ngOnInit() {
-        this.service.getTipoTelefone().subscribe({
-            next: (lista) => {
-                this.listaTipoTelefone = lista;
-                // Se já tiver tipoTelefoneCodigo, preenche o nome correspondente
-                if (this.telefone.tipoTelefoneCodigo != null) {
-                    const tipoEncontrado = lista.find(t => t.codigo === this.telefone.tipoTelefoneCodigo);
-                    if (tipoEncontrado) {
-                        this.telefone.tipo = tipoEncontrado.denominacao;
-                    }
-                }
-                else if (this.telefone.tipo) {
-                    const tipoEncontrado = lista.find(t => t.denominacao?.toLowerCase() === this.telefone.tipo?.toLowerCase());
-                    if (tipoEncontrado) {
-                        this.telefone.tipoTelefoneCodigo = tipoEncontrado.codigo;
-                    }
-                }
-            },
-            error: (err) => this.handleError(err)
-        });
-    }
-    salvar(form) {
-        if (form.invalid) {
-            this.openSnackBar('Existem erros no formulário, por favor, verificar.');
-            return;
-        }
-        // 1. Define o 'tipo' padrão (1) se não for preenchido (Conforme sua solicitação)
-        if (!this.telefone.tipoTelefoneCodigo) {
-            this.telefone.tipoTelefoneCodigo = 1; // 1 é geralmente 'Residencial' ou 'Principal'
-        }
-        // 2. Define a 'ordem' (que o back-end chama de 'ordemTelefone')
-        if (!this.telefone.ordem || this.telefone.ordem === 0) {
-            let maxOrdem = 0;
-            // Verifica se a lista de telefones já existe e tem itens
-            if (this.telefonesList && this.telefonesList.length > 0) {
-                maxOrdem = Math.max(...this.telefonesList.map(t => t.ordem || 0));
-            }
-            // Define a ordem do novo telefone como a maior ordem + 1
-            this.telefone.ordem = maxOrdem + 1;
-        }
-        if (this.validar(this.telefone) == false)
-            return;
-        this.telefoneSalvo = this.telefone;
-        this.salvarclose();
-    }
-    compararTipos(t1, t2) {
-        return t1 && t2 && t1 === t2;
-    }
-    onTipoSelecionado(codigoSelecionado) {
-        const tipoSelecionado = this.listaTipoTelefone.find(t => t.codigo === codigoSelecionado); // <--- Renomeado de listaTipoEndereco
-        if (tipoSelecionado) {
-            this.telefone.tipo = tipoSelecionado.denominacao;
-        }
-    }
-    /**
-     * Valida o objeto de telefone com base nas regras do backend.
-     * Retorna true se o telefone for válido, false caso contrário.
-     */
-    validar(telefoneToValidate) {
-        // 1. Validação de Número (Obrigatório)
-        if (!telefoneToValidate.numero || telefoneToValidate.numero.trim() === '') {
-            this.openSnackBar("Número do telefone é um campo obrigatório.");
-            return false;
-        }
-        // 2. Validação de Número (Formato)
-        // que ele espera 8 ou 9 dígitos numéricos (padrão Brasil).
-        const numeroLimpo = telefoneToValidate.numero.replace(/\D/g, ''); // Remove não-dígitos
-        if (numeroLimpo.length !== 9) {
-            this.openSnackBar("Número do telefone deve conter exatamente 9 dígitos.");
-            return false;
-        }
-        // 3. Validação de DDD (Obrigatório - Boa prática, embora o Java não exija)
-        if (!telefoneToValidate.ddd || telefoneToValidate.ddd.trim() === '') {
-            this.openSnackBar("DDD é um campo obrigatório.");
-            return false;
-        }
-        // 4. Validação de DDD (Tamanho Máximo)
-        if (telefoneToValidate.ddd.trim().length > 3) {
-            this.openSnackBar("DDD deve ter no máximo 3 caracteres.");
-            return false;
-        }
-        // 5. Validação de DDI (Tamanho Máximo)
-        //
-        if (telefoneToValidate.ddi && telefoneToValidate.ddi.trim().length > 5) {
-            this.openSnackBar("DDI deve ter no máximo 5 caracteres.");
-            return false;
-        }
-        // 6. Validação de Ramal (Tamanho Máximo)
-        //
-        if (telefoneToValidate.ramal && telefoneToValidate.ramal.trim().length > 6) {
-            this.openSnackBar("Ramal deve ter no máximo 6 caracteres.");
-            return false;
-        }
-        // 7. Validação de NomeResponsavel (Tamanho Máximo)
-        //
-        if (telefoneToValidate.nomeResponsavel && telefoneToValidate.nomeResponsavel.trim().length > 100) {
-            this.openSnackBar("Nome do Responsável deve ter no máximo 100 caracteres.");
-            return false;
-        }
-        return true; // Passou em todas as validações!
-    }
-    close() {
-        this.dialogRef.close(null);
-    }
-    salvarclose() {
-        this.dialogRef.close(this.telefoneSalvo);
-    }
-    handleError(erro) {
-        let erroTratado;
-        // Converte string local em Objeto Padrão
-        if (typeof erro === 'string') {
-            erroTratado = {
-                status: 400,
-                mensagemSimples: erro,
-                mensagemHtml: `<strong>${erro}</strong>`
-            };
-        }
-        else {
-            erroTratado = erro;
-        }
-        // 1. SnackBar
-        if (erroTratado.mensagemSimples) {
-            this.openSnackBar(erroTratado.mensagemSimples);
-        }
-        // 2. AlertService (Se houver tag <unb-mensagem> no HTML do dialog)
-        if (this.alertService && erroTratado.mensagemHtml) {
-            this.alertService.showMessage(erroTratado.mensagemHtml, UnbTipoMensagemEnum.DANGER, this.idMensagemService);
-        }
-    }
-    openSnackBar(message) {
-        this.snackBar.open(message, 'x', {
-            duration: 5000,
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaTelefoneFormComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaTelefoneFormComponent, isStandalone: false, selector: "lib-unb-pessoa-telefone-form", ngImport: i0, template: "<h1 mat-dialog-title>Cadastro de Telefone</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"telefone.tipoTelefoneCodigo\" [compareWith]=\"compararTipos\" name=\"tipoTelefoneCodigo\" (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoTelefone\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>DDD</mat-label>\r\n        <input type=\"text\" maxlength=\"3\" required matInput [(ngModel)]=\"telefone.ddd\" name=\"dddValue\" #dddValue=\"ngModel\" />\r\n      </mat-form-field> \r\n      \r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>N\u00FAmero</mat-label>\r\n        <input type=\"text\" required maxlength=\"9\" matInput [(ngModel)]=\"telefone.numero\" name=\"telefoneValue\" #telefoneValue=\"ngModel\" />\r\n      </mat-form-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaTelefoneFormComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'lib-unb-pessoa-telefone-form', template: "<h1 mat-dialog-title>Cadastro de Telefone</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"telefone.tipoTelefoneCodigo\" [compareWith]=\"compararTipos\" name=\"tipoTelefoneCodigo\" (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoTelefone\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>DDD</mat-label>\r\n        <input type=\"text\" maxlength=\"3\" required matInput [(ngModel)]=\"telefone.ddd\" name=\"dddValue\" #dddValue=\"ngModel\" />\r\n      </mat-form-field> \r\n      \r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>N\u00FAmero</mat-label>\r\n        <input type=\"text\" required maxlength=\"9\" matInput [(ngModel)]=\"telefone.numero\" name=\"telefoneValue\" #telefoneValue=\"ngModel\" />\r\n      </mat-form-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }] });
-
-class UnbPessoaTelefoneListComponent {
-    constructor(snackBar, service, dialog) {
-        this.snackBar = snackBar;
-        this.service = service;
-        this.dialog = dialog;
-        this.podeEditar = true;
-        this.telefones = [];
-        this.backendURL = '';
-        this.telefonesEmitted = new EventEmitter();
-    }
-    ngOnInit() {
-        this.tipoTelefone = this.service.getTipoTelefone();
-    }
-    // tem que fazer isso pq no on init eu ainda nao tenho a lista de telefones
-    ngOnChanges(changes) {
-        // Verifica se a propriedade 'telefones' mudou
-        if (changes['telefones'] && this.telefones) {
-            // chamada quando os dados realmente chegarem
-            this.sortAndAssignOrder();
-        }
-    }
-    excluir(telefoneParaExcluir) {
-        if (telefoneParaExcluir.codigo) {
-            // Se tem código, remove por ele (mais seguro)
-            this.telefones = this.telefones.filter(t => t.codigo !== telefoneParaExcluir.codigo);
-        }
-        else {
-            // Se não tem código (novo item), remove pela ordem
-            this.telefones = this.telefones.filter(t => t.ordem !== telefoneParaExcluir.ordem);
-        }
-        // Chama função existente que re-calcula as ordens e emite a lista atualizada
-        this.atualizarOrdem();
-        this.telefonesEmitted.emit(this.telefones);
-    }
-    editar(telefone) {
-        this.openFormDialog(telefone);
-    }
-    atualizarOrdem() {
-        this.telefones.forEach((telefone, idx) => {
-            telefone.ordem = idx + 1;
-        });
-        // reemite a lista atualizada, igual antes
-        this.telefonesEmitted.emit(this.telefones);
-    }
-    openFormDialog(toEdit) {
-        const dialogRef = this.dialog.open(UnbPessoaTelefoneFormComponent, {
-            width: '900px',
-            data: {
-                telefone: toEdit, // E-mail a ser editado ou vazio para novo
-                telefonesList: this.telefones // A sua lista COMPLETA de e-mails
-            },
-        });
-        dialogRef.afterClosed().subscribe(result => {
-            if (!result) {
-                return; // Usuário clicou em 'Fechar' ou 'Cancelar'
-            }
-            // 'result' é o objeto retornado pelo dialog (editado ou novo)
-            let index = -1;
-            // 1. Tenta encontrar pelo 'codigo' (para itens que já vieram do banco)
-            if (result.codigo) {
-                index = this.telefones.findIndex(t => t.codigo === result.codigo);
-            }
-            // 2. Se não achou pelo 'codigo', tenta pela 'ordem'.
-            // A 'ordem' é o nosso identificador único para itens que
-            // ainda não foram salvos no banco (criados/editados localmente).
-            if (index === -1 && result.ordem) {
-                index = this.telefones.findIndex(t => t.ordem === result.ordem);
-            }
-            if (index > -1) {
-                // ENCONTROU (pelo 'codigo' ou pela 'ordem'): Atualiza o item existente
-                this.telefones[index] = result;
-            }
-            else {
-                // NÃO ENCONTROU: É um item 100% novo (não uma edição)
-                // O form (unb-pessoa-telefone-form) já cuidou de
-                // atribuir a 'ordem' correta (maxOrdem + 1)
-                this.telefones.push(result);
-            }
-            // vamos apenas re-ordenar a lista pela 'ordem' que já temos
-            // e depois emitir.
-            this.telefones.sort((a, b) => (a.ordem ?? 0) - (b.ordem ?? 0));
-            this.telefonesEmitted.emit(this.telefones);
-        });
-    }
-    moverTelefone(event) {
-        // troca a posição dentro do array
-        moveItemInArray(this.telefones, event.previousIndex, event.currentIndex);
-        // atualiza o campo 'ordem' em cada item
-        this.atualizarOrdem();
-    }
-    sortAndAssignOrder() {
-        // 1. Crie uma cópia da lista para não modificar a original durante a iteração inicial
-        const tempEmails = [...this.telefones];
-        // 2. Mapeie as ordens existentes para identificar duplicatas e ausentes
-        const orderMap = new Map();
-        const emailsWithoutOrder = [];
-        tempEmails.forEach(telefone => {
-            if (telefone.ordem !== undefined && telefone.ordem !== null) {
-                if (!orderMap.has(telefone.ordem)) {
-                    orderMap.set(telefone.ordem, []);
-                }
-                orderMap.get(telefone.ordem)?.push(telefone);
-            }
-            else {
-                emailsWithoutOrder.push(telefone);
-            }
-        });
-        // 3. Inicialize um Set para rastrear todas as ordens que serão usadas no final
-        const finalUsedOrders = new Set();
-        // Inicialize o próximo valor de ordem disponível
-        let nextAvailableOrder = 0;
-        // Função auxiliar para encontrar a próxima ordem disponível
-        const getNextAvailableOrder = () => {
-            while (finalUsedOrders.has(nextAvailableOrder)) {
-                nextAvailableOrder++;
-            }
-            return nextAvailableOrder++;
-        };
-        // 4. Processe telefones com ordem definida:
-        //    - A primeira ocorrência de uma ordem a mantém.
-        //    - Duplicatas recebem uma nova ordem.
-        //    - Adicione as ordens válidas ao finalUsedOrders.
-        this.telefones.forEach(telefone => {
-            if (telefone.ordem !== undefined && telefone.ordem !== null) {
-                if (!finalUsedOrders.has(telefone.ordem)) {
-                    // Se a ordem ainda não foi usada, use-a e adicione ao set
-                    finalUsedOrders.add(telefone.ordem);
-                }
-                else {
-                    // Se a ordem já foi usada (é uma duplicata), atribua uma nova
-                    telefone.ordem = getNextAvailableOrder();
-                    finalUsedOrders.add(telefone.ordem); // Adiciona a nova ordem ao set
-                }
-            }
-        });
-        // 5. Atribua ordens para telefones que não tinham ordem definida
-        emailsWithoutOrder.forEach(telefone => {
-            telefone.ordem = getNextAvailableOrder();
-            finalUsedOrders.add(telefone.ordem); // Adiciona a nova ordem ao set
+        let erroTratado;
+        // Converte string local em Objeto Padrão
+        if (typeof erro === 'string') {
+            erroTratado = {
+                status: 400,
+                mensagemSimples: erro,
+                mensagemHtml: `<strong>${erro}</strong>`
+            };
+        }
+        else {
+            erroTratado = erro;
+        }
+        // 1. SnackBar
+        if (erroTratado.mensagemSimples) {
+            this.openSnackBar(erroTratado.mensagemSimples);
+        }
+        // 2. AlertService (Se houver tag <unb-mensagem> no HTML do dialog)
+        if (this.alertService && erroTratado.mensagemHtml) {
+            this.alertService.showMessage(erroTratado.mensagemHtml, UnbTipoMensagemEnum.DANGER, this.idMensagemService);
+        }
+    }
+    openSnackBar(message) {
+        this.snackBar.open(message, 'x', {
+            duration: 5000,
         });
-        // 6. Finalmente, ordene a lista completa com as ordens agora únicas
-        this.telefones.sort((a, b) => (a.ordem ?? 0) - (b.ordem ?? 0));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaTelefoneListComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaTelefoneListComponent, isStandalone: false, selector: "lib-unb-pessoa-telefone-list", inputs: { podeEditar: "podeEditar", telefones: "telefones", backendURL: "backendURL" }, outputs: { telefonesEmitted: "telefonesEmitted" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mes-container\">\r\n    <div class=\"header-container\">\r\n        <div class=\"mes-header\">\r\n            <span class=\"titulo\">\r\n                {{ telefones?.length === 1 ? 'Telefone Cadastrado' : 'Telefones Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ telefones?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Telefone\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Telefone\r\n        </button>\r\n    </div>\r\n\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n   <table class=\"my-table\" *ngIf=\"telefones && telefones.length > 0\" cdkDropList (cdkDropListDropped)=\"moverTelefone($event)\">\r\n    <tr style=\"background-color: #e4e3e3cc;\">\r\n        <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n        <th style=\"width: 20%;\">DDD</th>\r\n        <th>N\u00FAmero</th> \r\n        <th>Tipo</th>\r\n        <th style=\"width: 1%; text-align: center;\">A\u00E7\u00F5es</th>\r\n    </tr>\r\n\r\n    <tr *ngFor=\"let valor of telefones; let i = index\" class=\"my-tr\" cdkDrag>\r\n        <td style=\"text-align: center;\"> \r\n            <div class=\"drag-cell\" cdkDragHandle>\r\n                <mat-icon>drag_indicator</mat-icon>\r\n                <span>{{ i + 1 }}</span>\r\n            </div>\r\n        </td>\r\n        <td>{{ valor.ddd }}</td> \r\n        <td>{{ valor.numero }}</td> \r\n        <td>{{ valor.tipo?.toUpperCase() }}</td>\r\n        <td>\r\n            <div class=\"actions-container\">\r\n                <button type=\"button\" mat-icon-button color=\"primary\" (click)=\"editar(valor)\">\r\n                    <mat-icon>edit</mat-icon>\r\n                </button>\r\n                <button type=\"button\" mat-icon-button color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\r\n            </div>\r\n        </td>\r\n    </tr>\r\n</table>\r\n</div>", styles: [".mes-container{padding:12px;margin-bottom:2px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:background-color .3s ease,box-shadow .3s ease}.mes-container:nth-child(2n){background-color:#f9f9fc}.mes-container:nth-child(odd){background-color:#fff}.mes-container:hover{background-color:#f0f0f5;box-shadow:0 4px 8px #00000026}.header-container{display:flex;align-items:center;margin-bottom:2px}.header-container button{margin-left:auto}.mes-header{display:flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;color:#333}.my-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif}.my-table th,.my-table td{padding:5px;text-align:left;border-bottom:1px solid #ddd}.my-table th{background-color:#005dbb7b;color:#fff;font-weight:700}.my-table tr{transition:background-color .3s ease}.my-table tr:hover{background-color:#f1f1f1}.my-table td{background-color:#fff}.my-table td button{transition:transform .2s ease}.my-table td button:hover{transform:scale(1.1)}.my-table td:last-child{text-align:center}.order-input{width:40px;text-align:center;border:1px solid #ccc;border-radius:4px;padding:2px}.order-input:focus{border-color:#1976d2;outline:none}.drag-cell{display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:grab;-webkit-user-select:none;user-select:none}.drag-cell mat-icon{font-size:18px;line-height:1;vertical-align:middle}.cdk-drag-preview{background:#fff;border-radius:6px;box-shadow:0 4px 12px #0003;display:table;border-collapse:collapse}.cdk-drag-placeholder{opacity:0;display:table-row}.cdk-drag-animating{transition:transform .2s cubic-bezier(0,0,.2,1)}table[cdkDropList] tr{border-bottom:1px solid #e0e0e0}table[cdkDropList] td{padding:8px}.actions-container{display:flex;justify-content:flex-end;gap:4px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaEnderecoFormComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaEnderecoFormComponent, isStandalone: false, selector: "lib-unb-pessoa-endereco-form", ngImport: i0, template: "<h1 mat-dialog-title>Cadastro de Endere\u00E7o</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"endereco.tipoEnderecoCodigo\" name=\"tipo\" #tipo=\"ngModel\"\r\n          (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoEndereco\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-10\" appearance=\"outline\">\r\n        <mat-label>Pa\u00EDs</mat-label>\r\n\r\n        <mat-select [(ngModel)]=\"endereco.paisEnderecoCodigo\" name=\"paisEnderecoCodigo\" #paisEnderecoCodigo=\"ngModel\">\r\n\r\n          <mat-option *ngFor=\"let paises of listaPaises\" [value]=\"paises.codigo\">\r\n            <span *ngIf=\"paises.denominacao === 'BRASIL'\">\uD83C\uDDE7\uD83C\uDDF7 <b>{{ paises.denominacao }}</b></span>\r\n            <span *ngIf=\"paises.denominacao !== 'BRASIL'\">{{ paises.denominacao }}</span>\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>CEP</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.cep\" name=\"cep\" #cep=\"ngModel\" />\r\n\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" \r\n                [disabled]=\"loading\" (click)=\"pesquisarCep()\">\r\n          \r\n          <ng-container *ngIf=\"!loading; else loadingIcon\">\r\n            <mat-icon style=\"margin-right: 2px;\">search</mat-icon>\r\n          </ng-container>\r\n\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner \r\n              [diameter]=\"20\" \r\n              mode=\"indeterminate\" \r\n              color=\"primary\" \r\n              class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n\r\n        </button>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n        <mat-label>Endere\u00E7o</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.logradouro\" name=\"logradouro\" #logradouro=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Bairro</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.bairro\" name=\"bairro\" #bairro=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Complemento</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.complemento\" name=\"complemento\" #complemento=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>UF</mat-label>\r\n        <mat-select [(ngModel)]=\"endereco.uf\" name=\"uf\" #uf=\"ngModel\">\r\n          <mat-option *ngFor=\"let uf of getListaEstados()\" [value]=\"uf\">\r\n            {{ uf }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i13.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaTelefoneListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaEnderecoFormComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'lib-unb-pessoa-telefone-list', template: "<div class=\"mes-container\">\r\n    <div class=\"header-container\">\r\n        <div class=\"mes-header\">\r\n            <span class=\"titulo\">\r\n                {{ telefones?.length === 1 ? 'Telefone Cadastrado' : 'Telefones Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ telefones?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Telefone\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Telefone\r\n        </button>\r\n    </div>\r\n\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n   <table class=\"my-table\" *ngIf=\"telefones && telefones.length > 0\" cdkDropList (cdkDropListDropped)=\"moverTelefone($event)\">\r\n    <tr style=\"background-color: #e4e3e3cc;\">\r\n        <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n        <th style=\"width: 20%;\">DDD</th>\r\n        <th>N\u00FAmero</th> \r\n        <th>Tipo</th>\r\n        <th style=\"width: 1%; text-align: center;\">A\u00E7\u00F5es</th>\r\n    </tr>\r\n\r\n    <tr *ngFor=\"let valor of telefones; let i = index\" class=\"my-tr\" cdkDrag>\r\n        <td style=\"text-align: center;\"> \r\n            <div class=\"drag-cell\" cdkDragHandle>\r\n                <mat-icon>drag_indicator</mat-icon>\r\n                <span>{{ i + 1 }}</span>\r\n            </div>\r\n        </td>\r\n        <td>{{ valor.ddd }}</td> \r\n        <td>{{ valor.numero }}</td> \r\n        <td>{{ valor.tipo?.toUpperCase() }}</td>\r\n        <td>\r\n            <div class=\"actions-container\">\r\n                <button type=\"button\" mat-icon-button color=\"primary\" (click)=\"editar(valor)\">\r\n                    <mat-icon>edit</mat-icon>\r\n                </button>\r\n                <button type=\"button\" mat-icon-button color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\r\n            </div>\r\n        </td>\r\n    </tr>\r\n</table>\r\n</div>", styles: [".mes-container{padding:12px;margin-bottom:2px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:background-color .3s ease,box-shadow .3s ease}.mes-container:nth-child(2n){background-color:#f9f9fc}.mes-container:nth-child(odd){background-color:#fff}.mes-container:hover{background-color:#f0f0f5;box-shadow:0 4px 8px #00000026}.header-container{display:flex;align-items:center;margin-bottom:2px}.header-container button{margin-left:auto}.mes-header{display:flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;color:#333}.my-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif}.my-table th,.my-table td{padding:5px;text-align:left;border-bottom:1px solid #ddd}.my-table th{background-color:#005dbb7b;color:#fff;font-weight:700}.my-table tr{transition:background-color .3s ease}.my-table tr:hover{background-color:#f1f1f1}.my-table td{background-color:#fff}.my-table td button{transition:transform .2s ease}.my-table td button:hover{transform:scale(1.1)}.my-table td:last-child{text-align:center}.order-input{width:40px;text-align:center;border:1px solid #ccc;border-radius:4px;padding:2px}.order-input:focus{border-color:#1976d2;outline:none}.drag-cell{display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:grab;-webkit-user-select:none;user-select:none}.drag-cell mat-icon{font-size:18px;line-height:1;vertical-align:middle}.cdk-drag-preview{background:#fff;border-radius:6px;box-shadow:0 4px 12px #0003;display:table;border-collapse:collapse}.cdk-drag-placeholder{opacity:0;display:table-row}.cdk-drag-animating{transition:transform .2s cubic-bezier(0,0,.2,1)}table[cdkDropList] tr{border-bottom:1px solid #e0e0e0}table[cdkDropList] td{padding:8px}.actions-container{display:flex;justify-content:flex-end;gap:4px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: i4$2.MatDialog }], propDecorators: { podeEditar: [{
-                type: Input
-            }], telefones: [{
-                type: Input
-            }], backendURL: [{
-                type: Input
-            }], telefonesEmitted: [{
-                type: Output
-            }] } });
+            args: [{ standalone: false, selector: 'lib-unb-pessoa-endereco-form', template: "<h1 mat-dialog-title>Cadastro de Endere\u00E7o</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"endereco.tipoEnderecoCodigo\" name=\"tipo\" #tipo=\"ngModel\"\r\n          (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoEndereco\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-10\" appearance=\"outline\">\r\n        <mat-label>Pa\u00EDs</mat-label>\r\n\r\n        <mat-select [(ngModel)]=\"endereco.paisEnderecoCodigo\" name=\"paisEnderecoCodigo\" #paisEnderecoCodigo=\"ngModel\">\r\n\r\n          <mat-option *ngFor=\"let paises of listaPaises\" [value]=\"paises.codigo\">\r\n            <span *ngIf=\"paises.denominacao === 'BRASIL'\">\uD83C\uDDE7\uD83C\uDDF7 <b>{{ paises.denominacao }}</b></span>\r\n            <span *ngIf=\"paises.denominacao !== 'BRASIL'\">{{ paises.denominacao }}</span>\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>CEP</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.cep\" name=\"cep\" #cep=\"ngModel\" />\r\n\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" \r\n                [disabled]=\"loading\" (click)=\"pesquisarCep()\">\r\n          \r\n          <ng-container *ngIf=\"!loading; else loadingIcon\">\r\n            <mat-icon style=\"margin-right: 2px;\">search</mat-icon>\r\n          </ng-container>\r\n\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner \r\n              [diameter]=\"20\" \r\n              mode=\"indeterminate\" \r\n              color=\"primary\" \r\n              class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n\r\n        </button>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n        <mat-label>Endere\u00E7o</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.logradouro\" name=\"logradouro\" #logradouro=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Bairro</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.bairro\" name=\"bairro\" #bairro=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Complemento</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"endereco.complemento\" name=\"complemento\" #complemento=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>UF</mat-label>\r\n        <mat-select [(ngModel)]=\"endereco.uf\" name=\"uf\" #uf=\"ngModel\">\r\n          <mat-option *ngFor=\"let uf of getListaEstados()\" [value]=\"uf\">\r\n            {{ uf }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
 
 class UnbPessoaenderecoListComponent {
     constructor(snackBar, service, dialog) {
@@ -2049,6 +1910,165 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 type: Output
             }] } });
 
+class UnbPessoaEmailFormComponent {
+    constructor(snackBar, service, alertService, dialogRef, data) {
+        this.snackBar = snackBar;
+        this.service = service;
+        this.alertService = alertService;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.email = new UnbPessoaEmail();
+        this.listaTipoEmail = [];
+        this.idMensagemService = "UnbPessoaEmailForm";
+        this.email = JSON.parse(JSON.stringify(data.email)); // O e-mail específico para edição
+        // Verifique se a lista de e-mails foi passada e atribua-a
+        if (data.emailsList) {
+            this.emailsList = JSON.parse(JSON.stringify(data.emailsList)); // Faça uma cópia profunda se for manipular
+        }
+        else {
+            this.emailsList = []; // Inicialize como vazio se não for passada
+        }
+        if (!this.email) {
+            this.email = new UnbPessoaEmail();
+        }
+    }
+    ngOnInit() {
+        // Chamamos o serviço direto. Não guardamos o observable, apenas o resultado.
+        this.service.getTipoEmail().subscribe({
+            next: (lista) => {
+                // 1. Guarda a lista para o HTML usar
+                this.listaTipoEmail = lista;
+                // 2. Lógica de Seleção Automática (Match)
+                if (this.email.tipoEmailCodigo != null) {
+                    const tipoEncontrado = lista.find(t => t.codigo === this.email.tipoEmailCodigo);
+                    if (tipoEncontrado) {
+                        this.email.tipo = tipoEncontrado.denominacao;
+                    }
+                }
+                else if (this.email.tipo) {
+                    const tipoEncontrado = lista.find(t => t.denominacao?.toLowerCase() === this.email.tipo?.toLowerCase());
+                    if (tipoEncontrado) {
+                        this.email.tipoEmailCodigo = tipoEncontrado.codigo;
+                    }
+                }
+            },
+            // 3. Usa seu tratamento de erro novo
+            error: (err) => this.handleError(err)
+        });
+    }
+    salvar(form) {
+        if (form.invalid) {
+            this.openSnackBar('Existem erros no formulário, por favor, verificar.');
+            return;
+        }
+        // 1. Define o 'tipo' padrão (ex: 1 para 'Pessoal') se não for preenchido
+        if (!this.email.tipoEmailCodigo) {
+            this.email.tipoEmailCodigo = 1; // 1 é geralmente 'Pessoal'
+        }
+        // 2. Define a 'ordem' (que o back-end chama de 'ordemEmail')
+        if (!this.email.ordem || this.email.ordem === 0) {
+            let maxOrdem = 0;
+            // Verifica se a lista de emails já existe e tem itens
+            if (this.emailsList && this.emailsList.length > 0) {
+                maxOrdem = Math.max(...this.emailsList.map(e => e.ordem || 0));
+            }
+            // Define a ordem do novo email como a maior ordem + 1
+            this.email.ordem = maxOrdem + 1;
+        }
+        // --- Fim da Modificação ---
+        if (this.validar(this.email) == false)
+            return;
+        this.emailSalvo = this.email;
+        this.salvarclose();
+    }
+    compararTipos(t1, t2) {
+        return t1 && t2 && t1 === t2;
+    }
+    onTipoSelecionado(codigoSelecionado) {
+        const tipoSelecionado = this.listaTipoEmail.find(t => t.codigo === codigoSelecionado);
+        if (tipoSelecionado) {
+            this.email.tipo = tipoSelecionado.denominacao;
+        }
+    }
+    /**
+     * Valida o objeto de e-mail, replicando as regras do validador do backend.
+     * Retorna true se o e-mail for válido, false caso contrário.
+     */
+    validar(emailToValidate) {
+        // 1. Validação de campo obrigatório (do Java)
+        if (!emailToValidate.email || emailToValidate.email.trim() === '') {
+            this.openSnackBar("E-mail é um campo obrigatório.");
+            return false;
+        }
+        // 2. Validação de Tamanho Máximo (do Java)
+        if (emailToValidate.email.trim().length > 60) {
+            this.openSnackBar("E-mail deve ter no máximo 60 caracteres.");
+            return false;
+        }
+        // 3. Validação de formato de e-mail (do Java e do Angular)
+        //    [Java: !Validadores.validarEmail(request.getEmail())]
+        const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+        if (!emailRegex.test(emailToValidate.email)) {
+            this.openSnackBar("Digite um E-mail válido.");
+            return false;
+        }
+        // 4. Validação de e-mail duplicado (do seu Angular)
+        const isDuplicate = this.emailsList.some(existingEmail => existingEmail.email?.toLowerCase() === emailToValidate.email?.toLowerCase() &&
+            existingEmail.codigo !== emailToValidate.codigo // Ignora o próprio e-mail se estiver sendo editado
+        );
+        if (isDuplicate) {
+            this.openSnackBar("Este e-mail já existe na lista.");
+            return false;
+        }
+        // Nota: As validações de 'ordemEmail' e 'tipoEmailCodigo' do Java
+        // já são tratadas na sua função 'salvar()',
+        // que atribui valores padrão antes desta função 'validar()' ser chamada.
+        return true; // Passou em todas as validações!
+    }
+    close() {
+        this.dialogRef.close(null);
+    }
+    salvarclose() {
+        this.dialogRef.close(this.emailSalvo);
+    }
+    handleError(erro) {
+        let erroTratado;
+        // Converte string local em Objeto Padrão
+        if (typeof erro === 'string') {
+            erroTratado = {
+                status: 400,
+                mensagemSimples: erro,
+                mensagemHtml: `<strong>${erro}</strong>`
+            };
+        }
+        else {
+            erroTratado = erro;
+        }
+        // 1. SnackBar
+        if (erroTratado.mensagemSimples) {
+            this.openSnackBar(erroTratado.mensagemSimples);
+        }
+        // 2. AlertService (Se houver tag <unb-mensagem> no HTML do dialog)
+        if (this.alertService && erroTratado.mensagemHtml) {
+            this.alertService.showMessage(erroTratado.mensagemHtml, UnbTipoMensagemEnum.DANGER, this.idMensagemService);
+        }
+    }
+    openSnackBar(message) {
+        this.snackBar.open(message, 'x', {
+            duration: 5000,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaEmailFormComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaEmailFormComponent, isStandalone: false, selector: "lib-unb-pessoa-email-form", ngImport: i0, template: "<h1 mat-dialog-title>Cadastro de E-mail</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"email.tipoEmailCodigo\" [compareWith]=\"compararTipos\" name=\"tipoEmailCodigo\" (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoEmail\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>E-mail</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"email.email\" name=\"emailValue\" #emailValue=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-60{flex:1 1 60%}.form-70{flex:1 1 70%}.form-80{flex:1 1 80%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaEmailFormComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'lib-unb-pessoa-email-form', template: "<h1 mat-dialog-title>Cadastro de E-mail</h1>\r\n<form (ngSubmit)=\"salvar(form)\" #form=\"ngForm\">\r\n  <mat-dialog-content>\r\n    <unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n    <div class=\"form-container\">\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"email.tipoEmailCodigo\" [compareWith]=\"compararTipos\" name=\"tipoEmailCodigo\" (selectionChange)=\"onTipoSelecionado($event.value)\" required>\r\n          <mat-option *ngFor=\"let tipo of listaTipoEmail\" [value]=\"tipo.codigo\">\r\n            {{tipo.denominacao}}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"form-100\" appearance=\"outline\">\r\n        <mat-label>E-mail</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"email.email\" name=\"emailValue\" #emailValue=\"ngModel\" />\r\n      </mat-form-field>\r\n\r\n    </div>\r\n  </mat-dialog-content>\r\n\r\n  <mat-dialog-actions align=\"end\">\r\n    <button mat-stroked-button type=\"button\" color=\"warn\" (click)=\"close()\">Fechar</button>\r\n    <button mat-flat-button type=\"submit\" color=\"primary\">Salvar</button>\r\n  </mat-dialog-actions>\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin:10px}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-60{flex:1 1 60%}.form-70{flex:1 1 70%}.form-80{flex:1 1 80%}.form-100{flex:1 1 100%;min-width:250px}.botoes-container{display:flex;gap:5px}@media(max-width:600px){.botoes-container{margin-bottom:10px}.botoes-container button{flex:1;max-width:50%}}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
 class UnbPessoaEmailListComponent {
     constructor(snackBar, service, dialog) {
         this.snackBar = snackBar;
@@ -2390,31 +2410,83 @@ class UnbPessoaFormComponent {
             this.alertService.showMessage(erro.mensagemHtml, UnbTipoMensagemEnum.DANGER, this.idMensagemService);
         }
     }
-    getLabelDocumento() {
-        switch (this.config.pessoa.tipoPessoa) {
-            case this.tipoPessoaEnum().FISICA: return 'CPF';
-            case this.tipoPessoaEnum().JURIDICA: return 'CNPJ';
-            case this.tipoPessoaEnum().ESTRANGEIRA: return 'Passaporte';
-            default: return 'Documento';
+    getLabelDocumento() {
+        switch (this.config.pessoa.tipoPessoa) {
+            case this.tipoPessoaEnum().FISICA: return 'CPF';
+            case this.tipoPessoaEnum().JURIDICA: return 'CNPJ';
+            case this.tipoPessoaEnum().ESTRANGEIRA: return 'Passaporte';
+            default: return 'Documento';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaFormComponent, deps: [{ token: UnBPessoaService }, { token: i1$1.MatSnackBar }, { token: UnbMensagemService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaFormComponent, isStandalone: false, selector: "lib-unb-pessoa-form", inputs: { config: "config", hideSalvarButton: "hideSalvarButton" }, outputs: { pessoaEmitted: "pessoaEmitted", isLoadingChange: "isLoadingChange" }, viewQueries: [{ propertyName: "pessoaForm", first: true, predicate: ["pessoaForm"], descendants: true }], ngImport: i0, template: "<mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar>\r\n\r\n<unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n\r\n<!-- Label indicando que est\u00E1 incluindo nova pessoa -->\r\n<div *ngIf=\"documentoPesquisado\"\r\n      class=\"status-banner\" \r\n      [ngClass]=\"{\r\n       'status-inclusao': !pessoa.codigoPessoa,\r\n       'status-edicao': pessoa.codigoPessoa && !isReadyOnly,\r\n       'status-bloqueado': config.isReadyOnly\r\n     }\">\r\n\r\n  <mat-icon>\r\n    {{ !pessoa.codigoPessoa ? 'person_add' : (isReadyOnly ? 'lock' : 'edit') }}\r\n  </mat-icon>\r\n\r\n  <span>\r\n    <ng-container *ngIf=\"!pessoa.codigoPessoa\">Incluindo nova pessoa</ng-container>\r\n    <ng-container *ngIf=\"pessoa.codigoPessoa && !isReadyOnly\">Editando pessoa</ng-container>\r\n    <ng-container *ngIf=\"isReadyOnly\">Registro SIAPE (Visualiza\u00E7\u00E3o)</ng-container> com <strong>{{ getLabelDocumento() }} {{ documentoPesquisado }}</strong>\r\n  </span>\r\n</div>\r\n\r\n<form #pessoaForm=\"ngForm\" [class.readonly]=\"isReadyOnly || isLoading\" class=\"form-container\" (ngSubmit)=\"salvar(pessoaForm)\">\r\n  <!-- Campos Pessoa F\u00EDsica e Estrangeira  -->\r\n  <ng-container\r\n    *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA || pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA\">\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nome\" name=\"nome\" #nome=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Sexo</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoSexo\" name=\"codigoSexo\" #codigoSexo=\"ngModel\" required>\r\n        <mat-option [value]=\"1\">Masculino</mat-option>\r\n        <mat-option [value]=\"2\">Feminino</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Data Nascimento</mat-label>\r\n      <input matInput [matDatepicker]=\"dataNascimentoPicker\" [(ngModel)]=\"pessoa.dataNascimento\" name=\"dataNascimento\"\r\n        #dataNascimento=\"ngModel\" required>\r\n      <mat-datepicker-toggle matSuffix [for]=\"dataNascimentoPicker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #dataNascimentoPicker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Estado Civil</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoEstadoCivil\" name=\"codigoEstadoCivil\" #codigoEstadoCivil=\"ngModel\">\r\n        <mat-option *ngFor=\"let estado of estadosCivil | async\" [value]=\"estado.codigo\">\r\n          {{ estado.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <!--\r\n        <mat-form-field class=\"form-15\" appearance=\"outline\">\r\n          <mat-label>Naturalidade</mat-label>\r\n          <mat-select [(ngModel)]=\"pessoa.naturalidade\" name=\"naturalidade\" #naturalidade=\"ngModel\" required>\r\n            <mat-option *ngFor=\"let cidade of getListaEstados()\" [value]=\"cidade.codigo\">\r\n              {{ cidade.descricao }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        -->\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Pa\u00EDs Nascimento</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoPaisNascimento\" name=\"codigoPaisNascimento\" #codigoPaisNascimento=\"ngModel\"\r\n        required>\r\n        <mat-option *ngFor=\"let paisNascimento of paises | async\" [value]=\"paisNascimento.codigo\">\r\n          <span *ngIf=\"paisNascimento.denominacao === 'BRASIL'\">\uD83C\uDDE7\uD83C\uDDF7 <b>{{ paisNascimento.denominacao }}</b></span>\r\n          <span *ngIf=\"paisNascimento.denominacao !== 'BRASIL'\">{{ paisNascimento.denominacao }}</span>\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\" *ngIf=\"pessoa.codigoPaisNascimento == 22\"> <!-- 22 eh Brasil-->\r\n      <mat-label>UF Nascimento</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.ufNascimento\" name=\"ufNascimento\" #ufNascimento=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let estado of getListaEstados()\" [value]=\"estado.identificador\">\r\n          {{ estado.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\" *ngIf=\"pessoa.codigoPaisNascimento == 22\">\r\n      <mat-label>Naturalidade</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.naturalidade\" name=\"naturalidade\" #naturalidade=\"ngModel\"\r\n        required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Escolaridade</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.escolaridade\" name=\"codigoEscolaridade\" #codigoEscolaridade=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let escolaridade of escolaridade | async\" [value]=\"escolaridade.codigo\">\r\n          {{ escolaridade.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome Social</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeSocial\" name=\"nomeSocial\" #nomeSocial=\"ngModel\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome da M\u00E3e</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeMae\" name=\"nomeMae\" #nomeMae=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome do Pai</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomePai\" name=\"nomePai\" #nomePai=\"ngModel\" required />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <!-- Campos Pessoa Jur\u00EDdica -->\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().JURIDICA\">\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Raz\u00E3o Social</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.razaoSocial\" name=\"razaoSocial\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome Fantasia</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeFantasia\" name=\"nomeFantasia\" />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA\">\r\n    <b style=\"flex: 1 1 100%; margin-bottom: 10px;\">Documenta\u00E7\u00E3o</b>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Identidade</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rg\" name=\"rg\" #rg=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>\u00D3rg\u00E3o Emissor</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rgOrgao\" name=\"rgOrgao\" #rgOrgao=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Unidade Federativa</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.rgUf\" name=\"rgUf\" #rgUf=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let estado of getListaEstados()\" [value]=\"estado.identificador\">\r\n          {{ estado.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Data de Emiss\u00E3o</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rgDataEmissao\" name=\"rgDataEmissao\" #rgDataEmissao=\"ngModel\" />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa != tipoPessoaEnum().JURIDICA && (pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA || pessoa.codigoPaisNascimento != 22)\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Data Chegada Brasil</mat-label>\r\n      <input matInput [matDatepicker]=\"dataChegadaBrasilPicker\" [(ngModel)]=\"pessoa.dataChegadaBrasil\"\r\n        name=\"dataChegadaBrasil\" #dataChegadaBrasil=\"ngModel\" required>\r\n      <mat-datepicker-toggle matSuffix [for]=\"dataChegadaBrasilPicker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #dataChegadaBrasilPicker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-10\" appearance=\"outline\">\r\n      <mat-label>Pa\u00EDs Passaporte</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoPaisPassaporte\" name=\"codigoPaisPassaporte\" #codigoPaisPassaporte=\"ngModel\"\r\n        required>\r\n        <mat-option *ngFor=\"let paisNascimento of paises | async\" [value]=\"paisNascimento.codigo\">\r\n          {{ paisNascimento.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>N\u00FAmero Passaporte</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" #passaporte=\"ngModel\" required />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <lib-unb-pessoa-telefone-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [telefones]=\"pessoa.telefones\"\r\n    (telefonesEmitted)=\"telefonesEmitted($event)\"></lib-unb-pessoa-telefone-list>\r\n\r\n  <lib-unb-pessoa-endereco-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [enderecos]=\"pessoa.enderecos\"\r\n    (enderecosEmitted)=\"enderecosEmitted($event)\"></lib-unb-pessoa-endereco-list>\r\n\r\n  <lib-unb-pessoa-email-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [emails]=\"pessoa.emails\"\r\n    (emailsEmitted)=\"emailsEmitted($event)\"></lib-unb-pessoa-email-list>\r\n\r\n  <div *ngIf=\"isReadyOnly\" style=\"flex:1 1 100%; margin-bottom:10px;\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <strong>Servidor com matr\u00EDcula SIAPE deve ter seus dados autalizados pelo aplicativo do sougov</strong>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n\r\n  <mat-card-actions class=\"card-actions-buttons\" *ngIf=\"!hideSalvarButton\">\r\n    <button mat-flat-button [disabled]=\"isLoading || isReadyOnly\" type=\"submit\" color=\"primary\">\r\n      Salvar\r\n    </button>\r\n  </mat-card-actions>\r\n\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin-top:5px}:host{display:block}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.readonly{pointer-events:none;opacity:.6}.disabled-wrapper{pointer-events:none;opacity:.6;filter:grayscale(1)}.status-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:2px 0 20px;border-radius:6px;font-size:14px;font-weight:500}.status-banner.status-inclusao{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.status-banner.status-edicao{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.status-banner.status-bloqueado{background-color:#fce4ec;color:#c2185b;border:1px solid #f8bbd0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i9$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i9$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i13$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i14.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i14.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i14.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: UnbPessoaTelefoneListComponent, selector: "lib-unb-pessoa-telefone-list", inputs: ["podeEditar", "telefones", "backendURL"], outputs: ["telefonesEmitted"] }, { kind: "component", type: UnbPessoaenderecoListComponent, selector: "lib-unb-pessoa-endereco-list", inputs: ["podeEditar", "enderecos", "backendURL"], outputs: ["enderecosEmitted"] }, { kind: "component", type: UnbPessoaEmailListComponent, selector: "lib-unb-pessoa-email-list", inputs: ["podeEditar", "emails", "backendURL"], outputs: ["emailsEmitted"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-unb-pessoa-form', standalone: false, template: "<mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar>\r\n\r\n<unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n\r\n<!-- Label indicando que est\u00E1 incluindo nova pessoa -->\r\n<div *ngIf=\"documentoPesquisado\"\r\n      class=\"status-banner\" \r\n      [ngClass]=\"{\r\n       'status-inclusao': !pessoa.codigoPessoa,\r\n       'status-edicao': pessoa.codigoPessoa && !isReadyOnly,\r\n       'status-bloqueado': config.isReadyOnly\r\n     }\">\r\n\r\n  <mat-icon>\r\n    {{ !pessoa.codigoPessoa ? 'person_add' : (isReadyOnly ? 'lock' : 'edit') }}\r\n  </mat-icon>\r\n\r\n  <span>\r\n    <ng-container *ngIf=\"!pessoa.codigoPessoa\">Incluindo nova pessoa</ng-container>\r\n    <ng-container *ngIf=\"pessoa.codigoPessoa && !isReadyOnly\">Editando pessoa</ng-container>\r\n    <ng-container *ngIf=\"isReadyOnly\">Registro SIAPE (Visualiza\u00E7\u00E3o)</ng-container> com <strong>{{ getLabelDocumento() }} {{ documentoPesquisado }}</strong>\r\n  </span>\r\n</div>\r\n\r\n<form #pessoaForm=\"ngForm\" [class.readonly]=\"isReadyOnly || isLoading\" class=\"form-container\" (ngSubmit)=\"salvar(pessoaForm)\">\r\n  <!-- Campos Pessoa F\u00EDsica e Estrangeira  -->\r\n  <ng-container\r\n    *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA || pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA\">\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nome\" name=\"nome\" #nome=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Sexo</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoSexo\" name=\"codigoSexo\" #codigoSexo=\"ngModel\" required>\r\n        <mat-option [value]=\"1\">Masculino</mat-option>\r\n        <mat-option [value]=\"2\">Feminino</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Data Nascimento</mat-label>\r\n      <input matInput [matDatepicker]=\"dataNascimentoPicker\" [(ngModel)]=\"pessoa.dataNascimento\" name=\"dataNascimento\"\r\n        #dataNascimento=\"ngModel\" required>\r\n      <mat-datepicker-toggle matSuffix [for]=\"dataNascimentoPicker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #dataNascimentoPicker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Estado Civil</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoEstadoCivil\" name=\"codigoEstadoCivil\" #codigoEstadoCivil=\"ngModel\">\r\n        <mat-option *ngFor=\"let estado of estadosCivil | async\" [value]=\"estado.codigo\">\r\n          {{ estado.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <!--\r\n        <mat-form-field class=\"form-15\" appearance=\"outline\">\r\n          <mat-label>Naturalidade</mat-label>\r\n          <mat-select [(ngModel)]=\"pessoa.naturalidade\" name=\"naturalidade\" #naturalidade=\"ngModel\" required>\r\n            <mat-option *ngFor=\"let cidade of getListaEstados()\" [value]=\"cidade.codigo\">\r\n              {{ cidade.descricao }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        -->\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Pa\u00EDs Nascimento</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoPaisNascimento\" name=\"codigoPaisNascimento\" #codigoPaisNascimento=\"ngModel\"\r\n        required>\r\n        <mat-option *ngFor=\"let paisNascimento of paises | async\" [value]=\"paisNascimento.codigo\">\r\n          <span *ngIf=\"paisNascimento.denominacao === 'BRASIL'\">\uD83C\uDDE7\uD83C\uDDF7 <b>{{ paisNascimento.denominacao }}</b></span>\r\n          <span *ngIf=\"paisNascimento.denominacao !== 'BRASIL'\">{{ paisNascimento.denominacao }}</span>\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\" *ngIf=\"pessoa.codigoPaisNascimento == 22\"> <!-- 22 eh Brasil-->\r\n      <mat-label>UF Nascimento</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.ufNascimento\" name=\"ufNascimento\" #ufNascimento=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let estado of getListaEstados()\" [value]=\"estado.identificador\">\r\n          {{ estado.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\" *ngIf=\"pessoa.codigoPaisNascimento == 22\">\r\n      <mat-label>Naturalidade</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.naturalidade\" name=\"naturalidade\" #naturalidade=\"ngModel\"\r\n        required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Escolaridade</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.escolaridade\" name=\"codigoEscolaridade\" #codigoEscolaridade=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let escolaridade of escolaridade | async\" [value]=\"escolaridade.codigo\">\r\n          {{ escolaridade.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome Social</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeSocial\" name=\"nomeSocial\" #nomeSocial=\"ngModel\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome da M\u00E3e</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeMae\" name=\"nomeMae\" #nomeMae=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome do Pai</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomePai\" name=\"nomePai\" #nomePai=\"ngModel\" required />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <!-- Campos Pessoa Jur\u00EDdica -->\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().JURIDICA\">\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Raz\u00E3o Social</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.razaoSocial\" name=\"razaoSocial\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome Fantasia</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeFantasia\" name=\"nomeFantasia\" />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA\">\r\n    <b style=\"flex: 1 1 100%; margin-bottom: 10px;\">Documenta\u00E7\u00E3o</b>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Identidade</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rg\" name=\"rg\" #rg=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>\u00D3rg\u00E3o Emissor</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rgOrgao\" name=\"rgOrgao\" #rgOrgao=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Unidade Federativa</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.rgUf\" name=\"rgUf\" #rgUf=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let estado of getListaEstados()\" [value]=\"estado.identificador\">\r\n          {{ estado.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Data de Emiss\u00E3o</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rgDataEmissao\" name=\"rgDataEmissao\" #rgDataEmissao=\"ngModel\" />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa != tipoPessoaEnum().JURIDICA && (pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA || pessoa.codigoPaisNascimento != 22)\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Data Chegada Brasil</mat-label>\r\n      <input matInput [matDatepicker]=\"dataChegadaBrasilPicker\" [(ngModel)]=\"pessoa.dataChegadaBrasil\"\r\n        name=\"dataChegadaBrasil\" #dataChegadaBrasil=\"ngModel\" required>\r\n      <mat-datepicker-toggle matSuffix [for]=\"dataChegadaBrasilPicker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #dataChegadaBrasilPicker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-10\" appearance=\"outline\">\r\n      <mat-label>Pa\u00EDs Passaporte</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoPaisPassaporte\" name=\"codigoPaisPassaporte\" #codigoPaisPassaporte=\"ngModel\"\r\n        required>\r\n        <mat-option *ngFor=\"let paisNascimento of paises | async\" [value]=\"paisNascimento.codigo\">\r\n          {{ paisNascimento.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>N\u00FAmero Passaporte</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" #passaporte=\"ngModel\" required />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <lib-unb-pessoa-telefone-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [telefones]=\"pessoa.telefones\"\r\n    (telefonesEmitted)=\"telefonesEmitted($event)\"></lib-unb-pessoa-telefone-list>\r\n\r\n  <lib-unb-pessoa-endereco-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [enderecos]=\"pessoa.enderecos\"\r\n    (enderecosEmitted)=\"enderecosEmitted($event)\"></lib-unb-pessoa-endereco-list>\r\n\r\n  <lib-unb-pessoa-email-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [emails]=\"pessoa.emails\"\r\n    (emailsEmitted)=\"emailsEmitted($event)\"></lib-unb-pessoa-email-list>\r\n\r\n  <div *ngIf=\"isReadyOnly\" style=\"flex:1 1 100%; margin-bottom:10px;\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <strong>Servidor com matr\u00EDcula SIAPE deve ter seus dados autalizados pelo aplicativo do sougov</strong>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n\r\n  <mat-card-actions class=\"card-actions-buttons\" *ngIf=\"!hideSalvarButton\">\r\n    <button mat-flat-button [disabled]=\"isLoading || isReadyOnly\" type=\"submit\" color=\"primary\">\r\n      Salvar\r\n    </button>\r\n  </mat-card-actions>\r\n\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin-top:5px}:host{display:block}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.readonly{pointer-events:none;opacity:.6}.disabled-wrapper{pointer-events:none;opacity:.6;filter:grayscale(1)}.status-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:2px 0 20px;border-radius:6px;font-size:14px;font-weight:500}.status-banner.status-inclusao{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.status-banner.status-edicao{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.status-banner.status-bloqueado{background-color:#fce4ec;color:#c2185b;border:1px solid #f8bbd0}\n"] }]
+        }], ctorParameters: () => [{ type: UnBPessoaService }, { type: i1$1.MatSnackBar }, { type: UnbMensagemService }], propDecorators: { pessoaForm: [{
+                type: ViewChild,
+                args: ['pessoaForm']
+            }], config: [{
+                type: Input
+            }], hideSalvarButton: [{
+                type: Input
+            }], pessoaEmitted: [{
+                type: Output
+            }], isLoadingChange: [{
+                type: Output
+            }] } });
+
+class UnbPessoaFormDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.config = new UnbPessoaFormConfig();
+        this.pessoaEmitted = new EventEmitter();
+        this.isLoading = false;
+        this.titulo = 'Cadastro de Pessoa';
+        if (data && data.config) {
+            this.config = data.config;
+            // Ajusta o título dependendo se é edição ou inclusão
+            if (this.config.pessoa && this.config.pessoa.codigoPessoa) {
+                this.titulo = 'Editando Pessoa';
+            }
+            else {
+                this.titulo = 'Nova Pessoa';
+            }
+        }
+    }
+    onLoadingChange($event) {
+        this.isLoading = $event;
+    }
+    fechar() {
+        this.dialogRef.close();
+    }
+    // se salvar, jah fecha emite o valor salvo. Nao posso deixar aberto, senao vai emitir o close vazio. E o dono nao vai receber a pessoa
+    onSalvarSucesso($event) {
+        this.dialogRef.close($event);
+    }
+    submitForm() {
+        // chama o salvar lah do form.
+        if (this.pessoaFormComponent && this.pessoaFormComponent.pessoaForm) {
+            this.pessoaFormComponent.salvar(this.pessoaFormComponent.pessoaForm);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaFormComponent, deps: [{ token: UnBPessoaService }, { token: i1$1.MatSnackBar }, { token: UnbMensagemService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaFormComponent, isStandalone: false, selector: "lib-unb-pessoa-form", inputs: { config: "config", hideSalvarButton: "hideSalvarButton" }, outputs: { pessoaEmitted: "pessoaEmitted", isLoadingChange: "isLoadingChange" }, viewQueries: [{ propertyName: "pessoaForm", first: true, predicate: ["pessoaForm"], descendants: true }], ngImport: i0, template: "<mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar>\r\n\r\n<unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n\r\n<!-- Label indicando que est\u00E1 incluindo nova pessoa -->\r\n<div *ngIf=\"documentoPesquisado\"\r\n      class=\"status-banner\" \r\n      [ngClass]=\"{\r\n       'status-inclusao': !pessoa.codigoPessoa,\r\n       'status-edicao': pessoa.codigoPessoa && !isReadyOnly,\r\n       'status-bloqueado': config.isReadyOnly\r\n     }\">\r\n\r\n  <mat-icon>\r\n    {{ !pessoa.codigoPessoa ? 'person_add' : (isReadyOnly ? 'lock' : 'edit') }}\r\n  </mat-icon>\r\n\r\n  <span>\r\n    <ng-container *ngIf=\"!pessoa.codigoPessoa\">Incluindo nova pessoa</ng-container>\r\n    <ng-container *ngIf=\"pessoa.codigoPessoa && !isReadyOnly\">Editando pessoa</ng-container>\r\n    <ng-container *ngIf=\"isReadyOnly\">Registro SIAPE (Visualiza\u00E7\u00E3o)</ng-container> com <strong>{{ getLabelDocumento() }} {{ documentoPesquisado }}</strong>\r\n  </span>\r\n</div>\r\n\r\n<form #pessoaForm=\"ngForm\" [class.readonly]=\"isReadyOnly || isLoading\" class=\"form-container\" (ngSubmit)=\"salvar(pessoaForm)\">\r\n  <!-- Campos Pessoa F\u00EDsica e Estrangeira  -->\r\n  <ng-container\r\n    *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA || pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA\">\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nome\" name=\"nome\" #nome=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Sexo</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoSexo\" name=\"codigoSexo\" #codigoSexo=\"ngModel\" required>\r\n        <mat-option [value]=\"1\">Masculino</mat-option>\r\n        <mat-option [value]=\"2\">Feminino</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Data Nascimento</mat-label>\r\n      <input matInput [matDatepicker]=\"dataNascimentoPicker\" [(ngModel)]=\"pessoa.dataNascimento\" name=\"dataNascimento\"\r\n        #dataNascimento=\"ngModel\" required>\r\n      <mat-datepicker-toggle matSuffix [for]=\"dataNascimentoPicker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #dataNascimentoPicker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Estado Civil</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoEstadoCivil\" name=\"codigoEstadoCivil\" #codigoEstadoCivil=\"ngModel\">\r\n        <mat-option *ngFor=\"let estado of estadosCivil | async\" [value]=\"estado.codigo\">\r\n          {{ estado.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <!--\r\n        <mat-form-field class=\"form-15\" appearance=\"outline\">\r\n          <mat-label>Naturalidade</mat-label>\r\n          <mat-select [(ngModel)]=\"pessoa.naturalidade\" name=\"naturalidade\" #naturalidade=\"ngModel\" required>\r\n            <mat-option *ngFor=\"let cidade of getListaEstados()\" [value]=\"cidade.codigo\">\r\n              {{ cidade.descricao }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        -->\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Pa\u00EDs Nascimento</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoPaisNascimento\" name=\"codigoPaisNascimento\" #codigoPaisNascimento=\"ngModel\"\r\n        required>\r\n        <mat-option *ngFor=\"let paisNascimento of paises | async\" [value]=\"paisNascimento.codigo\">\r\n          <span *ngIf=\"paisNascimento.denominacao === 'BRASIL'\">\uD83C\uDDE7\uD83C\uDDF7 <b>{{ paisNascimento.denominacao }}</b></span>\r\n          <span *ngIf=\"paisNascimento.denominacao !== 'BRASIL'\">{{ paisNascimento.denominacao }}</span>\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\" *ngIf=\"pessoa.codigoPaisNascimento == 22\"> <!-- 22 eh Brasil-->\r\n      <mat-label>UF Nascimento</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.ufNascimento\" name=\"ufNascimento\" #ufNascimento=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let estado of getListaEstados()\" [value]=\"estado.identificador\">\r\n          {{ estado.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\" *ngIf=\"pessoa.codigoPaisNascimento == 22\">\r\n      <mat-label>Naturalidade</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.naturalidade\" name=\"naturalidade\" #naturalidade=\"ngModel\"\r\n        required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Escolaridade</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.escolaridade\" name=\"codigoEscolaridade\" #codigoEscolaridade=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let escolaridade of escolaridade | async\" [value]=\"escolaridade.codigo\">\r\n          {{ escolaridade.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome Social</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeSocial\" name=\"nomeSocial\" #nomeSocial=\"ngModel\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome da M\u00E3e</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeMae\" name=\"nomeMae\" #nomeMae=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome do Pai</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomePai\" name=\"nomePai\" #nomePai=\"ngModel\" required />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <!-- Campos Pessoa Jur\u00EDdica -->\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().JURIDICA\">\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Raz\u00E3o Social</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.razaoSocial\" name=\"razaoSocial\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome Fantasia</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeFantasia\" name=\"nomeFantasia\" />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA\">\r\n    <b style=\"flex: 1 1 100%; margin-bottom: 10px;\">Documenta\u00E7\u00E3o</b>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Identidade</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rg\" name=\"rg\" #rg=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>\u00D3rg\u00E3o Emissor</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rgOrgao\" name=\"rgOrgao\" #rgOrgao=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Unidade Federativa</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.rgUf\" name=\"rgUf\" #rgUf=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let estado of getListaEstados()\" [value]=\"estado.identificador\">\r\n          {{ estado.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Data de Emiss\u00E3o</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rgDataEmissao\" name=\"rgDataEmissao\" #rgDataEmissao=\"ngModel\" />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa != tipoPessoaEnum().JURIDICA && (pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA || pessoa.codigoPaisNascimento != 22)\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Data Chegada Brasil</mat-label>\r\n      <input matInput [matDatepicker]=\"dataChegadaBrasilPicker\" [(ngModel)]=\"pessoa.dataChegadaBrasil\"\r\n        name=\"dataChegadaBrasil\" #dataChegadaBrasil=\"ngModel\" required>\r\n      <mat-datepicker-toggle matSuffix [for]=\"dataChegadaBrasilPicker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #dataChegadaBrasilPicker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-10\" appearance=\"outline\">\r\n      <mat-label>Pa\u00EDs Passaporte</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoPaisPassaporte\" name=\"codigoPaisPassaporte\" #codigoPaisPassaporte=\"ngModel\"\r\n        required>\r\n        <mat-option *ngFor=\"let paisNascimento of paises | async\" [value]=\"paisNascimento.codigo\">\r\n          {{ paisNascimento.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>N\u00FAmero Passaporte</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" #passaporte=\"ngModel\" required />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <lib-unb-pessoa-telefone-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [telefones]=\"pessoa.telefones\"\r\n    (telefonesEmitted)=\"telefonesEmitted($event)\"></lib-unb-pessoa-telefone-list>\r\n\r\n  <lib-unb-pessoa-endereco-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [enderecos]=\"pessoa.enderecos\"\r\n    (enderecosEmitted)=\"enderecosEmitted($event)\"></lib-unb-pessoa-endereco-list>\r\n\r\n  <lib-unb-pessoa-email-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [emails]=\"pessoa.emails\"\r\n    (emailsEmitted)=\"emailsEmitted($event)\"></lib-unb-pessoa-email-list>\r\n\r\n  <div *ngIf=\"isReadyOnly\" style=\"flex:1 1 100%; margin-bottom:10px;\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <strong>Servidor com matr\u00EDcula SIAPE deve ter seus dados autalizados pelo aplicativo do sougov</strong>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n\r\n  <mat-card-actions class=\"card-actions-buttons\" *ngIf=\"!hideSalvarButton\">\r\n    <button mat-flat-button [disabled]=\"isLoading || isReadyOnly\" type=\"submit\" color=\"primary\">\r\n      Salvar\r\n    </button>\r\n  </mat-card-actions>\r\n\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin-top:5px}:host{display:block}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.readonly{pointer-events:none;opacity:.6}.disabled-wrapper{pointer-events:none;opacity:.6;filter:grayscale(1)}.status-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:2px 0 20px;border-radius:6px;font-size:14px;font-weight:500}.status-banner.status-inclusao{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.status-banner.status-edicao{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.status-banner.status-bloqueado{background-color:#fce4ec;color:#c2185b;border:1px solid #f8bbd0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i9$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i9$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i13$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i14.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i14.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i14.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: UnbPessoaTelefoneListComponent, selector: "lib-unb-pessoa-telefone-list", inputs: ["podeEditar", "telefones", "backendURL"], outputs: ["telefonesEmitted"] }, { kind: "component", type: UnbPessoaenderecoListComponent, selector: "lib-unb-pessoa-endereco-list", inputs: ["podeEditar", "enderecos", "backendURL"], outputs: ["enderecosEmitted"] }, { kind: "component", type: UnbPessoaEmailListComponent, selector: "lib-unb-pessoa-email-list", inputs: ["podeEditar", "emails", "backendURL"], outputs: ["emailsEmitted"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaFormDialogComponent, deps: [{ token: i4$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaFormDialogComponent, isStandalone: false, selector: "lib-unb-pessoa-form-dialog", inputs: { config: "config" }, outputs: { pessoaEmitted: "pessoaEmitted" }, viewQueries: [{ propertyName: "pessoaFormComponent", first: true, predicate: UnbPessoaFormComponent, descendants: true }], ngImport: i0, template: "<h2 mat-dialog-title>{{ titulo }}</h2>\r\n\r\n<mat-dialog-content class=\"mat-typography\">\r\n  <lib-unb-pessoa-form\r\n    [config]=\"config\"\r\n    [hideSalvarButton]=true\r\n    (pessoaEmitted)=\"onSalvarSucesso($event)\"\r\n    (isLoadingChange)=\"onLoadingChange($event)\">\r\n  </lib-unb-pessoa-form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions align=\"end\">\r\n  <button mat-stroked-button color=\"warn\" [disabled]=\"isLoading\" (click)=\"fechar()\">\r\n    Fechar\r\n  </button>\r\n\r\n  <button [disabled]=\"isLoading\" mat-flat-button color=\"primary\" (click)=\"submitForm()\">\r\n    Salvar\r\n  </button>\r\n</mat-dialog-actions>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}h2[mat-dialog-title]{flex:0 0 auto;margin:0;padding:16px 24px}mat-dialog-content{flex-grow:1;overflow-y:auto;max-height:unset!important;display:flex;flex-direction:column}mat-dialog-actions{flex:0 0 auto;border-top:1px solid #ddd;padding:8px 16px!important;margin-bottom:0!important;min-height:52px}\n"], dependencies: [{ kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i4$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: UnbPessoaFormComponent, selector: "lib-unb-pessoa-form", inputs: ["config", "hideSalvarButton"], outputs: ["pessoaEmitted", "isLoadingChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaFormDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-unb-pessoa-form', standalone: false, template: "<mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar>\r\n\r\n<unb-mensagem [identificador]=\"idMensagemService\"></unb-mensagem>\r\n\r\n<!-- Label indicando que est\u00E1 incluindo nova pessoa -->\r\n<div *ngIf=\"documentoPesquisado\"\r\n      class=\"status-banner\" \r\n      [ngClass]=\"{\r\n       'status-inclusao': !pessoa.codigoPessoa,\r\n       'status-edicao': pessoa.codigoPessoa && !isReadyOnly,\r\n       'status-bloqueado': config.isReadyOnly\r\n     }\">\r\n\r\n  <mat-icon>\r\n    {{ !pessoa.codigoPessoa ? 'person_add' : (isReadyOnly ? 'lock' : 'edit') }}\r\n  </mat-icon>\r\n\r\n  <span>\r\n    <ng-container *ngIf=\"!pessoa.codigoPessoa\">Incluindo nova pessoa</ng-container>\r\n    <ng-container *ngIf=\"pessoa.codigoPessoa && !isReadyOnly\">Editando pessoa</ng-container>\r\n    <ng-container *ngIf=\"isReadyOnly\">Registro SIAPE (Visualiza\u00E7\u00E3o)</ng-container> com <strong>{{ getLabelDocumento() }} {{ documentoPesquisado }}</strong>\r\n  </span>\r\n</div>\r\n\r\n<form #pessoaForm=\"ngForm\" [class.readonly]=\"isReadyOnly || isLoading\" class=\"form-container\" (ngSubmit)=\"salvar(pessoaForm)\">\r\n  <!-- Campos Pessoa F\u00EDsica e Estrangeira  -->\r\n  <ng-container\r\n    *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA || pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA\">\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nome\" name=\"nome\" #nome=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Sexo</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoSexo\" name=\"codigoSexo\" #codigoSexo=\"ngModel\" required>\r\n        <mat-option [value]=\"1\">Masculino</mat-option>\r\n        <mat-option [value]=\"2\">Feminino</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Data Nascimento</mat-label>\r\n      <input matInput [matDatepicker]=\"dataNascimentoPicker\" [(ngModel)]=\"pessoa.dataNascimento\" name=\"dataNascimento\"\r\n        #dataNascimento=\"ngModel\" required>\r\n      <mat-datepicker-toggle matSuffix [for]=\"dataNascimentoPicker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #dataNascimentoPicker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Estado Civil</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoEstadoCivil\" name=\"codigoEstadoCivil\" #codigoEstadoCivil=\"ngModel\">\r\n        <mat-option *ngFor=\"let estado of estadosCivil | async\" [value]=\"estado.codigo\">\r\n          {{ estado.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <!--\r\n        <mat-form-field class=\"form-15\" appearance=\"outline\">\r\n          <mat-label>Naturalidade</mat-label>\r\n          <mat-select [(ngModel)]=\"pessoa.naturalidade\" name=\"naturalidade\" #naturalidade=\"ngModel\" required>\r\n            <mat-option *ngFor=\"let cidade of getListaEstados()\" [value]=\"cidade.codigo\">\r\n              {{ cidade.descricao }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n        -->\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Pa\u00EDs Nascimento</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoPaisNascimento\" name=\"codigoPaisNascimento\" #codigoPaisNascimento=\"ngModel\"\r\n        required>\r\n        <mat-option *ngFor=\"let paisNascimento of paises | async\" [value]=\"paisNascimento.codigo\">\r\n          <span *ngIf=\"paisNascimento.denominacao === 'BRASIL'\">\uD83C\uDDE7\uD83C\uDDF7 <b>{{ paisNascimento.denominacao }}</b></span>\r\n          <span *ngIf=\"paisNascimento.denominacao !== 'BRASIL'\">{{ paisNascimento.denominacao }}</span>\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\" *ngIf=\"pessoa.codigoPaisNascimento == 22\"> <!-- 22 eh Brasil-->\r\n      <mat-label>UF Nascimento</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.ufNascimento\" name=\"ufNascimento\" #ufNascimento=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let estado of getListaEstados()\" [value]=\"estado.identificador\">\r\n          {{ estado.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\" *ngIf=\"pessoa.codigoPaisNascimento == 22\">\r\n      <mat-label>Naturalidade</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.naturalidade\" name=\"naturalidade\" #naturalidade=\"ngModel\"\r\n        required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Escolaridade</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.escolaridade\" name=\"codigoEscolaridade\" #codigoEscolaridade=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let escolaridade of escolaridade | async\" [value]=\"escolaridade.codigo\">\r\n          {{ escolaridade.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome Social</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeSocial\" name=\"nomeSocial\" #nomeSocial=\"ngModel\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome da M\u00E3e</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeMae\" name=\"nomeMae\" #nomeMae=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome do Pai</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomePai\" name=\"nomePai\" #nomePai=\"ngModel\" required />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <!-- Campos Pessoa Jur\u00EDdica -->\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().JURIDICA\">\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Raz\u00E3o Social</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.razaoSocial\" name=\"razaoSocial\" />\r\n    </mat-form-field>\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Nome Fantasia</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.nomeFantasia\" name=\"nomeFantasia\" />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA\">\r\n    <b style=\"flex: 1 1 100%; margin-bottom: 10px;\">Documenta\u00E7\u00E3o</b>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Identidade</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rg\" name=\"rg\" #rg=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>\u00D3rg\u00E3o Emissor</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rgOrgao\" name=\"rgOrgao\" #rgOrgao=\"ngModel\" required />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n      <mat-label>Unidade Federativa</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.rgUf\" name=\"rgUf\" #rgUf=\"ngModel\" required>\r\n        <mat-option *ngFor=\"let estado of getListaEstados()\" [value]=\"estado.identificador\">\r\n          {{ estado.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-20\" appearance=\"outline\">\r\n      <mat-label>Data de Emiss\u00E3o</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.rgDataEmissao\" name=\"rgDataEmissao\" #rgDataEmissao=\"ngModel\" />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"pessoa.tipoPessoa != tipoPessoaEnum().JURIDICA && (pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA || pessoa.codigoPaisNascimento != 22)\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Data Chegada Brasil</mat-label>\r\n      <input matInput [matDatepicker]=\"dataChegadaBrasilPicker\" [(ngModel)]=\"pessoa.dataChegadaBrasil\"\r\n        name=\"dataChegadaBrasil\" #dataChegadaBrasil=\"ngModel\" required>\r\n      <mat-datepicker-toggle matSuffix [for]=\"dataChegadaBrasilPicker\"></mat-datepicker-toggle>\r\n      <mat-datepicker #dataChegadaBrasilPicker></mat-datepicker>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-10\" appearance=\"outline\">\r\n      <mat-label>Pa\u00EDs Passaporte</mat-label>\r\n      <mat-select [(ngModel)]=\"pessoa.codigoPaisPassaporte\" name=\"codigoPaisPassaporte\" #codigoPaisPassaporte=\"ngModel\"\r\n        required>\r\n        <mat-option *ngFor=\"let paisNascimento of paises | async\" [value]=\"paisNascimento.codigo\">\r\n          {{ paisNascimento.denominacao }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>N\u00FAmero Passaporte</mat-label>\r\n      <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" #passaporte=\"ngModel\" required />\r\n    </mat-form-field>\r\n  </ng-container>\r\n\r\n  <lib-unb-pessoa-telefone-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [telefones]=\"pessoa.telefones\"\r\n    (telefonesEmitted)=\"telefonesEmitted($event)\"></lib-unb-pessoa-telefone-list>\r\n\r\n  <lib-unb-pessoa-endereco-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [enderecos]=\"pessoa.enderecos\"\r\n    (enderecosEmitted)=\"enderecosEmitted($event)\"></lib-unb-pessoa-endereco-list>\r\n\r\n  <lib-unb-pessoa-email-list style=\"flex: 1 1 100%;\" [backendURL]=\"config.backendURL\" [emails]=\"pessoa.emails\"\r\n    (emailsEmitted)=\"emailsEmitted($event)\"></lib-unb-pessoa-email-list>\r\n\r\n  <div *ngIf=\"isReadyOnly\" style=\"flex:1 1 100%; margin-bottom:10px;\">\r\n    <mat-card>\r\n      <mat-card-content>\r\n        <strong>Servidor com matr\u00EDcula SIAPE deve ter seus dados autalizados pelo aplicativo do sougov</strong>\r\n      </mat-card-content>\r\n    </mat-card>\r\n  </div>\r\n\r\n  <mat-card-actions class=\"card-actions-buttons\" *ngIf=\"!hideSalvarButton\">\r\n    <button mat-flat-button [disabled]=\"isLoading || isReadyOnly\" type=\"submit\" color=\"primary\">\r\n      Salvar\r\n    </button>\r\n  </mat-card-actions>\r\n\r\n</form>", styles: [".card-actions-buttons{display:flex;gap:5px;flex-wrap:wrap}.form-container{display:flex;flex-wrap:wrap;column-gap:10px;margin-top:5px}:host{display:block}@media(max-width:1000px){.form-container{flex-direction:column;gap:5px}}.break{flex-basis:100%;height:0}.form-5{flex:1 1 5%}.inline-table-container{display:flex;align-items:center;justify-content:space-between;padding:5px}@media(max-width:600px){.form-5,.form-10,.form-15{flex:1 1 100%}}.form-10{flex:1 1 10%}.form-15{flex:1 1 15%}.form-20{flex:1 1 20%}.form-25{flex:1 1 25%}.form-30{flex:1 1 30%}.form-35{flex:1 1 35%}.form-40{flex:1 1 40%}.form-45{flex:1 1 45%}.form-50{flex:1 1 50%}.form-100{flex:1 1 100%;min-width:250px}.readonly{pointer-events:none;opacity:.6}.disabled-wrapper{pointer-events:none;opacity:.6;filter:grayscale(1)}.status-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:2px 0 20px;border-radius:6px;font-size:14px;font-weight:500}.status-banner.status-inclusao{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.status-banner.status-edicao{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.status-banner.status-bloqueado{background-color:#fce4ec;color:#c2185b;border:1px solid #f8bbd0}\n"] }]
-        }], ctorParameters: () => [{ type: UnBPessoaService }, { type: i1$1.MatSnackBar }, { type: UnbMensagemService }], propDecorators: { pessoaForm: [{
-                type: ViewChild,
-                args: ['pessoaForm']
-            }], config: [{
-                type: Input
-            }], hideSalvarButton: [{
+            args: [{ selector: 'lib-unb-pessoa-form-dialog', standalone: false, template: "<h2 mat-dialog-title>{{ titulo }}</h2>\r\n\r\n<mat-dialog-content class=\"mat-typography\">\r\n  <lib-unb-pessoa-form\r\n    [config]=\"config\"\r\n    [hideSalvarButton]=true\r\n    (pessoaEmitted)=\"onSalvarSucesso($event)\"\r\n    (isLoadingChange)=\"onLoadingChange($event)\">\r\n  </lib-unb-pessoa-form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions align=\"end\">\r\n  <button mat-stroked-button color=\"warn\" [disabled]=\"isLoading\" (click)=\"fechar()\">\r\n    Fechar\r\n  </button>\r\n\r\n  <button [disabled]=\"isLoading\" mat-flat-button color=\"primary\" (click)=\"submitForm()\">\r\n    Salvar\r\n  </button>\r\n</mat-dialog-actions>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}h2[mat-dialog-title]{flex:0 0 auto;margin:0;padding:16px 24px}mat-dialog-content{flex-grow:1;overflow-y:auto;max-height:unset!important;display:flex;flex-direction:column}mat-dialog-actions{flex:0 0 auto;border-top:1px solid #ddd;padding:8px 16px!important;margin-bottom:0!important;min-height:52px}\n"] }]
+        }], ctorParameters: () => [{ type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }], propDecorators: { config: [{
                 type: Input
             }], pessoaEmitted: [{
                 type: Output
-            }], isLoadingChange: [{
-                type: Output
+            }], pessoaFormComponent: [{
+                type: ViewChild,
+                args: [UnbPessoaFormComponent]
             }] } });
 
 class UnbPessoaPesquisarComponent {
@@ -2681,10 +2753,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 /**
- * Esse é um componente Wrapper utilitário. Ele encapsula a logica de procurar e exibir o formulario de cadastro/alteração inline.
- * Isso economiza o ciclo de mostrar a pesquisa do pessoa, e depois mostrar o formulário.
- */
-class UnbPessoaCrudComponent {
+ * Esse é um componetne Wrapper utilitário. Ele encapsula a logica de procurar e se nao achar iniciar o formulario de cadastro em um modal.
+ * Também, se achar, ele permite alterar a pessoa encontrada.
+ * O SGI usa para cadastro de Inquilino no formulario. La tem a pesquisa de Pessoa, se nao achar, abre o formulario de cadastro em modal. Assim, nao precisa ir em outra tela pra cadastrar
+ * Eh possivel configurar se quer mostrar o botao de Novo (se nao achar) e Alterar (se achar). No SGI, por exemplo eu soh deixo incluir novo, pq nao faz sentido alterar a pessoa no meio do cadastro do inquilino.
+*/
+class UnbPessoaCrudModalComponent {
     constructor(snackBar, pessoaService, alertService, dialog) {
         this.snackBar = snackBar;
         this.pessoaService = pessoaService;
@@ -2693,11 +2767,11 @@ class UnbPessoaCrudComponent {
         this.isLoading = false;
         // Configuração do componente
         this.pesquisaConfig = new UnbPessoaPesquisaConfig();
-        this.showFormOnModal = false;
-        this.maxWidthPesquisa = '450px'; // Input para controlar a largura da área de pesquisa
+        this.incluirBotaoNovo = true; // se pesquisou e nao achou, mostra botao novo
+        this.incluirBotaoAlterar = true; // se pesquisou e achou, mostra botao alterar
         this.pessoaEmitted = new EventEmitter();
         this.pessoaSelecionada = new UnbPessoaModel();
-        this.pessoaEncontrada = false;
+        this.mostrarBotaoNovo = false;
         this.formConfig = new UnbPessoaFormConfig(); // o formCOnfig a gente monta conforme o pesquisaConfig
     }
     ngOnInit() {
@@ -2715,9 +2789,6 @@ class UnbPessoaCrudComponent {
         this.formConfig.backendURL = this.pesquisaConfig.backendURL;
         this.formConfig.token = this.pesquisaConfig.token;
     }
-    loadingPesquisa($event) {
-        this.isLoading = $event;
-    }
     pessoaPesquisaRecebida(pessoa) {
         // 1. Verifica se a pessoa é nula ou se é um objeto "vazio" (sem ID e sem documentos)
         const isVazio = !pessoa || (!pessoa.codigoPessoa && // Não tem ID
@@ -2729,12 +2800,19 @@ class UnbPessoaCrudComponent {
             // Se for vazio, limpamos a seleção para esconder o formulário
             // (O *ngIf="pessoaSelecionada" no HTML vai remover o componente da tela)
             this.pessoaSelecionada = new UnbPessoaModel(); // ou undefined, dependendo da tipagem
-            this.pessoaEncontrada = false;
+            this.mostrarBotaoNovo = false;
         }
         else {
             // Se tiver algum dado (CPF digitado ou pessoa encontrada), atualiza
             this.pessoaSelecionada = pessoa;
-            this.pessoaEncontrada = true;
+            if (this.pessoaSelecionada.codigoPessoa) {
+                // joga pra cima pra falar que uma pessoa foi encontrada
+                this.pessoaEmitted.emit(pessoa);
+            }
+            else if (this.incluirBotaoNovo) {
+                this.openSnackBar('Pessoa não encontrada. Clique em “Incluir Nova Pessoa” para realizar o cadastro.');
+                this.mostrarBotaoNovo = true;
+            }
         }
         // 2. Atualiza a configuração do formulário
         // Importante: Só tenta acessar 'pessoa' se formConfig existir
@@ -2747,87 +2825,70 @@ class UnbPessoaCrudComponent {
             };
         }
     }
+    limparSelecao() {
+        this.pessoaSelecionada = new UnbPessoaModel(); // ou new UnbPessoaModel()
+        // Talvez precise avisar o componente filho para limpar o input também
+    }
+    getDocumentoFormatado(pessoa) {
+        if (pessoa.cpf && pessoa.cpf.trim() !== '') {
+            return pessoa.cpf;
+        }
+        else if (pessoa.cnpj && pessoa.cnpj.trim() !== '') {
+            return pessoa.cnpj;
+        }
+        else if (pessoa.passaporte && pessoa.passaporte.trim() !== '') {
+            return pessoa.passaporte;
+        }
+    }
+    openModal() {
+        const dialogRef = this.dialog.open(UnbPessoaFormDialogComponent, {
+            // 1. Defina um painel de classe para controlar tudo no CSS
+            panelClass: 'dialog-pessoa-fullscreen',
+            // 2. Largura padrão para Desktop (o CSS vai sobrescrever no mobile)
+            width: '90vw',
+            maxWidth: '1200px', // Trava para não ficar gigante em monitores ultrawide
+            // 3. Altura automática ou máxima (CSS controla o esticar)
+            maxHeight: '95vh',
+            data: {
+                config: this.formConfig
+            },
+            autoFocus: 'first-tabbable'
+        });
+        dialogRef.afterClosed().subscribe((pessoaSalva) => {
+            if (pessoaSalva?.codigoPessoa) {
+                this.pessoaEmitted.emit(pessoaSalva);
+            }
+        });
+    }
     openSnackBar(message) {
         this.snackBar.open(message, 'x', {
             duration: 5000,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaCrudComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaCrudComponent, isStandalone: false, selector: "lib-unb-pessoa-crud", inputs: { pesquisaConfig: "pesquisaConfig", showFormOnModal: "showFormOnModal", maxWidthPesquisa: "maxWidthPesquisa" }, outputs: { pessoaEmitted: "pessoaEmitted" }, ngImport: i0, template: "<div class=\"area-pesquisa\" [style.max-width]=\"maxWidthPesquisa\" [class.disabled-wrapper]=\"isLoading\">\r\n  <lib-unb-pessoa-pesquisar \r\n    [config]=\"pesquisaConfig\"\r\n    (isLoadingChange)=\"loadingPesquisa($event)\"\r\n    (pessoaEmitted)=\"pessoaPesquisaRecebida($event)\">\r\n  </lib-unb-pessoa-pesquisar>\r\n</div>\r\n\r\n<div *ngIf=\"pessoaEncontrada && !isLoading\" class=\"area-formulario\">\r\n  <lib-unb-pessoa-form \r\n    [config]=\"formConfig\">\r\n  </lib-unb-pessoa-form>\r\n</div>", styles: [".area-pesquisa{width:100%;margin-bottom:10px}.area-formulario{width:100%}@media(max-width:600px){.area-pesquisa{max-width:100%}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UnbPessoaFormComponent, selector: "lib-unb-pessoa-form", inputs: ["config", "hideSalvarButton"], outputs: ["pessoaEmitted", "isLoadingChange"] }, { kind: "component", type: UnbPessoaPesquisarComponent, selector: "lib-unb-pessoa-pesquisar", inputs: ["config"], outputs: ["pessoaEmitted", "isLoadingChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaCrudModalComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.3", type: UnbPessoaCrudModalComponent, isStandalone: false, selector: "lib-unb-pessoa-crud-modal", inputs: { pesquisaConfig: "pesquisaConfig", incluirBotaoNovo: ["incluirBotaoNovo", "incluirBotaoNovo", booleanAttribute], incluirBotaoAlterar: ["incluirBotaoAlterar", "incluirBotaoAlterar", booleanAttribute] }, outputs: { pessoaEmitted: "pessoaEmitted" }, ngImport: i0, template: "<div class=\"search-wrapper\" [class.disabled-wrapper]=\"isLoading\">\r\n\r\n  <div class=\"search-input-area\">\r\n    <lib-unb-pessoa-pesquisar \r\n        [config]=\"pesquisaConfig\" \r\n        (pessoaEmitted)=\"pessoaPesquisaRecebida($event)\">\r\n    </lib-unb-pessoa-pesquisar>\r\n  </div>\r\n\r\n  <div class=\"search-button-area\">\r\n\r\n    <button *ngIf=\"incluirBotaoNovo && mostrarBotaoNovo && !pessoaSelecionada.codigoPessoa\" \r\n            mat-stroked-button \r\n            color=\"accent\"\r\n            (click)=\"openModal()\" \r\n            type=\"button\" \r\n            style=\"white-space: nowrap;\">\r\n      <mat-icon>add</mat-icon> Incluir Nova Pessoa\r\n    </button>\r\n\r\n    <div *ngIf=\"incluirBotaoAlterar && pessoaSelecionada.codigoPessoa\" class=\"mini-card-selected\">\r\n      <div class=\"card-avatar\"><mat-icon>person</mat-icon></div>\r\n       <div class=\"card-info\">\r\n          <div class=\"card-name\">{{ pessoaSelecionada.nome }}</div>\r\n          <div class=\"card-doc\">{{ getDocumentoFormatado(pessoaSelecionada) }}</div>\r\n       </div>\r\n       <div class=\"card-actions\">\r\n         <button mat-stroked-button color=\"primary\" (click)=\"openModal()\" type=\"button\">\r\n            <mat-icon>edit</mat-icon> Editar\r\n         </button>\r\n       </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>", styles: ["::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-container{min-width:600px}@media(max-width:768px){::ng-deep .dialog-pessoa-fullscreen{max-width:100vw!important;width:100vw!important;height:100vh!important}::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-container{max-width:100vw!important;height:100%!important;max-height:100vh!important}::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-surface{border-radius:0!important;height:100%!important;display:flex;flex-direction:column}}.form-container{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;width:100%}.mini-card-selected{display:flex;align-items:center;gap:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;box-shadow:0 1px 3px #00000014;white-space:nowrap;margin-bottom:22px}.card-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;color:#757575}.card-info{display:flex;flex-direction:column;line-height:1.3;margin-right:8px}.card-name{font-weight:600;font-size:14px;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis}.card-doc{font-size:12px;color:#666}.card-actions{flex-shrink:0}@media(max-width:600px){.mini-card-selected{width:100%;justify-content:space-between}.card-name{max-width:140px}}.search-wrapper{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%}.search-input-area{flex:1;min-width:250px;max-width:400px}.search-button-area{flex-shrink:0;margin-bottom:22px}@media(max-width:600px){.search-input-area{max-width:100%}.search-button-area{width:100%;margin-bottom:0}.search-button-area button{width:100%}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbPessoaPesquisarComponent, selector: "lib-unb-pessoa-pesquisar", inputs: ["config"], outputs: ["pessoaEmitted", "isLoadingChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaCrudComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaCrudModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-unb-pessoa-crud', standalone: false, template: "<div class=\"area-pesquisa\" [style.max-width]=\"maxWidthPesquisa\" [class.disabled-wrapper]=\"isLoading\">\r\n  <lib-unb-pessoa-pesquisar \r\n    [config]=\"pesquisaConfig\"\r\n    (isLoadingChange)=\"loadingPesquisa($event)\"\r\n    (pessoaEmitted)=\"pessoaPesquisaRecebida($event)\">\r\n  </lib-unb-pessoa-pesquisar>\r\n</div>\r\n\r\n<div *ngIf=\"pessoaEncontrada && !isLoading\" class=\"area-formulario\">\r\n  <lib-unb-pessoa-form \r\n    [config]=\"formConfig\">\r\n  </lib-unb-pessoa-form>\r\n</div>", styles: [".area-pesquisa{width:100%;margin-bottom:10px}.area-formulario{width:100%}@media(max-width:600px){.area-pesquisa{max-width:100%}}\n"] }]
+            args: [{ selector: 'lib-unb-pessoa-crud-modal', standalone: false, template: "<div class=\"search-wrapper\" [class.disabled-wrapper]=\"isLoading\">\r\n\r\n  <div class=\"search-input-area\">\r\n    <lib-unb-pessoa-pesquisar \r\n        [config]=\"pesquisaConfig\" \r\n        (pessoaEmitted)=\"pessoaPesquisaRecebida($event)\">\r\n    </lib-unb-pessoa-pesquisar>\r\n  </div>\r\n\r\n  <div class=\"search-button-area\">\r\n\r\n    <button *ngIf=\"incluirBotaoNovo && mostrarBotaoNovo && !pessoaSelecionada.codigoPessoa\" \r\n            mat-stroked-button \r\n            color=\"accent\"\r\n            (click)=\"openModal()\" \r\n            type=\"button\" \r\n            style=\"white-space: nowrap;\">\r\n      <mat-icon>add</mat-icon> Incluir Nova Pessoa\r\n    </button>\r\n\r\n    <div *ngIf=\"incluirBotaoAlterar && pessoaSelecionada.codigoPessoa\" class=\"mini-card-selected\">\r\n      <div class=\"card-avatar\"><mat-icon>person</mat-icon></div>\r\n       <div class=\"card-info\">\r\n          <div class=\"card-name\">{{ pessoaSelecionada.nome }}</div>\r\n          <div class=\"card-doc\">{{ getDocumentoFormatado(pessoaSelecionada) }}</div>\r\n       </div>\r\n       <div class=\"card-actions\">\r\n         <button mat-stroked-button color=\"primary\" (click)=\"openModal()\" type=\"button\">\r\n            <mat-icon>edit</mat-icon> Editar\r\n         </button>\r\n       </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>", styles: ["::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-container{min-width:600px}@media(max-width:768px){::ng-deep .dialog-pessoa-fullscreen{max-width:100vw!important;width:100vw!important;height:100vh!important}::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-container{max-width:100vw!important;height:100%!important;max-height:100vh!important}::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-surface{border-radius:0!important;height:100%!important;display:flex;flex-direction:column}}.form-container{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;width:100%}.mini-card-selected{display:flex;align-items:center;gap:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;box-shadow:0 1px 3px #00000014;white-space:nowrap;margin-bottom:22px}.card-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;color:#757575}.card-info{display:flex;flex-direction:column;line-height:1.3;margin-right:8px}.card-name{font-weight:600;font-size:14px;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis}.card-doc{font-size:12px;color:#666}.card-actions{flex-shrink:0}@media(max-width:600px){.mini-card-selected{width:100%;justify-content:space-between}.card-name{max-width:140px}}.search-wrapper{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%}.search-input-area{flex:1;min-width:250px;max-width:400px}.search-button-area{flex-shrink:0;margin-bottom:22px}@media(max-width:600px){.search-input-area{max-width:100%}.search-button-area{width:100%;margin-bottom:0}.search-button-area button{width:100%}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialog }], propDecorators: { pesquisaConfig: [{
                 type: Input,
                 args: [{ required: true }]
-            }], showFormOnModal: [{
-                type: Input
-            }], maxWidthPesquisa: [{
-                type: Input
-            }], pessoaEmitted: [{
-                type: Output
-            }] } });
-
-class UnbPessoaFormDialogComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.config = new UnbPessoaFormConfig();
-        this.pessoaEmitted = new EventEmitter();
-        this.isLoading = false;
-        this.titulo = 'Cadastro de Pessoa';
-        if (data && data.config) {
-            this.config = data.config;
-            // Ajusta o título dependendo se é edição ou inclusão
-            if (this.config.pessoa && this.config.pessoa.codigoPessoa) {
-                this.titulo = 'Editando Pessoa';
-            }
-            else {
-                this.titulo = 'Nova Pessoa';
-            }
-        }
-    }
-    onLoadingChange($event) {
-        this.isLoading = $event;
-    }
-    fechar() {
-        this.dialogRef.close();
-    }
-    // se salvar, jah fecha emite o valor salvo. Nao posso deixar aberto, senao vai emitir o close vazio. E o dono nao vai receber a pessoa
-    onSalvarSucesso($event) {
-        this.dialogRef.close($event);
-    }
-    submitForm() {
-        // chama o salvar lah do form.
-        if (this.pessoaFormComponent && this.pessoaFormComponent.pessoaForm) {
-            this.pessoaFormComponent.salvar(this.pessoaFormComponent.pessoaForm);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaFormDialogComponent, deps: [{ token: i4$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaFormDialogComponent, isStandalone: false, selector: "lib-unb-pessoa-form-dialog", inputs: { config: "config" }, outputs: { pessoaEmitted: "pessoaEmitted" }, viewQueries: [{ propertyName: "pessoaFormComponent", first: true, predicate: UnbPessoaFormComponent, descendants: true }], ngImport: i0, template: "<h2 mat-dialog-title>{{ titulo }}</h2>\r\n\r\n<mat-dialog-content class=\"mat-typography\">\r\n  <lib-unb-pessoa-form\r\n    [config]=\"config\"\r\n    [hideSalvarButton]=true\r\n    (pessoaEmitted)=\"onSalvarSucesso($event)\"\r\n    (isLoadingChange)=\"onLoadingChange($event)\">\r\n  </lib-unb-pessoa-form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions align=\"end\">\r\n  <button mat-stroked-button color=\"warn\" [disabled]=\"isLoading\" (click)=\"fechar()\">\r\n    Fechar\r\n  </button>\r\n\r\n  <button [disabled]=\"isLoading\" mat-flat-button color=\"primary\" (click)=\"submitForm()\">\r\n    Salvar\r\n  </button>\r\n</mat-dialog-actions>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}h2[mat-dialog-title]{flex:0 0 auto;margin:0;padding:16px 24px}mat-dialog-content{flex-grow:1;overflow-y:auto;max-height:unset!important;display:flex;flex-direction:column}mat-dialog-actions{flex:0 0 auto;border-top:1px solid #ddd;padding:8px 16px!important;margin-bottom:0!important;min-height:52px}\n"], dependencies: [{ kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i4$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: UnbPessoaFormComponent, selector: "lib-unb-pessoa-form", inputs: ["config", "hideSalvarButton"], outputs: ["pessoaEmitted", "isLoadingChange"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaFormDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-unb-pessoa-form-dialog', standalone: false, template: "<h2 mat-dialog-title>{{ titulo }}</h2>\r\n\r\n<mat-dialog-content class=\"mat-typography\">\r\n  <lib-unb-pessoa-form\r\n    [config]=\"config\"\r\n    [hideSalvarButton]=true\r\n    (pessoaEmitted)=\"onSalvarSucesso($event)\"\r\n    (isLoadingChange)=\"onLoadingChange($event)\">\r\n  </lib-unb-pessoa-form>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions align=\"end\">\r\n  <button mat-stroked-button color=\"warn\" [disabled]=\"isLoading\" (click)=\"fechar()\">\r\n    Fechar\r\n  </button>\r\n\r\n  <button [disabled]=\"isLoading\" mat-flat-button color=\"primary\" (click)=\"submitForm()\">\r\n    Salvar\r\n  </button>\r\n</mat-dialog-actions>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}h2[mat-dialog-title]{flex:0 0 auto;margin:0;padding:16px 24px}mat-dialog-content{flex-grow:1;overflow-y:auto;max-height:unset!important;display:flex;flex-direction:column}mat-dialog-actions{flex:0 0 auto;border-top:1px solid #ddd;padding:8px 16px!important;margin-bottom:0!important;min-height:52px}\n"] }]
-        }], ctorParameters: () => [{ type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }], propDecorators: { config: [{
-                type: Input
+            }], incluirBotaoNovo: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], incluirBotaoAlterar: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], pessoaEmitted: [{
                 type: Output
-            }], pessoaFormComponent: [{
-                type: ViewChild,
-                args: [UnbPessoaFormComponent]
             }] } });
 
 /**
- * Esse é um componetne Wrapper utilitário. Ele encapsula a logica de procurar e se nao achar iniciar o formulario de cadastro em um modal.
- * Também, se achar, ele permite alterar a pessoa encontrada.
- * O SGI usa para cadastro de Inquilino no formulario. La tem a pesquisa de Pessoa, se nao achar, abre o formulario de cadastro em modal. Assim, nao precisa ir em outra tela pra cadastrar
- * Eh possivel configurar se quer mostrar o botao de Novo (se nao achar) e Alterar (se achar). No SGI, por exemplo eu soh deixo incluir novo, pq nao faz sentido alterar a pessoa no meio do cadastro do inquilino.
-*/
-class UnbPessoaCrudModalComponent {
+ * Esse é um componente Wrapper utilitário. Ele encapsula a logica de procurar e exibir o formulario de cadastro/alteração inline.
+ * Isso economiza o ciclo de mostrar a pesquisa do pessoa, e depois mostrar o formulário.
+ */
+class UnbPessoaCrudComponent {
     constructor(snackBar, pessoaService, alertService, dialog) {
         this.snackBar = snackBar;
         this.pessoaService = pessoaService;
@@ -2836,11 +2897,11 @@ class UnbPessoaCrudModalComponent {
         this.isLoading = false;
         // Configuração do componente
         this.pesquisaConfig = new UnbPessoaPesquisaConfig();
-        this.incluirBotaoNovo = true; // se pesquisou e nao achou, mostra botao novo
-        this.incluirBotaoAlterar = true; // se pesquisou e achou, mostra botao alterar
+        this.showFormOnModal = false;
+        this.maxWidthPesquisa = '450px'; // Input para controlar a largura da área de pesquisa
         this.pessoaEmitted = new EventEmitter();
         this.pessoaSelecionada = new UnbPessoaModel();
-        this.mostrarBotaoNovo = false;
+        this.pessoaEncontrada = false;
         this.formConfig = new UnbPessoaFormConfig(); // o formCOnfig a gente monta conforme o pesquisaConfig
     }
     ngOnInit() {
@@ -2858,6 +2919,9 @@ class UnbPessoaCrudModalComponent {
         this.formConfig.backendURL = this.pesquisaConfig.backendURL;
         this.formConfig.token = this.pesquisaConfig.token;
     }
+    loadingPesquisa($event) {
+        this.isLoading = $event;
+    }
     pessoaPesquisaRecebida(pessoa) {
         // 1. Verifica se a pessoa é nula ou se é um objeto "vazio" (sem ID e sem documentos)
         const isVazio = !pessoa || (!pessoa.codigoPessoa && // Não tem ID
@@ -2869,19 +2933,12 @@ class UnbPessoaCrudModalComponent {
             // Se for vazio, limpamos a seleção para esconder o formulário
             // (O *ngIf="pessoaSelecionada" no HTML vai remover o componente da tela)
             this.pessoaSelecionada = new UnbPessoaModel(); // ou undefined, dependendo da tipagem
-            this.mostrarBotaoNovo = false;
+            this.pessoaEncontrada = false;
         }
         else {
             // Se tiver algum dado (CPF digitado ou pessoa encontrada), atualiza
             this.pessoaSelecionada = pessoa;
-            if (this.pessoaSelecionada.codigoPessoa) {
-                // joga pra cima pra falar que uma pessoa foi encontrada
-                this.pessoaEmitted.emit(pessoa);
-            }
-            else if (this.incluirBotaoNovo) {
-                this.openSnackBar('Pessoa não encontrada. Clique em “Incluir Nova Pessoa” para realizar o cadastro.');
-                this.mostrarBotaoNovo = true;
-            }
+            this.pessoaEncontrada = true;
         }
         // 2. Atualiza a configuração do formulário
         // Importante: Só tenta acessar 'pessoa' se formConfig existir
@@ -2894,61 +2951,24 @@ class UnbPessoaCrudModalComponent {
             };
         }
     }
-    limparSelecao() {
-        this.pessoaSelecionada = new UnbPessoaModel(); // ou new UnbPessoaModel()
-        // Talvez precise avisar o componente filho para limpar o input também
-    }
-    getDocumentoFormatado(pessoa) {
-        if (pessoa.cpf && pessoa.cpf.trim() !== '') {
-            return pessoa.cpf;
-        }
-        else if (pessoa.cnpj && pessoa.cnpj.trim() !== '') {
-            return pessoa.cnpj;
-        }
-        else if (pessoa.passaporte && pessoa.passaporte.trim() !== '') {
-            return pessoa.passaporte;
-        }
-    }
-    openModal() {
-        const dialogRef = this.dialog.open(UnbPessoaFormDialogComponent, {
-            // 1. Defina um painel de classe para controlar tudo no CSS
-            panelClass: 'dialog-pessoa-fullscreen',
-            // 2. Largura padrão para Desktop (o CSS vai sobrescrever no mobile)
-            width: '90vw',
-            maxWidth: '1200px', // Trava para não ficar gigante em monitores ultrawide
-            // 3. Altura automática ou máxima (CSS controla o esticar)
-            maxHeight: '95vh',
-            data: {
-                config: this.formConfig
-            },
-            autoFocus: 'first-tabbable'
-        });
-        dialogRef.afterClosed().subscribe((pessoaSalva) => {
-            if (pessoaSalva?.codigoPessoa) {
-                this.pessoaEmitted.emit(pessoaSalva);
-            }
-        });
-    }
     openSnackBar(message) {
         this.snackBar.open(message, 'x', {
             duration: 5000,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaCrudModalComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.3", type: UnbPessoaCrudModalComponent, isStandalone: false, selector: "lib-unb-pessoa-crud-modal", inputs: { pesquisaConfig: "pesquisaConfig", incluirBotaoNovo: ["incluirBotaoNovo", "incluirBotaoNovo", booleanAttribute], incluirBotaoAlterar: ["incluirBotaoAlterar", "incluirBotaoAlterar", booleanAttribute] }, outputs: { pessoaEmitted: "pessoaEmitted" }, ngImport: i0, template: "<div class=\"search-wrapper\" [class.disabled-wrapper]=\"isLoading\">\r\n\r\n  <div class=\"search-input-area\">\r\n    <lib-unb-pessoa-pesquisar \r\n        [config]=\"pesquisaConfig\" \r\n        (pessoaEmitted)=\"pessoaPesquisaRecebida($event)\">\r\n    </lib-unb-pessoa-pesquisar>\r\n  </div>\r\n\r\n  <div class=\"search-button-area\">\r\n\r\n    <button *ngIf=\"incluirBotaoNovo && mostrarBotaoNovo && !pessoaSelecionada.codigoPessoa\" \r\n            mat-stroked-button \r\n            color=\"accent\"\r\n            (click)=\"openModal()\" \r\n            type=\"button\" \r\n            style=\"white-space: nowrap;\">\r\n      <mat-icon>add</mat-icon> Incluir Nova Pessoa\r\n    </button>\r\n\r\n    <div *ngIf=\"incluirBotaoAlterar && pessoaSelecionada.codigoPessoa\" class=\"mini-card-selected\">\r\n      <div class=\"card-avatar\"><mat-icon>person</mat-icon></div>\r\n       <div class=\"card-info\">\r\n          <div class=\"card-name\">{{ pessoaSelecionada.nome }}</div>\r\n          <div class=\"card-doc\">{{ getDocumentoFormatado(pessoaSelecionada) }}</div>\r\n       </div>\r\n       <div class=\"card-actions\">\r\n         <button mat-stroked-button color=\"primary\" (click)=\"openModal()\" type=\"button\">\r\n            <mat-icon>edit</mat-icon> Editar\r\n         </button>\r\n       </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>", styles: ["::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-container{min-width:600px}@media(max-width:768px){::ng-deep .dialog-pessoa-fullscreen{max-width:100vw!important;width:100vw!important;height:100vh!important}::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-container{max-width:100vw!important;height:100%!important;max-height:100vh!important}::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-surface{border-radius:0!important;height:100%!important;display:flex;flex-direction:column}}.form-container{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;width:100%}.mini-card-selected{display:flex;align-items:center;gap:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;box-shadow:0 1px 3px #00000014;white-space:nowrap;margin-bottom:22px}.card-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;color:#757575}.card-info{display:flex;flex-direction:column;line-height:1.3;margin-right:8px}.card-name{font-weight:600;font-size:14px;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis}.card-doc{font-size:12px;color:#666}.card-actions{flex-shrink:0}@media(max-width:600px){.mini-card-selected{width:100%;justify-content:space-between}.card-name{max-width:140px}}.search-wrapper{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%}.search-input-area{flex:1;min-width:250px;max-width:400px}.search-button-area{flex-shrink:0;margin-bottom:22px}@media(max-width:600px){.search-input-area{max-width:100%}.search-button-area{width:100%;margin-bottom:0}.search-button-area button{width:100%}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: UnbPessoaPesquisarComponent, selector: "lib-unb-pessoa-pesquisar", inputs: ["config"], outputs: ["pessoaEmitted", "isLoadingChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaCrudComponent, deps: [{ token: i1$1.MatSnackBar }, { token: UnBPessoaService }, { token: UnbMensagemService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: UnbPessoaCrudComponent, isStandalone: false, selector: "lib-unb-pessoa-crud", inputs: { pesquisaConfig: "pesquisaConfig", showFormOnModal: "showFormOnModal", maxWidthPesquisa: "maxWidthPesquisa" }, outputs: { pessoaEmitted: "pessoaEmitted" }, ngImport: i0, template: "<div class=\"area-pesquisa\" [style.max-width]=\"maxWidthPesquisa\" [class.disabled-wrapper]=\"isLoading\">\r\n  <lib-unb-pessoa-pesquisar \r\n    [config]=\"pesquisaConfig\"\r\n    (isLoadingChange)=\"loadingPesquisa($event)\"\r\n    (pessoaEmitted)=\"pessoaPesquisaRecebida($event)\">\r\n  </lib-unb-pessoa-pesquisar>\r\n</div>\r\n\r\n<div *ngIf=\"pessoaEncontrada && !isLoading\" class=\"area-formulario\">\r\n  <lib-unb-pessoa-form \r\n    [config]=\"formConfig\">\r\n  </lib-unb-pessoa-form>\r\n</div>", styles: [".area-pesquisa{width:100%;margin-bottom:10px}.area-formulario{width:100%}@media(max-width:600px){.area-pesquisa{max-width:100%}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UnbPessoaFormComponent, selector: "lib-unb-pessoa-form", inputs: ["config", "hideSalvarButton"], outputs: ["pessoaEmitted", "isLoadingChange"] }, { kind: "component", type: UnbPessoaPesquisarComponent, selector: "lib-unb-pessoa-pesquisar", inputs: ["config"], outputs: ["pessoaEmitted", "isLoadingChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaCrudModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaCrudComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-unb-pessoa-crud-modal', standalone: false, template: "<div class=\"search-wrapper\" [class.disabled-wrapper]=\"isLoading\">\r\n\r\n  <div class=\"search-input-area\">\r\n    <lib-unb-pessoa-pesquisar \r\n        [config]=\"pesquisaConfig\" \r\n        (pessoaEmitted)=\"pessoaPesquisaRecebida($event)\">\r\n    </lib-unb-pessoa-pesquisar>\r\n  </div>\r\n\r\n  <div class=\"search-button-area\">\r\n\r\n    <button *ngIf=\"incluirBotaoNovo && mostrarBotaoNovo && !pessoaSelecionada.codigoPessoa\" \r\n            mat-stroked-button \r\n            color=\"accent\"\r\n            (click)=\"openModal()\" \r\n            type=\"button\" \r\n            style=\"white-space: nowrap;\">\r\n      <mat-icon>add</mat-icon> Incluir Nova Pessoa\r\n    </button>\r\n\r\n    <div *ngIf=\"incluirBotaoAlterar && pessoaSelecionada.codigoPessoa\" class=\"mini-card-selected\">\r\n      <div class=\"card-avatar\"><mat-icon>person</mat-icon></div>\r\n       <div class=\"card-info\">\r\n          <div class=\"card-name\">{{ pessoaSelecionada.nome }}</div>\r\n          <div class=\"card-doc\">{{ getDocumentoFormatado(pessoaSelecionada) }}</div>\r\n       </div>\r\n       <div class=\"card-actions\">\r\n         <button mat-stroked-button color=\"primary\" (click)=\"openModal()\" type=\"button\">\r\n            <mat-icon>edit</mat-icon> Editar\r\n         </button>\r\n       </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>", styles: ["::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-container{min-width:600px}@media(max-width:768px){::ng-deep .dialog-pessoa-fullscreen{max-width:100vw!important;width:100vw!important;height:100vh!important}::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-container{max-width:100vw!important;height:100%!important;max-height:100vh!important}::ng-deep .dialog-pessoa-fullscreen .mat-mdc-dialog-surface{border-radius:0!important;height:100%!important;display:flex;flex-direction:column}}.form-container{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;width:100%}.mini-card-selected{display:flex;align-items:center;gap:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;box-shadow:0 1px 3px #00000014;white-space:nowrap;margin-bottom:22px}.card-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;color:#757575}.card-info{display:flex;flex-direction:column;line-height:1.3;margin-right:8px}.card-name{font-weight:600;font-size:14px;color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis}.card-doc{font-size:12px;color:#666}.card-actions{flex-shrink:0}@media(max-width:600px){.mini-card-selected{width:100%;justify-content:space-between}.card-name{max-width:140px}}.search-wrapper{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%}.search-input-area{flex:1;min-width:250px;max-width:400px}.search-button-area{flex-shrink:0;margin-bottom:22px}@media(max-width:600px){.search-input-area{max-width:100%}.search-button-area{width:100%;margin-bottom:0}.search-button-area button{width:100%}}\n"] }]
+            args: [{ selector: 'lib-unb-pessoa-crud', standalone: false, template: "<div class=\"area-pesquisa\" [style.max-width]=\"maxWidthPesquisa\" [class.disabled-wrapper]=\"isLoading\">\r\n  <lib-unb-pessoa-pesquisar \r\n    [config]=\"pesquisaConfig\"\r\n    (isLoadingChange)=\"loadingPesquisa($event)\"\r\n    (pessoaEmitted)=\"pessoaPesquisaRecebida($event)\">\r\n  </lib-unb-pessoa-pesquisar>\r\n</div>\r\n\r\n<div *ngIf=\"pessoaEncontrada && !isLoading\" class=\"area-formulario\">\r\n  <lib-unb-pessoa-form \r\n    [config]=\"formConfig\">\r\n  </lib-unb-pessoa-form>\r\n</div>", styles: [".area-pesquisa{width:100%;margin-bottom:10px}.area-formulario{width:100%}@media(max-width:600px){.area-pesquisa{max-width:100%}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialog }], propDecorators: { pesquisaConfig: [{
                 type: Input,
                 args: [{ required: true }]
-            }], incluirBotaoNovo: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], incluirBotaoAlterar: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
+            }], showFormOnModal: [{
+                type: Input
+            }], maxWidthPesquisa: [{
+                type: Input
             }], pessoaEmitted: [{
                 type: Output
             }] } });
@@ -2995,7 +3015,6 @@ class UnbPessoaModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: UnbPessoaModule, declarations: [UnbPessoaFormDialogComponent, UnbPessoaCrudComponent, UnbPessoaCrudModalComponent, UnbPessoaFormComponent, UnbPessoaPesquisarComponent, UnbPessoaEnderecoFormComponent, UnbPessoaTelefoneListComponent, UnbPessoaenderecoListComponent, UnbPessoaTelefoneFormComponent, UnbPessoaEmailFormComponent, UnbPessoaEmailListComponent], imports: [CommonModule,
             FormsModule,
-            BrowserModule,
             MatIconModule,
             DragDropModule,
             MatListModule,
@@ -3030,7 +3049,6 @@ class UnbPessoaModule {
             { provide: MAT_DATE_FORMATS, useValue: PT_BR_DATE_FORMATS }
         ], imports: [CommonModule,
             FormsModule,
-            BrowserModule,
             MatIconModule,
             DragDropModule,
             MatListModule,
@@ -3064,7 +3082,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                     imports: [
                         CommonModule,
                         FormsModule,
-                        BrowserModule,
                         MatIconModule,
                         DragDropModule,
                         MatListModule,