@stiunb/unb-lib-components 18.0.23 → 18.0.25

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, Input, NgModule, ViewChild, Inject, EventEmitter, Output } from '@angular/core';
-import { Subject, BehaviorSubject, catchError, throwError, of, map, forkJoin } from 'rxjs';
+import { Subject, BehaviorSubject, throwError, catchError, of, map, forkJoin } from 'rxjs';
 import * as i4 from '@angular/common';
 import { CommonModule, DatePipe, CurrencyPipe } from '@angular/common';
 import * as i5 from '@angular/material/icon';
@@ -23,39 +23,38 @@ import * as i8 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatListModule } from '@angular/material/list';
 import { BrowserModule } from '@angular/platform-browser';
-import * as i5$2 from '@angular/forms';
+import * as i6 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i10 from '@angular/material/core';
+import * as i12 from '@angular/material/core';
 import { MatNativeDateModule } from '@angular/material/core';
-import * as i14 from '@angular/material/datepicker';
+import * as i15 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatExpansionModule } from '@angular/material/expansion';
-import * as i7$2 from '@angular/material/form-field';
+import * as i9 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i8$1 from '@angular/material/input';
+import * as i10 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { MatPaginatorModule } from '@angular/material/paginator';
-import * as i13 from '@angular/material/progress-bar';
+import * as i14 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i9$1 from '@angular/material/progress-spinner';
+import * as i11$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i10$1 from '@angular/material/radio';
+import * as i12$1 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
-import * as i9 from '@angular/material/select';
+import * as i11 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i1$2 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
-import * as i3$2 from '@angular/material/dialog';
+import * as i4$2 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i1$1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
-import * as i6 from '@angular/cdk/drag-drop';
+import * as i6$1 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 
 class UnbMensagemModel {
 }
 
-// faz com que a enum seja uma contagem de 0 a 3
 var UnbTipoMensagemEnum;
 (function (UnbTipoMensagemEnum) {
     UnbTipoMensagemEnum[UnbTipoMensagemEnum["SUCCESS"] = 0] = "SUCCESS";
@@ -65,8 +64,8 @@ var UnbTipoMensagemEnum;
 })(UnbTipoMensagemEnum || (UnbTipoMensagemEnum = {}));
 class UnbMensagemService {
     constructor() {
+        // Mudamos o tipo do Subject para aceitar o evento com ID
         this.messageSubject = new Subject();
-        // [background_color, font_color, border_color]
         this.cores = [
             ['#dff0d8', '#3c763d', '#d6e9c6'], // SUCCESS
             ['#d9edf7', '#31708f', '#bce8f1'], // INFO
@@ -75,30 +74,26 @@ class UnbMensagemService {
         ];
     }
     /**
-   *
-   * @param message mensagem que vai aparecer na tela
-   * @param tipo tipo da mensagem: success, info, warning, danger.
-   */
-    showMessage(message, type) {
-        this.messageSubject.next(this.createAlertMessage(message, ...this.cores[type]));
+     * @param message mensagem que vai aparecer na tela
+     * @param tipo tipo da mensagem: success, info, warning, danger.
+     * @param id (Opcional) Identificador do componente que deve exibir a mensagem
+     */
+    showMessage(message, type, id) {
+        const model = this.createAlertMessage(message, ...this.cores[type]);
+        // Envia o modelo E o id alvo (se houver)
+        this.messageSubject.next({ model: model, targetId: id });
     }
     /**
-    * Esconde o componente de mensagem passando um valor vazio
-    */
-    hideMessage() {
-        this.messageSubject.next(new UnbMensagemModel());
+     * Esconde o componente.
+     * @param id (Opcional) Se informado, esconde apenas o componente com este ID.
+     */
+    hideMessage(id) {
+        // Envia modelo vazio para esconder
+        this.messageSubject.next({ model: new UnbMensagemModel(), targetId: id });
     }
     getMessageSubject() {
         return this.messageSubject.asObservable();
     }
-    /**
-     *
-     * @param message Cria a mensagem passando os parametros com base nas cores criadas no construturo
-     * @param background_color cor de fundo
-     * @param font_color  cor da fonte
-     * @param border_color  cor da borda
-     * @returns
-     */
     createAlertMessage(message, background_color, font_color, border_color) {
         return { message, background_color, font_color, border_color };
     }
@@ -117,47 +112,39 @@ class UnbMensagemComponent {
         this.mensagemService = mensagemService;
     }
     ngOnInit() {
-        this.subscription = this.mensagemService.getMessageSubject().subscribe(message => {
-            if (message) {
-                this.alertMessage = message;
+        this.subscription = this.mensagemService.getMessageSubject().subscribe(event => {
+            // LÓGICA DE FILTRAGEM:
+            // 1. Se a mensagem tem um targetId, mas este componente não tem ID ou o ID não bate: IGNORA
+            if (event.targetId && event.targetId !== this.identificador) {
+                return;
             }
-            else {
-                //this.alertMessage  = undefined;
+            // 2. Se a mensagem tem targetId e bate com o meu ID: ACEITA
+            // 3. Se a mensagem NÃO tem targetId (global): ACEITA (comportamento padrão/antigo)
+            if (event.model) {
+                this.alertMessage = event.model;
             }
         });
     }
     ngAfterContentInit() {
         if (this.mensagem != null && this.mensagem != undefined) {
+            // Aqui passamos o this.id para garantir que a mensagem inicial fique neste componente
             this.showMessage(this.mensagem, this.getTipo());
         }
     }
-    /**
-     * Esconde o componente de mensagem
-     */
     hide() {
-        this.mensagemService.hideMessage();
+        // Ao fechar pelo X, passamos o próprio ID para não fechar outros componentes sem querer
+        this.mensagemService.hideMessage(this.identificador);
     }
-    /**
-     *
-     * @param message mensagem que vai aparecer na tela
-     * @param tipo tipo da mensagem: success, info, warning, danger.
-     */
     showMessage(message, tipo) {
-        this.mensagemService.showMessage(message, tipo);
+        this.mensagemService.showMessage(message, tipo, this.identificador);
     }
     ngOnDestroy() {
-        // unsubscribe to ensure no memory leaks
         if (this.subscription) {
             this.subscription.unsubscribe();
         }
     }
-    /**
-     * Recupera qual o tipo da mensagem.
-     * O método tenta achar o tipo conforme o valor informado, incluido erros de digitação
-     *
-     * @returns o valor correspondente do informa. Caso não encontra, emite um erro e coloca retorna o padrão info como default
-     */
     getTipo() {
+        // ... (mesma implementação anterior) ...
         if (this.tipo != null && this.tipo != undefined) {
             let valor = this.tipo.toLowerCase();
             if (valor == 'warning' || valor == 'warn' || valor == 'aviso') {
@@ -173,12 +160,10 @@ class UnbMensagemComponent {
                 return UnbTipoMensagemEnum.INFO;
             }
         }
-        // o padrao eh o info
-        console.log("Erro: Input [tipo] do componente unb-mensagem tem um valor inválido. Utilize: " + UnbTipoMensagemEnum.SUCCESS + " | " + UnbTipoMensagemEnum.INFO + " | " + UnbTipoMensagemEnum.WARNING + " | " + UnbTipoMensagemEnum.DANGER);
         return UnbTipoMensagemEnum.INFO;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemComponent, deps: [{ token: UnbMensagemService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: { mensagem: "mensagem", tipo: "tipo" }, ngImport: i0, template: "\r\n<div class=\"alert\" *ngIf=\"alertMessage && alertMessage.message && alertMessage.message.length > 1\" [ngStyle]=\"{background: alertMessage.background_color, 'border-color': alertMessage.border_color}\">     \r\n    <div class=\"mensagem\" [ngStyle]=\"{color: alertMessage.font_color}\" [innerHtml]= \"alertMessage.message\"></div>\r\n    <a  class=\"close\" (click)=\"hide()\" aria-label=\"fechar\" [ngStyle]=\"{color: alertMessage.font_color}\">x</a>\r\n</div> \r\n\r\n", styles: [".alert{display:flex;text-align:center;justify-content:space-between;border-top-color:darken(1px,5%);padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.42857143;font-weight:400;border-color:#fff}.mensagem{margin:0 auto}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;cursor:pointer;justify-content:flex-end}.close:hover{opacity:.7}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: { mensagem: "mensagem", tipo: "tipo", identificador: "identificador" }, ngImport: i0, template: "\r\n<div class=\"alert\" *ngIf=\"alertMessage && alertMessage.message && alertMessage.message.length > 1\" [ngStyle]=\"{background: alertMessage.background_color, 'border-color': alertMessage.border_color}\">     \r\n    <div class=\"mensagem\" [ngStyle]=\"{color: alertMessage.font_color}\" [innerHtml]= \"alertMessage.message\"></div>\r\n    <a  class=\"close\" (click)=\"hide()\" aria-label=\"fechar\" [ngStyle]=\"{color: alertMessage.font_color}\">x</a>\r\n</div> \r\n\r\n", styles: [".alert{display:flex;text-align:center;justify-content:space-between;border-top-color:darken(1px,5%);padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.42857143;font-weight:400;border-color:#fff}.mensagem{margin:0 auto}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;cursor:pointer;justify-content:flex-end}.close:hover{opacity:.7}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemComponent, decorators: [{
             type: Component,
@@ -187,6 +172,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                 type: Input
             }], tipo: [{
                 type: Input
+            }], identificador: [{
+                type: Input
             }] } });
 
 class UnbMensagemModule {
@@ -447,54 +434,145 @@ var TipoPessoaEnum;
 class UnBPessoaService {
     constructor(http) {
         this.http = http;
-        this.apiConfigSubject = new BehaviorSubject({ url: '', token: '' });
-        this.apiConfig$ = this.apiConfigSubject.asObservable();
+        // Armazena apenas a string da URL. Inicializa vazio.
+        this.backendUrlSubject = new BehaviorSubject('');
+        // Exposta como Observable (caso algum componente queira se inscrever)
+        this.backendUrl$ = this.backendUrlSubject.asObservable();
+        // -------------------------------------------------------------------
+        // HANDLE ERROR PADRONIZADO 
+        // -------------------------------------------------------------------
+        this.handleError = (error) => {
+            let mensagemSimples = 'Ocorreu um erro ao processar a requisição!';
+            let mensagemHtml = '<strong>Ocorreu um erro desconhecido.</strong>';
+            // 2. Descobre quem é o corpo do erro
+            let errorBody;
+            if (error.detalhes || error.codigoStatus) {
+                // CASO 1: O Interceptor já desembrulhou o erro (é o JSON puro)
+                errorBody = error;
+            }
+            else {
+                // CASO 2: É um HttpErrorResponse padrão (tem a propriedade .error)
+                errorBody = error.error || error;
+            }
+            // 3. Lógica de Limpeza e Parse (se for string suja)
+            if (typeof errorBody === 'string') {
+                try {
+                    errorBody = JSON.parse(errorBody);
+                }
+                catch (e) {
+                    const start = errorBody.indexOf('{');
+                    const end = errorBody.lastIndexOf('}');
+                    if (start > -1 && end > start) {
+                        try {
+                            errorBody = JSON.parse(errorBody.substring(start, end + 1));
+                        }
+                        catch (e2) {
+                            // Se falhar o parse, usa o texto como mensagem
+                            mensagemSimples = errorBody.substring(0, 200);
+                            mensagemHtml = `<strong>${errorBody}</strong>`;
+                        }
+                    }
+                }
+            }
+            // 4. Formatação baseada no JSON identificado
+            if (errorBody && typeof errorBody === 'object') {
+                // A: Erros de Validação
+                if (errorBody.detalhes && Array.isArray(errorBody.detalhes) && errorBody.detalhes.length > 0) {
+                    mensagemSimples = "O formulário possui erros de validação.";
+                    const listaErros = errorBody.detalhes.map((d) => `<li><strong>${d.nomeCampo || 'Campo'}:</strong> ${d.critica || d.mensagem}</li>`).join('');
+                    mensagemHtml = `<strong>Erros de Validação:</strong> <ul>${listaErros}</ul>`;
+                }
+                // B: Erro Genérico com mensagem
+                else {
+                    const msgBackend = errorBody.mensagem || errorBody.message || errorBody.detail;
+                    if (msgBackend) {
+                        mensagemSimples = msgBackend;
+                        mensagemHtml = `<strong>${msgBackend}</strong>`;
+                    }
+                }
+            }
+            // 5. Tratamentos de Status HTTP (Se o wrapper original tiver status)
+            // Nota: Se o interceptor desembrulhou, 'error.status' pode não existir, 
+            // mas 'errorBody.codigoStatus' (do Java) pode existir.
+            const status = error.status || errorBody?.codigoStatus || 0;
+            if (status === 401) {
+                mensagemSimples = "Sessão expirada.";
+                mensagemHtml = "<strong>Sessão expirada. Faça login novamente.</strong>";
+            }
+            else if (status === 403) {
+                mensagemSimples = "Acesso Negado.";
+                mensagemHtml = "<strong>Você não tem permissão para realizar esta ação.</strong>";
+            }
+            const erroFormatado = {
+                status: status,
+                mensagemSimples,
+                mensagemHtml
+            };
+            console.warn('[UnBPessoaService] Erro formatado final:', erroFormatado);
+            return throwError(() => erroFormatado);
+        };
     }
-    // Atualiza a configuração global
-    setApiConfig(config) {
-        this.apiConfigSubject.next(config);
+    // Setter agora recebe string direta
+    setBackendUrl(url) {
+        // Tratamento remove barra no final para padronizar
+        if (url.endsWith('/')) {
+            url = url.slice(0, -1);
+        }
+        this.backendUrlSubject.next(url);
     }
-    // Retorna a configuração atual
-    getApiConfig() {
-        return this.apiConfigSubject.getValue();
+    // Getter retorna string direta
+    getBackendUrl() {
+        return this.backendUrlSubject.getValue();
     }
     // Headers padrão
     getHeaders() {
-        const { token } = this.getApiConfig();
         return {
             headers: new HttpHeaders({
-                'Content-Type': 'application/json',
-                Authorization: `Bearer ${token}`
+                'Content-Type': 'application/json'
             })
         };
     }
     // Métodos de busca
     findByCpf(cpf) {
-        const url = `${this.getApiConfig().url}/pessoa-api/pessoas/fisicas?cpf=${cpf}`;
+        const url = `${this.getBackendUrl()}/pessoa-api/pessoas/fisicas?cpf=${cpf}`;
         return this.http.get(url, this.getHeaders()).pipe(catchError(this.handleError));
     }
     findByCnpj(cnpj) {
-        const url = `${this.getApiConfig().url}/pessoa-api/pessoas/juridicas?cnpj=${cnpj}`;
+        const url = `${this.getBackendUrl()}/pessoa-api/pessoas/juridicas?cnpj=${cnpj}`;
         return this.http.get(url, this.getHeaders()).pipe(catchError(this.handleError));
     }
     findByPassaporte(passaporte) {
-        const url = `${this.getApiConfig().url}/pessoa-api/pessoas/fisicas?passaporte=${passaporte}`;
+        const url = `${this.getBackendUrl()}/pessoa-api/pessoas/fisicas?passaporte=${passaporte}`;
         return this.http.get(url, this.getHeaders()).pipe(catchError(this.handleError));
     }
     findPessoaFisicaById(id) {
-        const url = `${this.getApiConfig().url}/pessoa-api/pessoas/fisicas/${id}`;
+        const url = `${this.getBackendUrl()}/pessoa-api/pessoas/fisicas/${id}`;
         return this.http.get(url, this.getHeaders()).pipe(catchError(this.handleError));
     }
     pesquisarCep(cep) {
-        const url = `${this.getApiConfig().url}/pessoa-api/public/busca-cep/servico-1/${cep}`;
+        const url = `${this.getBackendUrl()}/pessoa-api/public/busca-cep/servico-1/${cep}`;
         return this.http.get(url, this.getHeaders()).pipe(catchError(this.handleError));
     }
     // Salvar (decide fisica ou juridica)
     salvar(payload, tipoPessoa) {
-        if (!payload)
-            return throwError(() => new Error('Erro Local: Payload não pode ser null'));
-        if (!tipoPessoa)
-            return throwError(() => new Error('Erro Local: Tipo pessoa não pode ser null'));
+        // (Para o componente conseguir ler .mensagemSimples e .mensagemHtml)
+        if (!payload) {
+            return throwError(() => ({
+                status: 400,
+                mensagemSimples: 'Erro interno: Dados para salvamento inválidos (Payload null).',
+                mensagemHtml: '<strong>Erro interno:</strong> Tentativa de salvar dados vazios.'
+            }));
+        }
+        if (!tipoPessoa) {
+            return throwError(() => ({
+                status: 400,
+                mensagemSimples: 'Erro interno: Tipo de pessoa não definido.',
+                mensagemHtml: '<strong>Erro interno:</strong> O tipo de pessoa é obrigatório para salvar.'
+            }));
+        }
+        // 2. Delegação
+        // Como savePessoaFisica e savePessoaJuridica JÁ TÊM o .pipe(catchError),
+        // aqui nós apenas retornamos o Observable deles. O erro subirá tratado.
         if (tipoPessoa == TipoPessoaEnum.FISICA || tipoPessoa == TipoPessoaEnum.ESTRANGEIRA) {
             return this.savePessoaFisica(payload);
         }
@@ -505,41 +583,51 @@ class UnBPessoaService {
     }
     // Salvar Pessoa Física
     savePessoaFisica(pessoa) {
-        const url = this.getApiConfig().url;
+        const url = this.getBackendUrl();
         const httpOptions = this.getHeaders();
         const body = JSON.stringify(pessoa);
+        // Variável para armazenar o Observable antes de retornar
+        let request$;
         if (pessoa.codigoPessoa == null) {
-            return this.http.post(`${url}/pessoa-api/pessoas/fisicas`, body, httpOptions);
+            request$ = this.http.post(`${url}/pessoa-api/pessoas/fisicas`, body, httpOptions);
         }
         else {
-            return this.http.put(`${url}/pessoa-api/pessoas/fisicas/${pessoa.codigoPessoa}`, body, httpOptions);
+            request$ = this.http.put(`${url}/pessoa-api/pessoas/fisicas/${pessoa.codigoPessoa}`, body, httpOptions);
         }
+        // Antes de retornar, passamos pelo 'pipe' para tratar o erro se ele ocorrer.
+        return request$.pipe(catchError(this.handleError));
     }
     // Salvar Pessoa Jurídica
     savePessoaJuridica(pessoa) {
-        const url = this.getApiConfig().url;
+        const url = this.getBackendUrl();
         const httpOptions = this.getHeaders();
         const body = JSON.stringify(pessoa);
+        let request$;
         if (pessoa.codigoPessoa == null) {
-            return this.http.post(`${url}/pessoa-api/pessoas/juridicas`, body, httpOptions);
+            request$ = this.http.post(`${url}/pessoa-api/pessoas/juridicas`, body, httpOptions);
         }
         else {
-            return this.http.put(`${url}/pessoa-api/pessoas/juridicas/${pessoa.codigoPessoa}`, body, httpOptions);
+            request$ = this.http.put(`${url}/pessoa-api/pessoas/juridicas/${pessoa.codigoPessoa}`, body, httpOptions);
         }
+        return request$.pipe(catchError(this.handleError));
     }
     // Dados auxiliares públicos
     getEscolaridade() {
-        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/escolaridades/listagem`);
+        return this.http.get(`${this.getBackendUrl()}/pessoa-api/public/escolaridades/listagem`).pipe(catchError(this.handleError) // <--- Adicione aqui
+        );
     }
     getEstadoCivil() {
-        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/estados-civis/listagem`);
+        return this.http.get(`${this.getBackendUrl()}/pessoa-api/public/estados-civis/listagem`).pipe(catchError(this.handleError) // <--- Adicione aqui
+        );
     }
     getMunicipios() {
-        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/municipios/listagem`);
+        return this.http.get(`${this.getBackendUrl()}/pessoa-api/public/municipios/listagem`).pipe(catchError(this.handleError) // <--- Adicione aqui
+        );
     }
     getPaises() {
-        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/paises/listagem?&page=0&size=200&sort=denominacao,asc`).pipe(map(response => {
+        return this.http.get(`${this.getBackendUrl()}/pessoa-api/public/paises/listagem?&page=0&size=200&sort=denominacao,asc`).pipe(map(response => {
             return response.content.sort((a, b) => {
+                // ... sua lógica de ordenação ...
                 const nomeA = a?.denominacao?.toUpperCase() || '';
                 const nomeB = b?.denominacao?.toUpperCase() || '';
                 if (nomeA === 'BRASIL')
@@ -548,31 +636,31 @@ class UnBPessoaService {
                     return 1;
                 return nomeA.localeCompare(nomeB);
             });
-        }));
+        }), catchError(this.handleError));
     }
     getRacaCor() {
-        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/etnias/listagem`).pipe(map(lista => lista.map((item, index) => ({
+        return this.http.get(`${this.getBackendUrl()}/pessoa-api/public/etnias/listagem`).pipe(map(lista => lista.map((item, index) => ({
             codigo: index, // gera um código numérico sequencial
             denominacao: this.formatarLabel(item) // formata se quiser
-        }))));
+        }))), catchError(this.handleError));
     }
     getTipoEmail() {
-        return this.http.get(`${this.getApiConfig().url}/pessoa-api/tipos-email/public/listagem`).pipe(map(lista => lista.map((item, index) => ({
+        return this.http.get(`${this.getBackendUrl()}/pessoa-api/tipos-email/public/listagem`).pipe(map(lista => lista.map((item, index) => ({
             codigo: index, // gera um código numérico sequencial
             denominacao: this.formatarLabel(item) // formata se quiser
-        }))));
+        }))), catchError(this.handleError));
     }
     getTipoEndereco() {
-        return this.http.get(`${this.getApiConfig().url}/pessoa-api/tipos-endereco/public/listagem`).pipe(map(lista => lista.map((item, index) => ({
+        return this.http.get(`${this.getBackendUrl()}/pessoa-api/tipos-endereco/public/listagem`).pipe(map(lista => lista.map((item, index) => ({
             codigo: index, // gera um código numérico sequencial
             denominacao: this.formatarLabel(item) // formata se quiser
-        }))));
+        }))), catchError(this.handleError));
     }
     getTipoTelefone() {
-        return this.http.get(`${this.getApiConfig().url}/pessoa-api/tipos-telefone/public/listagem`).pipe(map(lista => lista.map((item, index) => ({
+        return this.http.get(`${this.getBackendUrl()}/pessoa-api/tipos-telefone/public/listagem`).pipe(map(lista => lista.map((item, index) => ({
             codigo: index, // gera um código numérico sequencial
             denominacao: this.formatarLabel(item) // formata se quiser
-        }))));
+        }))), catchError(this.handleError));
     }
     formatarLabel(text) {
         return text
@@ -580,11 +668,6 @@ class UnBPessoaService {
             .replace(/_/g, ' ')
             .replace(/\b\w/g, l => l.toUpperCase());
     }
-    // Handler de erro padrão
-    handleError(error) {
-        console.error('[UnBPessoaService] Erro na chamada HTTP:', error);
-        return throwError(() => error);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnBPessoaService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnBPessoaService, providedIn: 'root' }); }
 }
@@ -596,13 +679,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
         }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
 
 class UnbPessoaEmailFormComponent {
-    constructor(snackBar, service, dialogRef, data) {
+    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) {
@@ -616,23 +701,27 @@ class UnbPessoaEmailFormComponent {
         }
     }
     ngOnInit() {
-        this.tipoEmail = this.service.getTipoEmail();
-        // Inscreve para guardar a lista em uma variável comum
-        this.tipoEmail.subscribe(lista => {
-            this.listaTipoEmail = lista;
-            // Se já tiver tipoEmailCodigo, preenche o nome correspondente
-            if (this.email.tipoEmailCodigo != null) {
-                const tipoEncontrado = lista.find(t => t.codigo === this.email.tipoEmailCodigo);
-                if (tipoEncontrado) {
-                    this.email.tipo = tipoEncontrado.denominacao;
+        // 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;
+                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) {
@@ -710,18 +799,40 @@ class UnbPessoaEmailFormComponent {
     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: "18.1.2", ngImport: i0, type: UnbPessoaEmailFormComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i3$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaEmailFormComponent, 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    <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 tipoEmail | async\" [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: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.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: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i3$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i9.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaEmailFormComponent, deps: [{ token: i1$2.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: "18.1.2", type: UnbPessoaEmailFormComponent, 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],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]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { 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"], 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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", 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    <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 tipoEmail | async\" [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$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialogRef }, { type: undefined, decorators: [{
+            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$2.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
@@ -732,14 +843,16 @@ class UnbPessoaEnderecoTipo {
 }
 
 class UnbPessoaEnderecoFormComponent {
-    constructor(snackBar, service, dialogRef, data) {
+    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.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) {
@@ -753,56 +866,61 @@ class UnbPessoaEnderecoFormComponent {
         }
     }
     ngOnInit() {
-        this.tipoEndereco = this.service.getTipoEndereco();
-        this.paises = this.service.getPaises(); // Você já tinha isso
         // --- Preenche o  Tipos de Endereço ---
-        this.tipoEndereco.subscribe(lista => {
-            this.listaTipoEndereco = lista;
-            // Se já tiver tipoEnderecoCodigo, preenche o nome correspondente
-            if (this.endereco.tipoEnderecoCodigo != null) {
-                const tipoEncontrado = lista.find(t => t.codigo === this.endereco.tipoEnderecoCodigo);
-                if (tipoEncontrado) {
-                    this.endereco.tipo = tipoEncontrado.denominacao;
+        this.service.getTipoEndereco().subscribe({
+            next: (lista) => {
+                this.listaTipoEndereco = lista;
+                // Se já tiver tipoEnderecoCodigo, preenche o nome correspondente
+                if (this.endereco.tipoEnderecoCodigo != null) {
+                    const tipoEncontrado = lista.find(t => t.codigo === this.endereco.tipoEnderecoCodigo);
+                    if (tipoEncontrado) {
+                        this.endereco.tipo = tipoEncontrado.denominacao;
+                    }
                 }
-            }
-            else if (this.endereco.tipo) {
-                // Se tiver só o nome, preenche o código
-                const tipoEncontrado = lista.find(t => t.denominacao?.toLowerCase() === this.endereco.tipo?.toLowerCase());
-                if (tipoEncontrado) {
-                    this.endereco.tipoEnderecoCodigo = tipoEncontrado.codigo;
+                else if (this.endereco.tipo) {
+                    // Se tiver só o nome, preenche o código
+                    const tipoEncontrado = lista.find(t => t.denominacao?.toLowerCase() === this.endereco.tipo?.toLowerCase());
+                    if (tipoEncontrado) {
+                        this.endereco.tipoEnderecoCodigo = tipoEncontrado.codigo;
+                    }
                 }
-            }
-            // O metodo get retorna uf, mas o put espera ufEndereco
-            if (this.endereco.uf) {
-                this.endereco.ufEndereco = this.endereco.uf; // Converte uf para ufEndereco
-            }
+                // O metodo get retorna uf, mas o put espera ufEndereco
+                if (this.endereco.uf) {
+                    this.endereco.ufEndereco = this.endereco.uf; // Converte uf para ufEndereco
+                }
+            },
+            // Tratamento de erro no carregamento da lista
+            error: (err) => this.handleError(err)
         });
         // --- Preenche o País ---
-        this.paises.subscribe(listaDePaises => {
-            this.listaPaises = listaDePaises; // Armazena a lista de países
-            const CODIGO_BRASIL = 22; // Código padrão para o Brasil
-            // Lógica 1: Se o ID do país já existe (ex: 22), encontra o nome (ex: "Brasil")
-            if (this.endereco.paisEnderecoCodigo != null) {
-                const paisEncontrado = this.listaPaises.find(p => p.codigo === this.endereco.paisEnderecoCodigo);
-                if (paisEncontrado) {
-                    this.endereco.pais = paisEncontrado.denominacao;
+        this.service.getPaises().subscribe({
+            next: (listaDePaises) => {
+                this.listaPaises = listaDePaises; // Armazena a lista de países
+                const CODIGO_BRASIL = 22; // Código padrão para o Brasil
+                // Lógica 1: Se o ID do país já existe (ex: 22), encontra o nome (ex: "Brasil")
+                if (this.endereco.paisEnderecoCodigo != null) {
+                    const paisEncontrado = this.listaPaises.find(p => p.codigo === this.endereco.paisEnderecoCodigo);
+                    if (paisEncontrado) {
+                        this.endereco.pais = paisEncontrado.denominacao;
+                    }
                 }
-            }
-            // Lógica 2: Se o nome do país existe (ex: "Brasil"), encontra o ID (ex: 22)
-            else if (this.endereco.pais) {
-                const paisEncontrado = this.listaPaises.find(p => p.denominacao?.toLowerCase() === this.endereco.pais?.toLowerCase());
-                if (paisEncontrado) {
-                    this.endereco.paisEnderecoCodigo = paisEncontrado.codigo;
+                // Lógica 2: Se o nome do país existe (ex: "Brasil"), encontra o ID (ex: 22)
+                else if (this.endereco.pais) {
+                    const paisEncontrado = this.listaPaises.find(p => p.denominacao?.toLowerCase() === this.endereco.pais?.toLowerCase());
+                    if (paisEncontrado) {
+                        this.endereco.paisEnderecoCodigo = paisEncontrado.codigo;
+                    }
+                    else {
+                        // Se o nome foi fornecido mas não encontrado na lista, assume Brasil
+                        this.endereco.paisEnderecoCodigo = CODIGO_BRASIL;
+                    }
                 }
+                // Lógica 3: Se nem o ID nem o nome existem, assume Brasil por padrão
                 else {
-                    // Se o nome foi fornecido mas não encontrado na lista, assume Brasil
                     this.endereco.paisEnderecoCodigo = CODIGO_BRASIL;
                 }
-            }
-            // Lógica 3: Se nem o ID nem o nome existem, assume Brasil por padrão
-            else {
-                this.endereco.paisEnderecoCodigo = CODIGO_BRASIL;
-            }
+            },
+            error: (err) => this.handleError(err)
         });
     }
     salvar(form) {
@@ -843,14 +961,13 @@ class UnbPessoaEnderecoFormComponent {
                     this.endereco.uf = data.uf;
                     this.endereco.complemento = data.complemento;
                 },
-                error: (error) => {
-                    this.openSnackBar('Falha ao encontrar o CEP');
-                    console.error('Erro ao pesquisar CEP:', error);
+                error: (err) => {
+                    this.handleError(err);
                 }
             });
         }
         else {
-            this.openSnackBar('Por favor, insira um CEP válido.');
+            this.handleError('Por favor, insira um CEP válido.');
         }
     }
     getListaEstados() {
@@ -868,12 +985,12 @@ class UnbPessoaEnderecoFormComponent {
         // 1. Validação de tipoEnderecoCodigo (Obrigatório e 0-4)
         // [Java: request.getTipoEnderecoCodigo() == null]
         if (enderecoToValidate.tipoEnderecoCodigo == null) {
-            this.openSnackBar("Tipo de Endereço é um campo obrigatório.");
+            this.handleError("Tipo de Endereço é um campo obrigatório.");
             return false;
         }
         // [Java: request.getTipoEnderecoCodigo() < (byte) 0 || request.getTipoEnderecoCodigo() > (byte) 4]
         if (enderecoToValidate.tipoEnderecoCodigo < 0 || enderecoToValidate.tipoEnderecoCodigo > 4) {
-            this.openSnackBar("Tipo de Endereço é inválido (deve ser entre 0 e 4).");
+            this.handleError("Tipo de Endereço é inválido (deve ser entre 0 e 4).");
             return false;
         }
         // 3. Validação de CEP (8 dígitos, se preenchido)
@@ -881,39 +998,39 @@ class UnbPessoaEnderecoFormComponent {
         if (enderecoToValidate.cep && enderecoToValidate.cep.trim() !== '') {
             const cepLimpo = enderecoToValidate.cep.replace(/\D/g, ''); // Remove não-dígitos
             if (cepLimpo.length !== 8) {
-                this.openSnackBar("CEP deve conter 8 dígitos.");
+                this.handleError("CEP deve conter 8 dígitos.");
                 return false;
             }
         }
         // 4. Validação de Logradouro (Max 100, se preenchido)
         // [Java: request.getLogradouro().trim().length() > 100]
         if (enderecoToValidate.logradouro && enderecoToValidate.logradouro.trim().length > 100) {
-            this.openSnackBar("Logradouro deve ter no máximo 100 caracteres.");
+            this.handleError("Logradouro deve ter no máximo 100 caracteres.");
             return false;
         }
         // 5. Validação de Bairro (Max 100, se preenchido)
         // [Java: request.getBairro().trim().length() > 100]
         if (enderecoToValidate.bairro && enderecoToValidate.bairro.trim().length > 100) {
-            this.openSnackBar("Bairro deve ter no máximo 100 caracteres.");
+            this.handleError("Bairro deve ter no máximo 100 caracteres.");
             return false;
         }
         // 6. Validação de Complemento (Max 100, se preenchido)
         // [Java: request.getComplemento().trim().length() > 100]
         if (enderecoToValidate.complemento && enderecoToValidate.complemento.trim().length > 100) {
-            this.openSnackBar("Complemento deve ter no máximo 100 caracteres.");
+            this.handleError("Complemento deve ter no máximo 100 caracteres.");
             return false;
         }
         // 7. Validação de Caixa Postal (Max 100, se preenchida)
         // [Java: request.getCaixaPostal().trim().length() > 100]
         if (enderecoToValidate.caixaPostal && enderecoToValidate.caixaPostal.trim().length > 100) {
-            this.openSnackBar("Caixa Postal deve ter no máximo 100 caracteres.");
+            this.handleError("Caixa Postal deve ter no máximo 100 caracteres.");
             return false;
         }
         // 8. Validação de UF (2 caracteres, se preenchida)
         // O form usa 'ufEndereco', o java usa 'uf'. O ngOnInit mapeia uf -> ufEndereco.
         // [Java: request.getUf().trim().length() != 2]
         if (enderecoToValidate.ufEndereco && enderecoToValidate.ufEndereco.trim().length !== 2) {
-            this.openSnackBar("UF deve ter 2 caracteres.");
+            this.handleError("UF deve ter 2 caracteres.");
             return false;
         }
         // --- Validação de Duplicar ---
@@ -932,18 +1049,40 @@ class UnbPessoaEnderecoFormComponent {
     salvarclose() {
         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: "18.1.2", ngImport: i0, type: UnbPessoaEnderecoFormComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i3$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaEnderecoFormComponent, selector: "lib-unb-pessoa-endereco-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    <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 tipoEndereco | async\" [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 paises | async\" [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        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisarCep()\">\r\n          <mat-icon style=\"margin-right: 2px;\">search</mat-icon>\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: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.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: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i3$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i9.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaEnderecoFormComponent, deps: [{ token: i1$2.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: "18.1.2", type: UnbPessoaEnderecoFormComponent, selector: "lib-unb-pessoa-endereco-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)]=\"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        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisarCep()\">\r\n          <mat-icon style=\"margin-right: 2px;\">search</mat-icon>\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],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]),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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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"], 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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaEnderecoFormComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'lib-unb-pessoa-endereco-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    <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 tipoEndereco | async\" [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 paises | async\" [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        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisarCep()\">\r\n          <mat-icon style=\"margin-right: 2px;\">search</mat-icon>\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$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialogRef }, { type: undefined, decorators: [{
+            args: [{ standalone: false, selector: 'lib-unb-pessoa-endereco-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)]=\"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        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisarCep()\">\r\n          <mat-icon style=\"margin-right: 2px;\">search</mat-icon>\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$2.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
@@ -1062,46 +1201,39 @@ class UnbUtils {
 }
 
 class UnbPessoaPesquisarComponent {
-    constructor(pessoaService, snackBar) {
+    constructor(pessoaService, snackBar, alertService) {
         this.pessoaService = pessoaService;
         this.snackBar = snackBar;
+        this.alertService = alertService;
         this.isLoading = false;
-        this.apiPessoaConfig = { url: '', token: '' };
+        // Configuração da API. Exemplo SGI.unb.br/pessoa-api
+        this.backendURL = "";
         this.pesquisarPorCPF = true;
         this.pesquisarPorCNPJ = true;
         this.pesquisarPorEstrangeiro = true;
         this.campoPesquisaMaxWidth = '400px';
         this.pessoaEmitted = new EventEmitter();
+        this.isLoadingChange = new EventEmitter();
         this.pessoa = new UnbPessoaModel();
         this.mostrarPesquisa = true;
         this.limparAposPesquisa = false; // indica se deve limpar o cpf apos pesquisar
         this.label = "Digite o CPF/CNPJ ou Passaporte"; // eh o que mostra no topo do componente
         this.placeholder = ""; // eh o que mostra como placeholder topo do componente
         this.hint = ""; // dica que aparece debaixo do campo
-        // usado pra saber se mostra ou nao o botao de incluir pessoa
         this.pessoaEncontrado = false;
         this.listaTipoEndereco = [];
         this.listaTipoTelefone = [];
         this.listaTipoEmail = [];
+        this.idMensagemService = "UnbPessoaPesquisar";
     }
     ngOnInit() {
-        if (this.apiPessoaConfig.url.endsWith('/')) {
-            this.apiPessoaConfig.url = this.apiPessoaConfig.url.slice(0, -1);
-        }
-        if (this.apiPessoaConfig.url == "") {
+        if (this.backendURL == "") {
             this.handleErrorPrintConsole("[UnbPessoaPesquisarComponent] ERROR: apiPessoaConfig.url está null. Insira o parâmetro (apiPessoaConfig) com o valor válido!");
             return;
         }
-        if (this.apiPessoaConfig.token == "") {
-            this.handleErrorPrintConsole("[UnbPessoaPesquisarComponent] ERROR: apiPessoaConfig.token está null. Insira o parâmetro (apiPessoaConfig) com o valor do token da sua aplicação");
-            return;
-        }
-        // se chegar com barra no final, eu retiro. Pra ficar no padrao
-        if (this.apiPessoaConfig.url.endsWith('/')) {
-            this.apiPessoaConfig.url = this.apiPessoaConfig.url.slice(0, -1);
+        else {
+            this.pessoaService.setBackendUrl(this.backendURL);
         }
-        // inicializa o serviço com a configuração da API
-        this.pessoaService.setApiConfig(this.apiPessoaConfig);
         forkJoin({
             tiposEnd: this.pessoaService.getTipoEndereco(),
             tiposTel: this.pessoaService.getTipoTelefone(),
@@ -1150,10 +1282,24 @@ class UnbPessoaPesquisarComponent {
             this.pessoa.tipoPessoa = this.defaultTipoPessoa;
         }
     }
+    onTipoPessoaChange() {
+        // Cria uma nova pessoa limpa com o tipo selecionado
+        const novaPessoa = new UnbPessoaModel();
+        novaPessoa.tipoPessoa = this.pessoa.tipoPessoa;
+        // Inicializa arrays vazios
+        novaPessoa.telefones = [];
+        novaPessoa.enderecos = [];
+        novaPessoa.emails = [];
+        // Substitui a pessoa atual
+        this.pessoa = novaPessoa;
+        // Emite a nova pessoa limpa para o componente pai (form)
+        this.pessoaEmitted.emit(this.pessoa);
+    }
     pesquisar() {
         if (this.validar() == false)
             return;
         this.isLoading = true;
+        this.isLoadingChange.emit(true);
         let result;
         if (this.pessoa.tipoPessoa == TipoPessoaEnum.FISICA) {
             let cpf = this.pessoa.cpf.match(/\d/g)?.join(""); // remove caracteres 
@@ -1174,12 +1320,8 @@ class UnbPessoaPesquisarComponent {
         }
     }
     validar() {
-        if (this.apiPessoaConfig.url == "") {
-            this.handleErrorPrintConsole("[UnbPessoaPesquisarComponent] ERROR: apiPessoaConfig.url está null. Insira o parâmetro (apiPessoaConfig) com o valor válido!");
-            return false;
-        }
-        if (this.apiPessoaConfig.token == "") {
-            this.handleErrorPrintConsole("[UnbPessoaPesquisarComponent] ERROR: apiPessoaConfig.token está null. Insira o parâmetro (apiPessoaConfig) com o valor do token da sua aplicação");
+        if (this.backendURL == "") {
+            this.handleErrorPrintConsole("[UnbPessoaPesquisarComponent] ERROR: backendURL.url está null. Insira o parâmetro (backendURL) com o valor da URL do seu Backend!");
             return false;
         }
         if (this.pessoa.tipoPessoa == TipoPessoaEnum.FISICA) {
@@ -1217,6 +1359,7 @@ class UnbPessoaPesquisarComponent {
     // Em unb-pessoa-pesquisar.component.ts
     hadleResult(resultado) {
         this.isLoading = false;
+        this.isLoadingChange.emit(false);
         if (resultado) {
             resultado.tipoPessoa = this.pessoa.tipoPessoa; // o backend nao retorna o tipo pessoa. entao tenho que atribuir antes
             this.pessoa = resultado;
@@ -1300,6 +1443,8 @@ class UnbPessoaPesquisarComponent {
             else if (this.pessoa.tipoPessoa == TipoPessoaEnum.JURIDICA) {
                 this.pessoa.cnpj = UnbUtils.formataCnpj(resultado.cnpj);
             }
+            else if (this.pessoa.tipoPessoa == TipoPessoaEnum.ESTRANGEIRA) {
+            }
         }
         else {
             // se chegar aki eh pq nao encontrou... (lógica que já existe)
@@ -1356,10 +1501,32 @@ class UnbPessoaPesquisarComponent {
         return null; // Formato inválido
     }
     handleError(erro) {
-        this.openSnackBar(erro);
         this.isLoading = false;
-        // se chegar aki, entao nao encontrou a pessoa. Mas damos a chance de incluir pessoa
+        this.isLoadingChange.emit(false);
         this.pessoaEncontrado = false;
+        let erroTratado;
+        // --- ADAPTER: Converte string para o Objeto Padrão ---
+        if (typeof erro === 'string') {
+            erroTratado = {
+                status: 400, // Erro de validação local geralmente é 400
+                mensagemSimples: erro,
+                mensagemHtml: `<strong>${erro}</strong>`
+            };
+        }
+        else {
+            // Se já veio do Service (ou é um objeto manual), usa direto
+            erroTratado = erro;
+        }
+        // --- LÓGICA DE EXIBIÇÃO ---
+        // 1. SnackBar (Mensagem curta)
+        if (erroTratado.mensagemSimples) {
+            this.openSnackBar(erroTratado.mensagemSimples);
+        }
+        // 2. Componente de Mensagem (Mensagem HTML)
+        if (this.alertService && erroTratado.mensagemHtml) {
+            // Se você tiver a variável idMensagemService definida na classe:
+            this.alertService.showMessage(erroTratado.mensagemHtml, UnbTipoMensagemEnum.DANGER, this.idMensagemService);
+        }
     }
     handleErrorPrintConsole(erro) {
         console.log(erro);
@@ -1373,13 +1540,40 @@ class UnbPessoaPesquisarComponent {
     tipoPessoaEnum() {
         return TipoPessoaEnum;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaPesquisarComponent, deps: [{ token: UnBPessoaService }, { token: i1$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaPesquisarComponent, selector: "lib-unb-pessoa-pesquisar", inputs: { apiPessoaConfig: "apiPessoaConfig", pesquisarPorCPF: "pesquisarPorCPF", pesquisarPorCNPJ: "pesquisarPorCNPJ", pesquisarPorEstrangeiro: "pesquisarPorEstrangeiro", defaultTipoPessoa: "defaultTipoPessoa", campoPesquisaMaxWidth: "campoPesquisaMaxWidth", pessoa: "pessoa", mostrarPesquisa: "mostrarPesquisa", limparAposPesquisa: "limparAposPesquisa", label: "label", placeholder: "placeholder", hint: "hint" }, outputs: { pessoaEmitted: "pessoaEmitted" }, ngImport: i0, template: "<form #pessoaForm=\"ngForm\" class=\"pesquisa-container\" [ngStyle]=\"{'--tamanho-maximo': campoPesquisaMaxWidth}\" (ngSubmit)=\"pesquisar()\">\r\n  <div class=\"form-wrapper\">\r\n      <div *ngIf=\"mostrarTipoPessoa\" class=\"radio-container\">\r\n          <mat-radio-group aria-label=\"Tipo de Pessoa\" [(ngModel)]=\"pessoa.tipoPessoa\" #tipoPessoa=\"ngModel\" name=\"tipoPessoa\">\r\n              <mat-radio-button *ngIf=\"pesquisarPorCPF\"            value=\"{{ tipoPessoaEnum().FISICA}}\">Pessoa F\u00EDsica</mat-radio-button>\r\n              <mat-radio-button *ngIf=\"pesquisarPorCNPJ\"           value=\"{{tipoPessoaEnum().JURIDICA}}\"> Pessoa Jur\u00EDdica</mat-radio-button>\r\n              <mat-radio-button *ngIf=\"pesquisarPorEstrangeiro\"    value=\"{{tipoPessoaEnum().ESTRANGEIRA}}\">Estrangeiro</mat-radio-button>\r\n          </mat-radio-group>\r\n      </div>\r\n\r\n      <div class=\"break\"></div>\r\n      \r\n      <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().FISICA\">\r\n        <mat-form-field appearance=\"outline\">\r\n          <mat-label>CPF</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"pessoa.cpf\" name=\"cpf\" #cpf=\"ngModel\" required={{true}}/>        \r\n          <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" [disabled]=\"isLoading\" (click)=\"pesquisar()\">\r\n            <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n              <mat-icon>search</mat-icon>\r\n            </ng-container>\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          </button>\r\n        </mat-form-field>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().ESTRANGEIRA\">\r\n        <mat-form-field appearance=\"outline\">\r\n          <mat-label>Passaporte</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" required=\"true\" />\r\n          <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n            <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n              <mat-icon>search</mat-icon>\r\n            </ng-container>\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            </button>\r\n        </mat-form-field>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().JURIDICA\">\r\n        <mat-form-field appearance=\"outline\">\r\n          <mat-label>CNPJ</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"pessoa.cnpj\" name=\"cnpj\" required=\"true\" />\r\n          <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n             <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n              <mat-icon>search</mat-icon>\r\n            </ng-container>\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            </button>\r\n        </mat-form-field>\r\n      </ng-container>\r\n    </div>\r\n</form>", styles: [".pesquisa-container{display:flex;justify-content:left}.form-wrapper{display:flex;flex-direction:column;width:100%;max-width:var(--tamanho-maximo);gap:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.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: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i9$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i10$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i10$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }] }); }
+    /**
+     * Formata o CPF enquanto o usuário digita
+     */
+    formatarCpf(event) {
+        let valor = event.target.value.replace(/\D/g, ''); // Remove tudo que não é dígito
+        if (valor.length <= 11) {
+            // Aplica máscara: 000.000.000-00
+            valor = valor.replace(/(\d{3})(\d)/, '$1.$2');
+            valor = valor.replace(/(\d{3})(\d)/, '$1.$2');
+            valor = valor.replace(/(\d{3})(\d{1,2})$/, '$1-$2');
+            this.pessoa.cpf = valor;
+        }
+    }
+    /**
+     * Formata o CNPJ enquanto o usuário digita
+     */
+    formatarCnpj(event) {
+        let valor = event.target.value.replace(/\D/g, ''); // Remove tudo que não é dígito
+        if (valor.length <= 14) {
+            // Aplica máscara: 00.000.000/0000-00
+            valor = valor.replace(/(\d{2})(\d)/, '$1.$2');
+            valor = valor.replace(/(\d{3})(\d)/, '$1.$2');
+            valor = valor.replace(/(\d{3})(\d)/, '$1/$2');
+            valor = valor.replace(/(\d{4})(\d{1,2})$/, '$1-$2');
+            this.pessoa.cnpj = valor;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaPesquisarComponent, deps: [{ token: UnBPessoaService }, { token: i1$2.MatSnackBar }, { token: UnbMensagemService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaPesquisarComponent, selector: "lib-unb-pessoa-pesquisar", inputs: { backendURL: "backendURL", pesquisarPorCPF: "pesquisarPorCPF", pesquisarPorCNPJ: "pesquisarPorCNPJ", pesquisarPorEstrangeiro: "pesquisarPorEstrangeiro", defaultTipoPessoa: "defaultTipoPessoa", campoPesquisaMaxWidth: "campoPesquisaMaxWidth", pessoa: "pessoa", mostrarPesquisa: "mostrarPesquisa", limparAposPesquisa: "limparAposPesquisa", label: "label", placeholder: "placeholder", hint: "hint" }, outputs: { pessoaEmitted: "pessoaEmitted", isLoadingChange: "isLoadingChange" }, ngImport: i0, template: "<form #pessoaForm=\"ngForm\" class=\"pesquisa-container\" [ngStyle]=\"{'--tamanho-maximo': campoPesquisaMaxWidth}\"\r\n  (ngSubmit)=\"pesquisar()\">\r\n  <div class=\"mensagem-container\" style=\"width: 100%;\">\r\n    <unb-mensagem [identificador]=\"idMensagemService\" class=\"mensagem-form\"></unb-mensagem>\r\n  </div>\r\n\r\n  <div class=\"form-wrapper\">\r\n    <div *ngIf=\"mostrarTipoPessoa\" class=\"radio-container\">\r\n      <mat-radio-group aria-label=\"Tipo de Pessoa\" [(ngModel)]=\"pessoa.tipoPessoa\" #tipoPessoa=\"ngModel\"\r\n        name=\"tipoPessoa\" (change)=\"onTipoPessoaChange()\">\r\n        <mat-radio-button *ngIf=\"pesquisarPorCPF\" value=\"{{ tipoPessoaEnum().FISICA}}\">Pessoa F\u00EDsica</mat-radio-button>\r\n        <mat-radio-button *ngIf=\"pesquisarPorCNPJ\" value=\"{{tipoPessoaEnum().JURIDICA}}\"> Pessoa\r\n          Jur\u00EDdica</mat-radio-button>\r\n        <mat-radio-button *ngIf=\"pesquisarPorEstrangeiro\"\r\n          value=\"{{tipoPessoaEnum().ESTRANGEIRA}}\">Estrangeiro</mat-radio-button>\r\n      </mat-radio-group>\r\n    </div>\r\n\r\n    <div class=\"break\"></div>\r\n\r\n    <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().FISICA\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-label>CPF</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"pessoa.cpf\" name=\"cpf\" #cpf=\"ngModel\" required={{true}}\r\n          (input)=\"formatarCpf($event)\" maxlength=\"14\" placeholder=\"000.000.000-00\" />\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" [disabled]=\"isLoading\"\r\n          (click)=\"pesquisar()\">\r\n          <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n            <mat-icon>search</mat-icon>\r\n          </ng-container>\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner [diameter]=\"20\" mode=\"indeterminate\" color=\"primary\" class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n        </button>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().ESTRANGEIRA\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-label>Passaporte</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" required=\"true\" />\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n          <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n            <mat-icon>search</mat-icon>\r\n          </ng-container>\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner [diameter]=\"20\" mode=\"indeterminate\" color=\"primary\" class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n        </button>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().JURIDICA\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-label>CNPJ</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"pessoa.cnpj\" name=\"cnpj\" required=\"true\"\r\n          (input)=\"formatarCnpj($event)\" maxlength=\"18\" placeholder=\"00.000.000/0000-00\" />\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n          <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n            <mat-icon>search</mat-icon>\r\n          </ng-container>\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner [diameter]=\"20\" mode=\"indeterminate\" color=\"primary\" class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n        </button>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </div>\r\n</form>", styles: [".pesquisa-container{display:flex;flex-direction:column;align-items:flex-start}.form-wrapper{display:flex;flex-direction:column;width:100%;max-width:var(--tamanho-maximo);gap:5px}.mensagem-form{display:block;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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],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]),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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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"], exportAs: ["matInput"] }, { kind: "component", type: i11$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i12$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i12$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaPesquisarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-unb-pessoa-pesquisar', standalone: false, template: "<form #pessoaForm=\"ngForm\" class=\"pesquisa-container\" [ngStyle]=\"{'--tamanho-maximo': campoPesquisaMaxWidth}\" (ngSubmit)=\"pesquisar()\">\r\n  <div class=\"form-wrapper\">\r\n      <div *ngIf=\"mostrarTipoPessoa\" class=\"radio-container\">\r\n          <mat-radio-group aria-label=\"Tipo de Pessoa\" [(ngModel)]=\"pessoa.tipoPessoa\" #tipoPessoa=\"ngModel\" name=\"tipoPessoa\">\r\n              <mat-radio-button *ngIf=\"pesquisarPorCPF\"            value=\"{{ tipoPessoaEnum().FISICA}}\">Pessoa F\u00EDsica</mat-radio-button>\r\n              <mat-radio-button *ngIf=\"pesquisarPorCNPJ\"           value=\"{{tipoPessoaEnum().JURIDICA}}\"> Pessoa Jur\u00EDdica</mat-radio-button>\r\n              <mat-radio-button *ngIf=\"pesquisarPorEstrangeiro\"    value=\"{{tipoPessoaEnum().ESTRANGEIRA}}\">Estrangeiro</mat-radio-button>\r\n          </mat-radio-group>\r\n      </div>\r\n\r\n      <div class=\"break\"></div>\r\n      \r\n      <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().FISICA\">\r\n        <mat-form-field appearance=\"outline\">\r\n          <mat-label>CPF</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"pessoa.cpf\" name=\"cpf\" #cpf=\"ngModel\" required={{true}}/>        \r\n          <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" [disabled]=\"isLoading\" (click)=\"pesquisar()\">\r\n            <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n              <mat-icon>search</mat-icon>\r\n            </ng-container>\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          </button>\r\n        </mat-form-field>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().ESTRANGEIRA\">\r\n        <mat-form-field appearance=\"outline\">\r\n          <mat-label>Passaporte</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" required=\"true\" />\r\n          <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n            <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n              <mat-icon>search</mat-icon>\r\n            </ng-container>\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            </button>\r\n        </mat-form-field>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().JURIDICA\">\r\n        <mat-form-field appearance=\"outline\">\r\n          <mat-label>CNPJ</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"pessoa.cnpj\" name=\"cnpj\" required=\"true\" />\r\n          <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n             <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n              <mat-icon>search</mat-icon>\r\n            </ng-container>\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            </button>\r\n        </mat-form-field>\r\n      </ng-container>\r\n    </div>\r\n</form>", styles: [".pesquisa-container{display:flex;justify-content:left}.form-wrapper{display:flex;flex-direction:column;width:100%;max-width:var(--tamanho-maximo);gap:5px}\n"] }]
-        }], ctorParameters: () => [{ type: UnBPessoaService }, { type: i1$2.MatSnackBar }], propDecorators: { apiPessoaConfig: [{
+            args: [{ selector: 'lib-unb-pessoa-pesquisar', standalone: false, template: "<form #pessoaForm=\"ngForm\" class=\"pesquisa-container\" [ngStyle]=\"{'--tamanho-maximo': campoPesquisaMaxWidth}\"\r\n  (ngSubmit)=\"pesquisar()\">\r\n  <div class=\"mensagem-container\" style=\"width: 100%;\">\r\n    <unb-mensagem [identificador]=\"idMensagemService\" class=\"mensagem-form\"></unb-mensagem>\r\n  </div>\r\n\r\n  <div class=\"form-wrapper\">\r\n    <div *ngIf=\"mostrarTipoPessoa\" class=\"radio-container\">\r\n      <mat-radio-group aria-label=\"Tipo de Pessoa\" [(ngModel)]=\"pessoa.tipoPessoa\" #tipoPessoa=\"ngModel\"\r\n        name=\"tipoPessoa\" (change)=\"onTipoPessoaChange()\">\r\n        <mat-radio-button *ngIf=\"pesquisarPorCPF\" value=\"{{ tipoPessoaEnum().FISICA}}\">Pessoa F\u00EDsica</mat-radio-button>\r\n        <mat-radio-button *ngIf=\"pesquisarPorCNPJ\" value=\"{{tipoPessoaEnum().JURIDICA}}\"> Pessoa\r\n          Jur\u00EDdica</mat-radio-button>\r\n        <mat-radio-button *ngIf=\"pesquisarPorEstrangeiro\"\r\n          value=\"{{tipoPessoaEnum().ESTRANGEIRA}}\">Estrangeiro</mat-radio-button>\r\n      </mat-radio-group>\r\n    </div>\r\n\r\n    <div class=\"break\"></div>\r\n\r\n    <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().FISICA\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-label>CPF</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"pessoa.cpf\" name=\"cpf\" #cpf=\"ngModel\" required={{true}}\r\n          (input)=\"formatarCpf($event)\" maxlength=\"14\" placeholder=\"000.000.000-00\" />\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" [disabled]=\"isLoading\"\r\n          (click)=\"pesquisar()\">\r\n          <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n            <mat-icon>search</mat-icon>\r\n          </ng-container>\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner [diameter]=\"20\" mode=\"indeterminate\" color=\"primary\" class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n        </button>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().ESTRANGEIRA\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-label>Passaporte</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" required=\"true\" />\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n          <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n            <mat-icon>search</mat-icon>\r\n          </ng-container>\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner [diameter]=\"20\" mode=\"indeterminate\" color=\"primary\" class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n        </button>\r\n      </mat-form-field>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"pessoa.tipoPessoa === tipoPessoaEnum().JURIDICA\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <mat-label>CNPJ</mat-label>\r\n        <input type=\"text\" matInput [(ngModel)]=\"pessoa.cnpj\" name=\"cnpj\" required=\"true\"\r\n          (input)=\"formatarCnpj($event)\" maxlength=\"18\" placeholder=\"00.000.000/0000-00\" />\r\n        <button matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n          <ng-container *ngIf=\"!isLoading; else loadingIcon\">\r\n            <mat-icon>search</mat-icon>\r\n          </ng-container>\r\n          <ng-template #loadingIcon>\r\n            <mat-progress-spinner [diameter]=\"20\" mode=\"indeterminate\" color=\"primary\" class=\"spinner-button\">\r\n            </mat-progress-spinner>\r\n          </ng-template>\r\n        </button>\r\n      </mat-form-field>\r\n    </ng-container>\r\n  </div>\r\n</form>", styles: [".pesquisa-container{display:flex;flex-direction:column;align-items:flex-start}.form-wrapper{display:flex;flex-direction:column;width:100%;max-width:var(--tamanho-maximo);gap:5px}.mensagem-form{display:block;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: UnBPessoaService }, { type: i1$2.MatSnackBar }, { type: UnbMensagemService }], propDecorators: { backendURL: [{
                 type: Input
             }], pesquisarPorCPF: [{
                 type: Input
@@ -1393,6 +1587,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                 type: Input
             }], pessoaEmitted: [{
                 type: Output
+            }], isLoadingChange: [{
+                type: Output
             }], pessoa: [{
                 type: Input
             }], mostrarPesquisa: [{
@@ -1417,13 +1613,15 @@ class UnbPessoaTelefoneTipo {
 }
 
 class UnbPessoaTelefoneFormComponent {
-    constructor(snackBar, service, dialogRef, data) {
+    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) {
@@ -1437,23 +1635,24 @@ class UnbPessoaTelefoneFormComponent {
         }
     }
     ngOnInit() {
-        this.tipoTelefone = this.service.getTipoTelefone();
-        // Inscreve para guardar a lista em uma variável comum
-        this.tipoTelefone.subscribe(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;
+        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;
+                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) {
@@ -1542,18 +1741,40 @@ class UnbPessoaTelefoneFormComponent {
     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: "18.1.2", ngImport: i0, type: UnbPessoaTelefoneFormComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i3$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaTelefoneFormComponent, 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    <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 tipoTelefone | async\" [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: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.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: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i3$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i9.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaTelefoneFormComponent, deps: [{ token: i1$2.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: "18.1.2", type: UnbPessoaTelefoneFormComponent, 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],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]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { 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"], 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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", 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    <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 tipoTelefone | async\" [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$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialogRef }, { type: undefined, decorators: [{
+            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$2.MatSnackBar }, { type: UnBPessoaService }, { type: UnbMensagemService }, { type: i4$2.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
@@ -1565,7 +1786,7 @@ class UnbPessoaTelefoneListComponent {
         this.dialog = dialog;
         this.podeEditar = true;
         this.telefones = [];
-        this.apiPessoaConfig = { url: '', token: '' };
+        this.backendURL = '';
         this.telefonesEmitted = new EventEmitter();
     }
     ngOnInit() {
@@ -1701,17 +1922,17 @@ class UnbPessoaTelefoneListComponent {
         // 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: "18.1.2", ngImport: i0, type: UnbPessoaTelefoneListComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i3$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaTelefoneListComponent, selector: "lib-unb-pessoa-telefone-list", inputs: { podeEditar: "podeEditar", telefones: "telefones", apiPessoaConfig: "apiPessoaConfig" }, 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.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.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.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaTelefoneListComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaTelefoneListComponent, 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"], 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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", 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$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialog }], propDecorators: { podeEditar: [{
+        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: UnBPessoaService }, { type: i4$2.MatDialog }], propDecorators: { podeEditar: [{
                 type: Input
             }], telefones: [{
                 type: Input
-            }], apiPessoaConfig: [{
+            }], backendURL: [{
                 type: Input
             }], telefonesEmitted: [{
                 type: Output
@@ -1724,7 +1945,7 @@ class UnbPessoaenderecoListComponent {
         this.dialog = dialog;
         this.podeEditar = true;
         this.enderecos = [];
-        this.apiPessoaConfig = { url: '', token: '' };
+        this.backendURL = '';
         this.enderecosEmitted = new EventEmitter();
     }
     ngOnInit() {
@@ -1845,17 +2066,17 @@ class UnbPessoaenderecoListComponent {
         // 6. Finalmente, ordene a lista
         this.enderecos.sort((a, b) => (a.ordemEndereco ?? 0) - (b.ordemEndereco ?? 0)); //
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaenderecoListComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i3$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaenderecoListComponent, selector: "lib-unb-pessoa-endereco-list", inputs: { podeEditar: "podeEditar", enderecos: "enderecos", apiPessoaConfig: "apiPessoaConfig" }, outputs: { enderecosEmitted: "enderecosEmitted" }, 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                {{ enderecos?.length === 1 ? 'Endere\u00E7o Cadastrado' : 'Endere\u00E7os Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ enderecos?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Endere\u00E7o\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Endere\u00E7o\r\n        </button>\r\n    </div>\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n    <table class=\"my-table\" *ngIf=\"enderecos && enderecos.length > 0\" cdkDropList\r\n        (cdkDropListDropped)=\"moverLinha($event)\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n            <th>Logradouro</th>\r\n            <th>Bairro</th>\r\n            <th>CEP</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 enderecos; let i = index\" class=\"my-tr\" cdkDrag>\r\n            <td style=\"width: 5%; 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.logradouro }}</td>\r\n            <td>{{ valor.bairro }}</td>\r\n            <td>{{ valor.cep }}</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 aria-label=\"Salvar\" color=\"primary\" (click)=\"editar(valor)\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Deletar\" 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}.actions-container{display:flex;justify-content:flex-end;gap:4px}.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}\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.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.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.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaenderecoListComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaenderecoListComponent, selector: "lib-unb-pessoa-endereco-list", inputs: { podeEditar: "podeEditar", enderecos: "enderecos", backendURL: "backendURL" }, outputs: { enderecosEmitted: "enderecosEmitted" }, 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                {{ enderecos?.length === 1 ? 'Endere\u00E7o Cadastrado' : 'Endere\u00E7os Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ enderecos?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Endere\u00E7o\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Endere\u00E7o\r\n        </button>\r\n    </div>\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n    <table class=\"my-table\" *ngIf=\"enderecos && enderecos.length > 0\" cdkDropList\r\n        (cdkDropListDropped)=\"moverLinha($event)\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n            <th>Logradouro</th>\r\n            <th>Bairro</th>\r\n            <th>CEP</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 enderecos; let i = index\" class=\"my-tr\" cdkDrag>\r\n            <td style=\"width: 5%; 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.logradouro }}</td>\r\n            <td>{{ valor.bairro }}</td>\r\n            <td>{{ valor.cep }}</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 aria-label=\"Salvar\" color=\"primary\" (click)=\"editar(valor)\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Deletar\" 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}.actions-container{display:flex;justify-content:flex-end;gap:4px}.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}\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"], 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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaenderecoListComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'lib-unb-pessoa-endereco-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                {{ enderecos?.length === 1 ? 'Endere\u00E7o Cadastrado' : 'Endere\u00E7os Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ enderecos?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Endere\u00E7o\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Endere\u00E7o\r\n        </button>\r\n    </div>\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n    <table class=\"my-table\" *ngIf=\"enderecos && enderecos.length > 0\" cdkDropList\r\n        (cdkDropListDropped)=\"moverLinha($event)\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n            <th>Logradouro</th>\r\n            <th>Bairro</th>\r\n            <th>CEP</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 enderecos; let i = index\" class=\"my-tr\" cdkDrag>\r\n            <td style=\"width: 5%; 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.logradouro }}</td>\r\n            <td>{{ valor.bairro }}</td>\r\n            <td>{{ valor.cep }}</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 aria-label=\"Salvar\" color=\"primary\" (click)=\"editar(valor)\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Deletar\" 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}.actions-container{display:flex;justify-content:flex-end;gap:4px}.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}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialog }], propDecorators: { podeEditar: [{
+        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: UnBPessoaService }, { type: i4$2.MatDialog }], propDecorators: { podeEditar: [{
                 type: Input
             }], enderecos: [{
                 type: Input
-            }], apiPessoaConfig: [{
+            }], backendURL: [{
                 type: Input
             }], enderecosEmitted: [{
                 type: Output
@@ -1868,7 +2089,7 @@ class UnbPessoaEmailListComponent {
         this.dialog = dialog;
         this.podeEditar = true;
         this.emails = [];
-        this.apiPessoaConfig = { url: '', token: '' };
+        this.backendURL = '';
         this.emailsEmitted = new EventEmitter();
     }
     ngOnInit() {
@@ -1992,17 +2213,17 @@ class UnbPessoaEmailListComponent {
         // 6. Finalmente, ordene a lista
         this.emails.sort((a, b) => (a.ordem ?? 0) - (b.ordem ?? 0)); // <-- 'ordem'
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaEmailListComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i3$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaEmailListComponent, selector: "lib-unb-pessoa-email-list", inputs: { podeEditar: "podeEditar", emails: "emails", apiPessoaConfig: "apiPessoaConfig" }, outputs: { emailsEmitted: "emailsEmitted" }, 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                {{ emails?.length === 1 ? 'Email Cadastrado' : 'E-mails Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ emails?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Email\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Email\r\n        </button>\r\n    </div>\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n    <table class=\"my-table\" *ngIf=\"emails && emails.length > 0\" cdkDropList (cdkDropListDropped)=\"moverLinha($event)\">\r\n\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n            <th>E-mail</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 emails; let i = index\" class=\"my-tr\" cdkDrag>\r\n\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\r\n            <td>{{ valor.email }}</td>\r\n\r\n            <td>{{ valor.tipo?.toUpperCase() }}</td>\r\n\r\n            <td>\r\n                <div class=\"actions-container\">\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Salvar\" color=\"primary\" (click)=\"editar(valor)\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Deletar\" 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.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.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.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaEmailListComponent, deps: [{ token: i1$2.MatSnackBar }, { token: UnBPessoaService }, { token: i4$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaEmailListComponent, selector: "lib-unb-pessoa-email-list", inputs: { podeEditar: "podeEditar", emails: "emails", backendURL: "backendURL" }, outputs: { emailsEmitted: "emailsEmitted" }, 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                {{ emails?.length === 1 ? 'Email Cadastrado' : 'E-mails Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ emails?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Email\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Email\r\n        </button>\r\n    </div>\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n    <table class=\"my-table\" *ngIf=\"emails && emails.length > 0\" cdkDropList (cdkDropListDropped)=\"moverLinha($event)\">\r\n\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n            <th>E-mail</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 emails; let i = index\" class=\"my-tr\" cdkDrag>\r\n\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\r\n            <td>{{ valor.email }}</td>\r\n\r\n            <td>{{ valor.tipo?.toUpperCase() }}</td>\r\n\r\n            <td>\r\n                <div class=\"actions-container\">\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Salvar\" color=\"primary\" (click)=\"editar(valor)\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Deletar\" 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"], 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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaEmailListComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'lib-unb-pessoa-email-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                {{ emails?.length === 1 ? 'Email Cadastrado' : 'E-mails Cadastrados' }}\r\n            </span>\r\n            <span class=\"titulo\">({{ emails?.length || 0 }})</span>\r\n        </div>\r\n\r\n        <button type=\"button\" matTooltip=\"Novo Email\" mat-flat-button color=\"primary\" (click)=\"openFormDialog(null)\">\r\n            Cadastrar Novo Email\r\n        </button>\r\n    </div>\r\n\r\n    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n    <table class=\"my-table\" *ngIf=\"emails && emails.length > 0\" cdkDropList (cdkDropListDropped)=\"moverLinha($event)\">\r\n\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"width: 5%; text-align: center;\">Ordem</th>\r\n            <th>E-mail</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 emails; let i = index\" class=\"my-tr\" cdkDrag>\r\n\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\r\n            <td>{{ valor.email }}</td>\r\n\r\n            <td>{{ valor.tipo?.toUpperCase() }}</td>\r\n\r\n            <td>\r\n                <div class=\"actions-container\">\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Salvar\" color=\"primary\" (click)=\"editar(valor)\">\r\n                        <mat-icon>edit</mat-icon>\r\n                    </button>\r\n                    <button type=\"button\" mat-icon-button aria-label=\"Deletar\" 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$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialog }], propDecorators: { podeEditar: [{
+        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: UnBPessoaService }, { type: i4$2.MatDialog }], propDecorators: { podeEditar: [{
                 type: Input
             }], emails: [{
                 type: Input
-            }], apiPessoaConfig: [{
+            }], backendURL: [{
                 type: Input
             }], emailsEmitted: [{
                 type: Output
@@ -2023,18 +2244,28 @@ class UnbPessoaFormComponent {
         // Quando verdadeiro, o formulário e ações ficam desabilitados porque os dados
         // devem ser alterados apenas pelo app SouGov (matricula SIAPE presente)
         this.isReadonlyFromSiape = false;
-        this.apiPessoaConfig = { url: '', token: '' };
+        this.backendURL = "";
         this.pesquisarPorCPF = true;
         this.pesquisarPorCNPJ = true;
         this.pesquisarPorEstrangeiro = true;
         this.campoPesquisaMaxWidth = '400px';
+        this.pessoaEmitted = new EventEmitter();
+        this.isLoadingChange = new EventEmitter();
+        this.idMensagemService = "unbPessoaForm";
+        // Controla se está incluindo nova pessoa ou editando existente
+        this.documentoPesquisado = '';
+        this.incluindoNovaPessoa = false;
+        this.editandoPessoa = false;
     }
     ngOnInit() {
-        if (this.apiPessoaConfig.url.endsWith('/')) {
-            this.apiPessoaConfig.url = this.apiPessoaConfig.url.slice(0, -1);
+        this.alertService.hideMessage(this.idMensagemService);
+        if (this.backendURL == "") {
+            this.handleErrorPrintConsole("[UnbPessoaPesquisarComponent] ERROR: apiPessoaConfig.url está null. Insira o parâmetro (apiPessoaConfig) com o valor válido!");
+            return;
+        }
+        else {
+            this.service.setBackendUrl(this.backendURL);
         }
-        this.alertService.hideMessage();
-        this.service.setApiConfig(this.apiPessoaConfig);
         // atencao, o pessoaRecebida que inicializa esse componente
         this.escolaridade = this.service.getEscolaridade();
         this.paises = this.service.getPaises();
@@ -2043,7 +2274,11 @@ class UnbPessoaFormComponent {
     pessoaRecebida(pessoaRecebida) {
         this.buscaRealizada = true;
         this.pessoa = pessoaRecebida;
-        this.alertService.hideMessage();
+        this.alertService.hideMessage(this.idMensagemService);
+        // Reseta o formulário quando uma nova pessoa é recebida
+        if (this.pessoaForm) {
+            this.pessoaForm.resetForm();
+        }
         // inicializa pra nao quebrar
         if (!this.pessoa.enderecos)
             this.pessoa.enderecos = [];
@@ -2051,46 +2286,50 @@ class UnbPessoaFormComponent {
             this.pessoa.emails = [];
         if (!this.pessoa.telefones)
             this.pessoa.telefones = [];
-        // Se a pessoa vier com matriculaSiape preenchido, colocamos o formulário em modo somente-leitura
-        // e mostraremos uma mensagem informativa na UI. Também desabilita ações de salvar.
-        if (this.pessoa && this.pessoa.matriculaSiape !== undefined && this.pessoa.matriculaSiape !== null && this.pessoa.matriculaSiape !== 0) {
-            this.isReadonlyFromSiape = true;
-            // opcional: informar via snackBar também
-            this.openSnackBar('Servidor com matriculla SIAPE deve ter seus dados autalizados pelo aplicativo do sougov.');
-        }
-        else {
-            this.isReadonlyFromSiape = false;
+        // 1. Verifica se é um registro que já existe no banco
+        const existeRegistro = !!this.pessoa?.codigoPessoa;
+        // 2. Verifica se é bloqueado pelo SIAPE (Só faz sentido se o registro existir)
+        this.isReadonlyFromSiape = existeRegistro && !!this.pessoa?.matriculaSiape;
+        // 3. Define o documento (usando aquele mapa limpo)
+        const docMap = {
+            [TipoPessoaEnum.FISICA]: this.pessoa.cpf,
+            [TipoPessoaEnum.JURIDICA]: this.pessoa.cnpj,
+            [TipoPessoaEnum.ESTRANGEIRA]: this.pessoa.passaporte
+        };
+        this.documentoPesquisado = docMap[this.pessoa.tipoPessoa] || '';
+        // 4. (Opcional) Snackbar se for SIAPE
+        if (this.isReadonlyFromSiape) {
+            this.openSnackBar('Dados importados do SIAPE não podem ser alterados.');
         }
     }
     salvar(form) {
-        this.alertService.hideMessage();
+        this.alertService.hideMessage(this.idMensagemService);
+        // Suas validações
         if (!this.validar(form))
             return;
-        if (!this.service)
-            return;
         this.isLoading = true;
+        this.isLoadingChange.emit(true);
         const payload = this.convertPessoaToPayload(this.pessoa);
-        let result = this.service.salvar(payload, this.pessoa.tipoPessoa);
-        if (result && typeof result.subscribe === 'function') {
-            // Use o formato 'next/error' para clareza
-            result.subscribe({
-                next: (resposta) => {
-                    this.isLoading = false;
-                    this.alertService.showMessage("<strong>Registro salvo com sucesso!</strong>", UnbTipoMensagemEnum.SUCCESS);
-                    if (resposta) {
-                        this.pessoa.codigoPessoa = resposta.codigoPessoa || this.pessoa.codigoPessoa;
-                        this.pessoa.idPessoa = resposta.idPessoa || this.pessoa.idPessoa;
-                    }
-                },
-                error: (err) => {
-                    this.erro(err);
+        // O service já tem o .pipe(catchError) interno, então o erro chega tratado
+        this.service.salvar(payload, this.pessoa.tipoPessoa)
+            .subscribe({
+            next: (resposta) => {
+                this.isLoading = false;
+                this.isLoadingChange.emit(false);
+                // Mensagem de Sucesso
+                this.alertService.showMessage("<strong>Registro salvo com sucesso!</strong>", UnbTipoMensagemEnum.SUCCESS, this.idMensagemService);
+                // Atualiza dados retornados (IDs gerados)
+                if (resposta) {
+                    this.pessoa.codigoPessoa = resposta.codigoPessoa || this.pessoa.codigoPessoa;
+                    this.pessoa.idPessoa = resposta.idPessoa || this.pessoa.idPessoa;
+                    this.pessoaEmitted.emit(this.pessoa);
                 }
-            });
-        }
-        else {
-            console.error("Erro: O método salvar() não retornou um Observable.");
-            this.isLoading = false; // Garante que o loading pare
-        }
+            },
+            error: (err) => {
+                // AQUI: O 'err' já chega limpo com { mensagemSimples, mensagemHtml }
+                this.handleError(err);
+            }
+        });
     }
     validar(form) {
         if (!this.pessoa) {
@@ -2152,45 +2391,6 @@ class UnbPessoaFormComponent {
     emailsEmitted(emails) {
         this.pessoa.emails = emails;
     }
-    erro(erro) {
-        this.isLoading = false;
-        const errorResponse = erro.error;
-        // 1. Tratamento para Erros de Validação (que contêm o array 'detalhes')
-        if (errorResponse && errorResponse.detalhes && Array.isArray(errorResponse.detalhes) && errorResponse.detalhes.length > 0) {
-            // Mensagem genérica para o SnackBar
-            this.openSnackBar("O formulário possui erro(s). Por favor, verificar.");
-            // Constrói a mensagem HTML detalhada para o AlertService
-            const criticasHtml = errorResponse.detalhes.map((det) => {
-                // Formata cada erro como um item de lista
-                return `<li><strong>${det.nomeCampo}:</strong> ${det.critica}</li>`;
-            }).join('');
-            // Cria a mensagem final, envolvendo os erros em uma tag <ul>
-            const detailedHtmlMessage = `<strong>Erros de Validação:</strong> <ul>${criticasHtml}</ul>`;
-            // Mostra os detalhes formatados no AlertService
-            this.alertService.showMessage(detailedHtmlMessage, UnbTipoMensagemEnum.DANGER);
-        }
-        // 2. Tratamento para Outros Tipos de Erro (sem o array 'detalhes')
-        else {
-            let errorMessage = 'Ocorreu um erro desconhecido.'; // Mensagem padrão
-            // Tenta extrair a mensagem de erro específica
-            if (errorResponse) {
-                if (errorResponse.mensagem) {
-                    errorMessage = errorResponse.mensagem;
-                }
-                else if (errorResponse.detail) {
-                    errorMessage = errorResponse.detail;
-                }
-            }
-            else if (erro.message) {
-                errorMessage = erro.message;
-            }
-            // Mostra uma mensagem genérica no SnackBar
-            this.openSnackBar('Ocorreu um erro ao processar sua solicitação.');
-            // Mostra o erro específico no AlertService, como você sugeriu
-            let erroStrong = "<strong>" + errorMessage + "</strong>";
-            this.alertService.showMessage(erroStrong, UnbTipoMensagemEnum.DANGER);
-        }
-    }
     openSnackBar(message) {
         this.snackBar.open(message, 'x', {
             duration: 5000,
@@ -2313,13 +2513,44 @@ class UnbPessoaFormComponent {
             return null;
         }
     }
+    handleErrorPrintConsole(erro) {
+        console.log(erro);
+        this.handleError(erro);
+    }
+    handleError(erro) {
+        this.isLoading = false;
+        this.isLoadingChange.emit(false);
+        // 1. Mostra a mensagem curta/simples no SnackBar (Fundo da tela)
+        // Ex: "O formulário possui erros de validação." ou "Sessão expirada."
+        if (erro.mensagemSimples) {
+            this.openSnackBar(erro.mensagemSimples);
+        }
+        // 2. Mostra a mensagem detalhada HTML no componente <unb-mensagem>
+        // Ex: Lista com <ul><li>Campo Data inválido...</li></ul>
+        if (this.alertService && erro.mensagemHtml) {
+            // Se o seu alertService suportar ID do componente alvo, passe aqui.
+            // Caso contrário, ele mostra no componente padrão.
+            this.alertService.showMessage(erro.mensagemHtml, UnbTipoMensagemEnum.DANGER, this.idMensagemService);
+        }
+    }
+    getLabelDocumento() {
+        switch (this.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: "18.1.2", ngImport: i0, type: UnbPessoaFormComponent, deps: [{ token: UnBPessoaService }, { token: i1$2.MatSnackBar }, { token: UnbMensagemService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaFormComponent, selector: "lib-unb-pessoa-form", inputs: { apiPessoaConfig: "apiPessoaConfig", defaultTipoPessoa: "defaultTipoPessoa", pesquisarPorCPF: "pesquisarPorCPF", pesquisarPorCNPJ: "pesquisarPorCNPJ", pesquisarPorEstrangeiro: "pesquisarPorEstrangeiro", campoPesquisaMaxWidth: "campoPesquisaMaxWidth" }, ngImport: i0, template: "<mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar>\r\n\r\n<div class=\"form-container\">\r\n  <lib-unb-pessoa-pesquisar [apiPessoaConfig]=\"apiPessoaConfig\" [defaultTipoPessoa]=\"defaultTipoPessoa\"\r\n    [campoPesquisaMaxWidth]=\"campoPesquisaMaxWidth\" (pessoaEmitted)=\"pessoaRecebida($event)\">\r\n  </lib-unb-pessoa-pesquisar>\r\n</div>\r\n\r\n<unb-mensagem></unb-mensagem>\r\n\r\n<form #pessoaForm=\"ngForm\" [class.readonly]=\"isReadonlyFromSiape || isLoading\" class=\"form-container mt-2\"\r\n  *ngIf=\"buscaRealizada && apiPessoaConfig.url\" (ngSubmit)=\"salvar(pessoaForm)\">\r\n\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-10\" 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-15\" 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-10\" 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-10\" 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-10\" 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 ufNascimento of getListaEstados()\" [value]=\"ufNascimento.identificador\">\r\n          {{ ufNascimento.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-15\" 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-10\" 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 cidade of getListaEstados()\" [value]=\"cidade.identificador\">\r\n          {{ cidade.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().ESTRANGEIRA \">\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%;\" [apiPessoaConfig]=\"apiPessoaConfig\"\r\n    [telefones]=\"pessoa.telefones\" (telefonesEmitted)=\"telefonesEmitted($event)\"></lib-unb-pessoa-telefone-list>\r\n\r\n  <lib-unb-pessoa-endereco-list style=\"flex: 1 1 100%;\" [apiPessoaConfig]=\"apiPessoaConfig\"\r\n    [enderecos]=\"pessoa.enderecos\" (enderecosEmitted)=\"enderecosEmitted($event)\"></lib-unb-pessoa-endereco-list>\r\n\r\n  <lib-unb-pessoa-email-list style=\"flex: 1 1 100%;\" [apiPessoaConfig]=\"apiPessoaConfig\" [emails]=\"pessoa.emails\"\r\n    (emailsEmitted)=\"emailsEmitted($event)\"></lib-unb-pessoa-email-list>\r\n\r\n  <div *ngIf=\"isReadonlyFromSiape\" 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=\"buscaRealizada\">\r\n    <button mat-flat-button [disabled]=\"isLoading || isReadonlyFromSiape\" 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}: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}\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: i5$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$2.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: i5$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i7$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i7$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i9.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i13.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: UnbPessoaPesquisarComponent, selector: "lib-unb-pessoa-pesquisar", inputs: ["apiPessoaConfig", "pesquisarPorCPF", "pesquisarPorCNPJ", "pesquisarPorEstrangeiro", "defaultTipoPessoa", "campoPesquisaMaxWidth", "pessoa", "mostrarPesquisa", "limparAposPesquisa", "label", "placeholder", "hint"], outputs: ["pessoaEmitted"] }, { kind: "component", type: UnbPessoaTelefoneListComponent, selector: "lib-unb-pessoa-telefone-list", inputs: ["podeEditar", "telefones", "apiPessoaConfig"], outputs: ["telefonesEmitted"] }, { kind: "component", type: UnbPessoaenderecoListComponent, selector: "lib-unb-pessoa-endereco-list", inputs: ["podeEditar", "enderecos", "apiPessoaConfig"], outputs: ["enderecosEmitted"] }, { kind: "component", type: UnbPessoaEmailListComponent, selector: "lib-unb-pessoa-email-list", inputs: ["podeEditar", "emails", "apiPessoaConfig"], outputs: ["emailsEmitted"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbPessoaFormComponent, selector: "lib-unb-pessoa-form", inputs: { backendURL: "backendURL", defaultTipoPessoa: "defaultTipoPessoa", pesquisarPorCPF: "pesquisarPorCPF", pesquisarPorCNPJ: "pesquisarPorCNPJ", pesquisarPorEstrangeiro: "pesquisarPorEstrangeiro", campoPesquisaMaxWidth: "campoPesquisaMaxWidth" }, 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<div class=\"form-container\" [class.disabled-wrapper]=\"isLoading\">\r\n  <lib-unb-pessoa-pesquisar [backendURL]=\"backendURL\" [defaultTipoPessoa]=\"defaultTipoPessoa\"\r\n    [pesquisarPorCNPJ]=\"pesquisarPorCNPJ\" [pesquisarPorCPF]=\"pesquisarPorCPF\"\r\n    [pesquisarPorEstrangeiro]=\"pesquisarPorEstrangeiro\" [campoPesquisaMaxWidth]=\"campoPesquisaMaxWidth\"\r\n    (pessoaEmitted)=\"pessoaRecebida($event)\">\r\n  </lib-unb-pessoa-pesquisar>\r\n</div>\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 && !isReadonlyFromSiape,\r\n       'status-bloqueado': isReadonlyFromSiape\r\n     }\">\r\n\r\n  <mat-icon>\r\n    {{ !pessoa.codigoPessoa ? 'person_add' : (isReadonlyFromSiape ? '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 && !isReadonlyFromSiape\">Editando pessoa</ng-container>\r\n    <ng-container *ngIf=\"isReadonlyFromSiape\">Registro SIAPE (Visualiza\u00E7\u00E3o)</ng-container>\r\n\r\n    com <strong>{{ getLabelDocumento() }} {{ documentoPesquisado }}</strong>\r\n  </span>\r\n\r\n</div>\r\n\r\n\r\n<form #pessoaForm=\"ngForm\" [class.readonly]=\"isReadonlyFromSiape || isLoading\" class=\"form-container mt-2\"\r\n  *ngIf=\"buscaRealizada\" (ngSubmit)=\"salvar(pessoaForm)\">\r\n\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-10\" 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-15\" 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-10\" 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-10\" 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-10\" 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-15\" 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-10\" 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().ESTRANGEIRA \">\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]=\"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]=\"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]=\"backendURL\" [emails]=\"pessoa.emails\"\r\n    (emailsEmitted)=\"emailsEmitted($event)\"></lib-unb-pessoa-email-list>\r\n\r\n  <div *ngIf=\"isReadonlyFromSiape\" 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=\"buscaRealizada\">\r\n    <button mat-flat-button [disabled]=\"isLoading || isReadonlyFromSiape\" 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}: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;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],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]),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[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: UnbMensagemComponent, selector: "unb-mensagem", inputs: ["mensagem", "tipo", "identificador"] }, { kind: "component", type: i7$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i7$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i7$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"], 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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i14.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i15.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i15.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i15.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: UnbPessoaPesquisarComponent, selector: "lib-unb-pessoa-pesquisar", inputs: ["backendURL", "pesquisarPorCPF", "pesquisarPorCNPJ", "pesquisarPorEstrangeiro", "defaultTipoPessoa", "campoPesquisaMaxWidth", "pessoa", "mostrarPesquisa", "limparAposPesquisa", "label", "placeholder", "hint"], outputs: ["pessoaEmitted", "isLoadingChange"] }, { 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: "18.1.2", 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<div class=\"form-container\">\r\n  <lib-unb-pessoa-pesquisar [apiPessoaConfig]=\"apiPessoaConfig\" [defaultTipoPessoa]=\"defaultTipoPessoa\"\r\n    [campoPesquisaMaxWidth]=\"campoPesquisaMaxWidth\" (pessoaEmitted)=\"pessoaRecebida($event)\">\r\n  </lib-unb-pessoa-pesquisar>\r\n</div>\r\n\r\n<unb-mensagem></unb-mensagem>\r\n\r\n<form #pessoaForm=\"ngForm\" [class.readonly]=\"isReadonlyFromSiape || isLoading\" class=\"form-container mt-2\"\r\n  *ngIf=\"buscaRealizada && apiPessoaConfig.url\" (ngSubmit)=\"salvar(pessoaForm)\">\r\n\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-10\" 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-15\" 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-10\" 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-10\" 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-10\" 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 ufNascimento of getListaEstados()\" [value]=\"ufNascimento.identificador\">\r\n          {{ ufNascimento.identificador }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field class=\"form-15\" 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-10\" 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 cidade of getListaEstados()\" [value]=\"cidade.identificador\">\r\n          {{ cidade.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().ESTRANGEIRA \">\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%;\" [apiPessoaConfig]=\"apiPessoaConfig\"\r\n    [telefones]=\"pessoa.telefones\" (telefonesEmitted)=\"telefonesEmitted($event)\"></lib-unb-pessoa-telefone-list>\r\n\r\n  <lib-unb-pessoa-endereco-list style=\"flex: 1 1 100%;\" [apiPessoaConfig]=\"apiPessoaConfig\"\r\n    [enderecos]=\"pessoa.enderecos\" (enderecosEmitted)=\"enderecosEmitted($event)\"></lib-unb-pessoa-endereco-list>\r\n\r\n  <lib-unb-pessoa-email-list style=\"flex: 1 1 100%;\" [apiPessoaConfig]=\"apiPessoaConfig\" [emails]=\"pessoa.emails\"\r\n    (emailsEmitted)=\"emailsEmitted($event)\"></lib-unb-pessoa-email-list>\r\n\r\n  <div *ngIf=\"isReadonlyFromSiape\" 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=\"buscaRealizada\">\r\n    <button mat-flat-button [disabled]=\"isLoading || isReadonlyFromSiape\" 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}: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}\n"] }]
-        }], ctorParameters: () => [{ type: UnBPessoaService }, { type: i1$2.MatSnackBar }, { type: UnbMensagemService }], propDecorators: { apiPessoaConfig: [{
+            args: [{ selector: 'lib-unb-pessoa-form', standalone: false, template: "<mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar>\r\n\r\n<div class=\"form-container\" [class.disabled-wrapper]=\"isLoading\">\r\n  <lib-unb-pessoa-pesquisar [backendURL]=\"backendURL\" [defaultTipoPessoa]=\"defaultTipoPessoa\"\r\n    [pesquisarPorCNPJ]=\"pesquisarPorCNPJ\" [pesquisarPorCPF]=\"pesquisarPorCPF\"\r\n    [pesquisarPorEstrangeiro]=\"pesquisarPorEstrangeiro\" [campoPesquisaMaxWidth]=\"campoPesquisaMaxWidth\"\r\n    (pessoaEmitted)=\"pessoaRecebida($event)\">\r\n  </lib-unb-pessoa-pesquisar>\r\n</div>\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 && !isReadonlyFromSiape,\r\n       'status-bloqueado': isReadonlyFromSiape\r\n     }\">\r\n\r\n  <mat-icon>\r\n    {{ !pessoa.codigoPessoa ? 'person_add' : (isReadonlyFromSiape ? '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 && !isReadonlyFromSiape\">Editando pessoa</ng-container>\r\n    <ng-container *ngIf=\"isReadonlyFromSiape\">Registro SIAPE (Visualiza\u00E7\u00E3o)</ng-container>\r\n\r\n    com <strong>{{ getLabelDocumento() }} {{ documentoPesquisado }}</strong>\r\n  </span>\r\n\r\n</div>\r\n\r\n\r\n<form #pessoaForm=\"ngForm\" [class.readonly]=\"isReadonlyFromSiape || isLoading\" class=\"form-container mt-2\"\r\n  *ngIf=\"buscaRealizada\" (ngSubmit)=\"salvar(pessoaForm)\">\r\n\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-10\" 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-15\" 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-10\" 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-10\" 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-10\" 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-15\" 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-10\" 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().ESTRANGEIRA \">\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]=\"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]=\"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]=\"backendURL\" [emails]=\"pessoa.emails\"\r\n    (emailsEmitted)=\"emailsEmitted($event)\"></lib-unb-pessoa-email-list>\r\n\r\n  <div *ngIf=\"isReadonlyFromSiape\" 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=\"buscaRealizada\">\r\n    <button mat-flat-button [disabled]=\"isLoading || isReadonlyFromSiape\" 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}: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;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$2.MatSnackBar }, { type: UnbMensagemService }], propDecorators: { pessoaForm: [{
+                type: ViewChild,
+                args: ['pessoaForm']
+            }], backendURL: [{
                 type: Input
             }], defaultTipoPessoa: [{
                 type: Input
@@ -2331,6 +2562,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                 type: Input
             }], campoPesquisaMaxWidth: [{
                 type: Input
+            }], pessoaEmitted: [{
+                type: Output
+            }], isLoadingChange: [{
+                type: Output
             }] } });
 
 class UnbPessoaModule {