@stiunb/unb-lib-components 18.0.22

package/fesm2022/unb-lib-components.mjs

@@ -0,0 +1,1923 @@
+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 } from 'rxjs';
+import * as i4 from '@angular/common';
+import { CommonModule, DatePipe, CurrencyPipe } from '@angular/common';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i6 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4$1 from '@angular/material/sidenav';
+import { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';
+import * as i1 from '@angular/cdk/layout';
+import { LayoutModule } from '@angular/cdk/layout';
+import * as i3$1 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i3 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i5$1 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i7 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+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 { FormsModule } from '@angular/forms';
+import * as i10 from '@angular/material/core';
+import { MatNativeDateModule } from '@angular/material/core';
+import * as i11 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i7$1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i8$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import * as i9$1 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i10$1 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+import * as i9 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 { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i1$1 from '@angular/common/http';
+import { HttpHeaders } from '@angular/common/http';
+
+class UnbMensagemModel {
+}
+
+// faz com que a enum seja uma contagem de 0 a 3
+var UnbTipoMensagemEnum;
+(function (UnbTipoMensagemEnum) {
+    UnbTipoMensagemEnum[UnbTipoMensagemEnum["SUCCESS"] = 0] = "SUCCESS";
+    UnbTipoMensagemEnum[UnbTipoMensagemEnum["INFO"] = 1] = "INFO";
+    UnbTipoMensagemEnum[UnbTipoMensagemEnum["WARNING"] = 2] = "WARNING";
+    UnbTipoMensagemEnum[UnbTipoMensagemEnum["DANGER"] = 3] = "DANGER";
+})(UnbTipoMensagemEnum || (UnbTipoMensagemEnum = {}));
+class UnbMensagemService {
+    constructor() {
+        this.messageSubject = new Subject();
+        // [background_color, font_color, border_color]
+        this.cores = [
+            ['#dff0d8', '#3c763d', '#d6e9c6'], // SUCCESS
+            ['#d9edf7', '#31708f', '#bce8f1'], // INFO
+            ['#fcf8e3', '#8a6d3b', '#faebcc'], // WARNING
+            ['#f2dede', '#a94442', '#ebccd1'] // DANGER
+        ];
+    }
+    /**
+   *
+   * @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]));
+    }
+    /**
+    * Esconde o componente de mensagem passando um valor vazio
+    */
+    hideMessage() {
+        this.messageSubject.next(new UnbMensagemModel());
+    }
+    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 };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class UnbMensagemComponent {
+    constructor(mensagemService) {
+        this.mensagemService = mensagemService;
+    }
+    ngOnInit() {
+        this.subscription = this.mensagemService.getMessageSubject().subscribe(message => {
+            if (message) {
+                this.alertMessage = message;
+            }
+            else {
+                //this.alertMessage  = undefined;
+            }
+        });
+    }
+    ngAfterContentInit() {
+        if (this.mensagem != null && this.mensagem != undefined) {
+            this.showMessage(this.mensagem, this.getTipo());
+        }
+    }
+    /**
+     * Esconde o componente de mensagem
+     */
+    hide() {
+        this.mensagemService.hideMessage();
+    }
+    /**
+     *
+     * @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);
+    }
+    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() {
+        if (this.tipo != null && this.tipo != undefined) {
+            let valor = this.tipo.toLowerCase();
+            if (valor == 'warning' || valor == 'warn' || valor == 'aviso') {
+                return UnbTipoMensagemEnum.WARNING;
+            }
+            else if (valor == 'sucesso' || valor == 'success' || valor == 'sucess') {
+                return UnbTipoMensagemEnum.SUCCESS;
+            }
+            else if (valor == 'danger' || valor == 'erro' || valor == 'error') {
+                return UnbTipoMensagemEnum.DANGER;
+            }
+            else if (valor == 'info') {
+                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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'unb-mensagem', 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"] }]
+        }], ctorParameters: () => [{ type: UnbMensagemService }], propDecorators: { mensagem: [{
+                type: Input
+            }], tipo: [{
+                type: Input
+            }] } });
+
+class UnbMensagemModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemModule, declarations: [UnbMensagemComponent], imports: [CommonModule,
+            MatIconModule,
+            MatButtonModule], exports: [UnbMensagemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemModule, imports: [CommonModule,
+            MatIconModule,
+            MatButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbMensagemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UnbMensagemComponent],
+                    imports: [CommonModule,
+                        MatIconModule,
+                        MatButtonModule],
+                    exports: [UnbMensagemComponent]
+                }]
+        }] });
+
+class UnbUsuarioModel {
+    constructor() {
+        this.autenticado = false;
+        this.usuarioNome = "";
+        this.perfis = [];
+        this.expiration = 0;
+    }
+}
+
+class UnbAuthService {
+    constructor() {
+        // Inicializamos o BehaviorSubject com uma lista vazia de perfis
+        this.usuarioSubject = new BehaviorSubject(new UnbUsuarioModel);
+        this.usuario$ = this.usuarioSubject.asObservable();
+        this.usuarioModel = new UnbUsuarioModel();
+    }
+    initiate(oidcSecurityService) {
+        this.oidcSecurityService = oidcSecurityService;
+        this.logAuthenticatedState();
+    }
+    logAuthenticatedState() {
+        this.oidcSecurityService.checkAuth().subscribe((loginResponse) => {
+            if (!loginResponse.isAuthenticated) {
+                this.usuarioModel.autenticado = false;
+                this.usuarioSubject.next(this.usuarioModel);
+            }
+            else {
+                this.usuarioModel.autenticado = true;
+                this.setUserData(loginResponse.userData);
+            }
+        });
+    }
+    setUserData(userData) {
+        const nomeCompleto = userData.given_name.trim();
+        const nomes = nomeCompleto.split(' ');
+        this.usuarioModel.usuarioNome = nomes.length > 1
+            ? `${nomes[0]} ${nomes[nomes.length - 1]}`
+            : nomes[0];
+        this.oidcSecurityService.getPayloadFromAccessToken().subscribe((authResult) => {
+            this.usuarioModel.perfis = authResult.realm_access.roles || [];
+            // Atualiza o BehaviorSubject com o modelo atualizado
+            this.usuarioSubject.next(this.usuarioModel);
+        });
+    }
+    login() {
+        this.oidcSecurityService.authorize();
+    }
+    logout() {
+        this.oidcSecurityService
+            .logoff()
+            .subscribe(() => this.usuarioSubject.next(new UnbUsuarioModel()));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbAuthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbAuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class UnbUsuarioComponent {
+    constructor(authService) {
+        this.authService = authService;
+    }
+    ngOnInit() {
+        if (this.oidcSecurityService == null) {
+            console.log("Erro: oidcService está null!");
+            return;
+        }
+        this.authService.initiate(this.oidcSecurityService);
+        this.usuario$ = this.authService.usuario$;
+    }
+    login() {
+        this.authService.login();
+    }
+    logout() {
+        this.authService.logout();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbUsuarioComponent, deps: [{ token: UnbAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbUsuarioComponent, selector: "unb-usuario", inputs: { oidcSecurityService: "oidcSecurityService" }, ngImport: i0, template: "<button mat-mini-fab color=\"primary\" aria-label=\"Login Button\" [matMenuTriggerFor]=\"menu\">\r\n  <mat-icon>person</mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n  <div *ngIf=\"usuario$ | async as usuario\">    \r\n    <mat-card-header class=\"menuHeader\" *ngIf=\"usuario && usuario.autenticado; else notAuthenticated\">\r\n      <mat-card-title>\r\n        <div class=\"user-info-container\">\r\n          <span>{{ usuario.usuarioNome }}</span>\r\n          <mat-icon matTooltip=\"{{ usuario.perfis.join(', ') }}\" aria-label=\"Perfis de usu\u00E1rio\" *ngIf=\"usuario.perfis\">\r\n            account_circle\r\n          </mat-icon>\r\n        </div>\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <ng-template #notAuthenticated>\r\n      <mat-card-header class=\"menuHeader\">\r\n        <button mat-menu-item (click)=\"login()\">\r\n          <mat-icon>login</mat-icon>\r\n          <span>Login</span>\r\n        </button>\r\n      </mat-card-header>\r\n    </ng-template>\r\n\r\n    <mat-divider *ngIf=\"usuario.autenticado\"></mat-divider>\r\n\r\n    <mat-card-actions *ngIf=\"usuario.autenticado\">\r\n      <button mat-menu-item (click)=\"logout()\">\r\n        <mat-icon>exit_to_app</mat-icon>\r\n        <span>Sair</span>\r\n      </button>\r\n    </mat-card-actions>\r\n  </div>\r\n</mat-menu>", styles: [".sidenav-container{height:100%}.sidenav{width:200px}.sidenav .mat-toolbar{background:inherit}.mat-toolbar.mat-primary{position:sticky;top:0;z-index:1}button.login_button{outline:none;padding:0;border:none;background:none;cursor:pointer}.mat-card{background:#036;padding:5px 20px 0 0}.menu{min-width:500px;max-width:400px}.menuHeader{padding:10px}.user-info-container{display:flex;align-items:center;justify-content:center;gap:8px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "directive", type: i7.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i7.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i7.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbUsuarioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'unb-usuario', template: "<button mat-mini-fab color=\"primary\" aria-label=\"Login Button\" [matMenuTriggerFor]=\"menu\">\r\n  <mat-icon>person</mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n  <div *ngIf=\"usuario$ | async as usuario\">    \r\n    <mat-card-header class=\"menuHeader\" *ngIf=\"usuario && usuario.autenticado; else notAuthenticated\">\r\n      <mat-card-title>\r\n        <div class=\"user-info-container\">\r\n          <span>{{ usuario.usuarioNome }}</span>\r\n          <mat-icon matTooltip=\"{{ usuario.perfis.join(', ') }}\" aria-label=\"Perfis de usu\u00E1rio\" *ngIf=\"usuario.perfis\">\r\n            account_circle\r\n          </mat-icon>\r\n        </div>\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <ng-template #notAuthenticated>\r\n      <mat-card-header class=\"menuHeader\">\r\n        <button mat-menu-item (click)=\"login()\">\r\n          <mat-icon>login</mat-icon>\r\n          <span>Login</span>\r\n        </button>\r\n      </mat-card-header>\r\n    </ng-template>\r\n\r\n    <mat-divider *ngIf=\"usuario.autenticado\"></mat-divider>\r\n\r\n    <mat-card-actions *ngIf=\"usuario.autenticado\">\r\n      <button mat-menu-item (click)=\"logout()\">\r\n        <mat-icon>exit_to_app</mat-icon>\r\n        <span>Sair</span>\r\n      </button>\r\n    </mat-card-actions>\r\n  </div>\r\n</mat-menu>", styles: [".sidenav-container{height:100%}.sidenav{width:200px}.sidenav .mat-toolbar{background:inherit}.mat-toolbar.mat-primary{position:sticky;top:0;z-index:1}button.login_button{outline:none;padding:0;border:none;background:none;cursor:pointer}.mat-card{background:#036;padding:5px 20px 0 0}.menu{min-width:500px;max-width:400px}.menuHeader{padding:10px}.user-info-container{display:flex;align-items:center;justify-content:center;gap:8px}\n"] }]
+        }], ctorParameters: () => [{ type: UnbAuthService }], propDecorators: { oidcSecurityService: [{
+                type: Input
+            }] } });
+
+class UnbNavBarComponent {
+    constructor(observer) {
+        this.observer = observer;
+        this.nomeSistema = "Nome do Sistema"; /* O nome do sistema */
+        this.menuSize = 300; /** O tamanho do menu em px */
+        this.widthToHideMenu = 800; /* O tamanho da tela ateh esconder o menu */
+        this.contentBackgroundColor = '#f0f3f7'; /* A cor do Content */
+        this.containerPadding = 10; /* O tamanho do padding to container que fica o content */
+        this.isMobile = true;
+    }
+    ngOnInit() {
+        this.observer.observe(['(max-width: ' + this.widthToHideMenu + 'px)']).subscribe((screenSize) => {
+            if (screenSize.matches) {
+                this.isMobile = true;
+            }
+            else {
+                this.isMobile = false;
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbNavBarComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: UnbNavBarComponent, selector: "unb-nav-bar", inputs: { nomeSistema: "nomeSistema", menuSize: "menuSize", widthToHideMenu: "widthToHideMenu", contentBackgroundColor: "contentBackgroundColor", containerPadding: "containerPadding", oidcSecurityService: "oidcSecurityService" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true }], ngImport: i0, template: "<div class=\"example-container\" >\r\n  <mat-toolbar class=\"example-toolbar\">\r\n    <button mat-icon-button class=\"minifab\" type=\"button\" aria-label=\"Toggle sidenav\" color=\"accent\"  (click)=\"snav.toggle()\"><mat-icon>menu</mat-icon></button>    \r\n    <img src=\"assets/img/unb_icon_branco.svg\" alt=\"\" style=\"width: 40px\">&nbsp;\r\n    <span style=\"color: white;\">{{nomeSistema}}</span>\r\n    <span class=\"spacer\"></span>     \r\n    <unb-usuario [oidcSecurityService]=\"oidcSecurityService\"></unb-usuario>\r\n  </mat-toolbar>\r\n\r\n  <mat-sidenav-container class=\"example-sidenav-container\"  [ngStyle]=\"{'background-color': contentBackgroundColor}\" >  \r\n    <mat-sidenav #snav [mode]=\"isMobile ? 'over' : 'side'\" [opened]=\"isMobile ? 'false' : 'true'\" [style.max-width.px]=\"menuSize\" >                \r\n      <ng-content select=\"[menu]\"></ng-content>      \r\n    </mat-sidenav>\r\n\r\n    <mat-sidenav-content  [ngStyle]=\"{'padding.px': containerPadding}\">\r\n      <ng-content select=\"[body]\"></ng-content>      \r\n    </mat-sidenav-content>\r\n\r\n  </mat-sidenav-container>\r\n</div>", styles: [".example-container{display:flex;flex-direction:column;position:absolute;inset:0}.example-is-mobile .example-toolbar{position:fixed;z-index:2}.spacer{flex:1 1 auto}.example-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.minifab{margin:5px;color:#fff;fill:#fff}\n"], dependencies: [{ kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i4$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i4$1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i4$1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: UnbUsuarioComponent, selector: "unb-usuario", inputs: ["oidcSecurityService"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbNavBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'unb-nav-bar', template: "<div class=\"example-container\" >\r\n  <mat-toolbar class=\"example-toolbar\">\r\n    <button mat-icon-button class=\"minifab\" type=\"button\" aria-label=\"Toggle sidenav\" color=\"accent\"  (click)=\"snav.toggle()\"><mat-icon>menu</mat-icon></button>    \r\n    <img src=\"assets/img/unb_icon_branco.svg\" alt=\"\" style=\"width: 40px\">&nbsp;\r\n    <span style=\"color: white;\">{{nomeSistema}}</span>\r\n    <span class=\"spacer\"></span>     \r\n    <unb-usuario [oidcSecurityService]=\"oidcSecurityService\"></unb-usuario>\r\n  </mat-toolbar>\r\n\r\n  <mat-sidenav-container class=\"example-sidenav-container\"  [ngStyle]=\"{'background-color': contentBackgroundColor}\" >  \r\n    <mat-sidenav #snav [mode]=\"isMobile ? 'over' : 'side'\" [opened]=\"isMobile ? 'false' : 'true'\" [style.max-width.px]=\"menuSize\" >                \r\n      <ng-content select=\"[menu]\"></ng-content>      \r\n    </mat-sidenav>\r\n\r\n    <mat-sidenav-content  [ngStyle]=\"{'padding.px': containerPadding}\">\r\n      <ng-content select=\"[body]\"></ng-content>      \r\n    </mat-sidenav-content>\r\n\r\n  </mat-sidenav-container>\r\n</div>", styles: [".example-container{display:flex;flex-direction:column;position:absolute;inset:0}.example-is-mobile .example-toolbar{position:fixed;z-index:2}.spacer{flex:1 1 auto}.example-sidenav-container{flex:1}.example-is-mobile .example-sidenav-container{flex:1 0 auto}.minifab{margin:5px;color:#fff;fill:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { nomeSistema: [{
+                type: Input
+            }], menuSize: [{
+                type: Input
+            }], widthToHideMenu: [{
+                type: Input
+            }], contentBackgroundColor: [{
+                type: Input
+            }], containerPadding: [{
+                type: Input
+            }], oidcSecurityService: [{
+                type: Input
+            }], sidenav: [{
+                type: ViewChild,
+                args: [MatSidenav]
+            }] } });
+
+class UnbUsuarioModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbUsuarioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: UnbUsuarioModule, declarations: [UnbUsuarioComponent], imports: [BrowserModule,
+            MatToolbarModule,
+            MatSidenavModule,
+            LayoutModule,
+            MatMenuModule,
+            MatIconModule,
+            MatListModule,
+            MatButtonModule,
+            MatCardModule,
+            MatTooltipModule,
+            MatMenuModule,
+            MatDividerModule], exports: [UnbUsuarioComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbUsuarioModule, providers: [UnbAuthService], imports: [BrowserModule,
+            MatToolbarModule,
+            MatSidenavModule,
+            LayoutModule,
+            MatMenuModule,
+            MatIconModule,
+            MatListModule,
+            MatButtonModule,
+            MatCardModule,
+            MatTooltipModule,
+            MatMenuModule,
+            MatDividerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbUsuarioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UnbUsuarioComponent],
+                    imports: [
+                        BrowserModule,
+                        MatToolbarModule,
+                        MatSidenavModule,
+                        LayoutModule,
+                        MatMenuModule,
+                        MatIconModule,
+                        MatListModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatTooltipModule,
+                        MatMenuModule,
+                        MatDividerModule
+                    ],
+                    exports: [UnbUsuarioComponent],
+                    providers: [UnbAuthService]
+                }]
+        }] });
+
+class UnbNavBarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbNavBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: UnbNavBarModule, declarations: [UnbNavBarComponent], imports: [BrowserModule,
+            MatToolbarModule,
+            MatSidenavModule,
+            LayoutModule,
+            MatIconModule,
+            MatListModule,
+            MatButtonModule,
+            UnbUsuarioModule,
+            MatCardModule], exports: [UnbNavBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbNavBarModule, imports: [BrowserModule,
+            MatToolbarModule,
+            MatSidenavModule,
+            LayoutModule,
+            MatIconModule,
+            MatListModule,
+            MatButtonModule,
+            UnbUsuarioModule,
+            MatCardModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbNavBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UnbNavBarComponent],
+                    imports: [
+                        BrowserModule,
+                        MatToolbarModule,
+                        MatSidenavModule,
+                        LayoutModule,
+                        MatIconModule,
+                        MatListModule,
+                        MatButtonModule,
+                        UnbUsuarioModule,
+                        MatCardModule
+                    ],
+                    exports: [UnbNavBarComponent]
+                }]
+        }] });
+
+const listaEstados = [
+    { codigo: 1, identificador: 'AC', descricao: "Acre" },
+    { codigo: 2, identificador: 'AL', descricao: "Alagoas" },
+    { codigo: 3, identificador: 'AM', descricao: "Amazonas" },
+    { codigo: 4, identificador: 'AP', descricao: "Amapá" },
+    { codigo: 5, identificador: 'BA', descricao: "Bahia" },
+    { codigo: 6, identificador: 'CE', descricao: "Ceará" },
+    { codigo: 7, identificador: 'DF', descricao: "Distrito Federal" },
+    { codigo: 8, identificador: 'ES', descricao: "Espírito Santo" },
+    { codigo: 9, identificador: 'GO', descricao: "Goiás" },
+    { codigo: 10, identificador: 'MA', descricao: "Maranhão" },
+    { codigo: 11, identificador: 'MG', descricao: "Minas Gerais" },
+    { codigo: 12, identificador: 'MS', descricao: "Mato Grosso do Sul" },
+    { codigo: 13, identificador: 'MT', descricao: "Mato Grosso" },
+    { codigo: 14, identificador: 'PA', descricao: "Pará" },
+    { codigo: 15, identificador: 'PB', descricao: "Paraíba" },
+    { codigo: 16, identificador: 'PE', descricao: "Pernambuco" },
+    { codigo: 17, identificador: 'PI', descricao: "Piauí" },
+    { codigo: 18, identificador: 'PR', descricao: "Paraná" },
+    { codigo: 19, identificador: 'RJ', descricao: "Rio de Janeiro" },
+    { codigo: 20, identificador: 'RN', descricao: "Rio Grande do Norte" },
+    { codigo: 21, identificador: 'RO', descricao: "Rondônia" },
+    { codigo: 22, identificador: 'RR', descricao: "Roraima" },
+    { codigo: 23, identificador: 'RS', descricao: "Rio Grande do Sul" },
+    { codigo: 24, identificador: 'SC', descricao: "Santa Catarina" },
+    { codigo: 25, identificador: 'SE', descricao: "Sergipe" },
+    { codigo: 26, identificador: 'SP', descricao: "São Paulo" },
+    { codigo: 27, identificador: 'TO', descricao: "Tocantins" }
+];
+
+class UnbPessoaEmail {
+}
+class UnbPessoaEmailTipo {
+}
+
+var TipoPessoaEnum;
+(function (TipoPessoaEnum) {
+    TipoPessoaEnum["FISICA"] = "F\u00EDsica";
+    TipoPessoaEnum["JURIDICA"] = "Jur\u00EDdica";
+    TipoPessoaEnum["ESTRANGEIRA"] = "Estrangeira";
+})(TipoPessoaEnum || (TipoPessoaEnum = {}));
+
+class UnBPessoaService {
+    constructor(http) {
+        this.http = http;
+        this.apiConfigSubject = new BehaviorSubject({ url: '', token: '' });
+        this.apiConfig$ = this.apiConfigSubject.asObservable();
+    }
+    // Atualiza a configuração global
+    setApiConfig(config) {
+        this.apiConfigSubject.next(config);
+    }
+    // Retorna a configuração atual
+    getApiConfig() {
+        return this.apiConfigSubject.getValue();
+    }
+    // Headers padrão
+    getHeaders() {
+        const { token } = this.getApiConfig();
+        return {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json',
+                Authorization: `Bearer ${token}`
+            })
+        };
+    }
+    // Métodos de busca
+    findByCpf(cpf) {
+        const url = `${this.getApiConfig().url}/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}`;
+        return this.http.get(url, this.getHeaders()).pipe(catchError(this.handleError));
+    }
+    findByPassaporte(passaporte) {
+        const url = `${this.getApiConfig().url}/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}`;
+        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}`;
+        return this.http.get(url, this.getHeaders()).pipe(catchError(this.handleError));
+    }
+    // Salvar (decide fisica ou juridica)
+    salvar(pessoa) {
+        if (!pessoa)
+            return throwError(() => new Error('Erro Local: Object não pode ser null'));
+        if (!pessoa.tipoPessoa)
+            return throwError(() => new Error('Erro Local: Tipo pessoa não pode ser null'));
+        if (pessoa.tipoPessoa == TipoPessoaEnum.FISICA || pessoa.tipoPessoa == TipoPessoaEnum.ESTRANGEIRA) {
+            return this.savePessoaFisica(pessoa);
+        }
+        else if (pessoa.tipoPessoa == TipoPessoaEnum.JURIDICA) {
+            return this.savePessoaJuridica(pessoa);
+        }
+        return of(null);
+    }
+    // Salvar Pessoa Física
+    savePessoaFisica(pessoa) {
+        const url = this.getApiConfig().url;
+        const httpOptions = this.getHeaders();
+        const body = JSON.stringify(pessoa);
+        if (pessoa.codigoPessoa == null) {
+            return this.http.post(`${url}/pessoa-api/pessoas/fisicas`, body, httpOptions);
+        }
+        else {
+            return this.http.put(`${url}/pessoa-api/pessoas/fisicas/${pessoa.codigoPessoa}`, body, httpOptions);
+        }
+    }
+    // Salvar Pessoa Jurídica
+    savePessoaJuridica(pessoa) {
+        const url = this.getApiConfig().url;
+        const httpOptions = this.getHeaders();
+        const body = JSON.stringify(pessoa);
+        if (pessoa.codigoPessoa == null) {
+            return this.http.post(`${url}/pessoa-api/pessoas/juridicas`, body, httpOptions);
+        }
+        else {
+            return this.http.put(`${url}/pessoa-api/pessoas/juridicas/${pessoa.codigoPessoa}`, body, httpOptions);
+        }
+    }
+    // Dados auxiliares públicos
+    getEscolaridade() {
+        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/escolaridades/listagem`);
+    }
+    getEstadoCivil() {
+        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/estados-civis/listagem`);
+    }
+    getMunicipios() {
+        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/municipios/listagem`);
+    }
+    getPaises() {
+        return this.http.get(`${this.getApiConfig().url}/pessoa-api/public/paises/listagem?&page=0&size=200&sort=denominacao,asc`).pipe(map(response => {
+            return response.content.sort((a, b) => {
+                const nomeA = a?.denominacao?.toUpperCase() || '';
+                const nomeB = b?.denominacao?.toUpperCase() || '';
+                if (nomeA === 'BRASIL')
+                    return -1;
+                if (nomeB === 'BRASIL')
+                    return 1;
+                return nomeA.localeCompare(nomeB);
+            });
+        }));
+    }
+    getRacaCor() {
+        return this.http.get(`${this.getApiConfig().url}/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
+        }))));
+    }
+    getTipoEmail() {
+        return this.http.get(`${this.getApiConfig().url}/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
+        }))));
+    }
+    getTipoEndereco() {
+        return this.http.get(`${this.getApiConfig().url}/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
+        }))));
+    }
+    getTipoTelefone() {
+        return this.http.get(`${this.getApiConfig().url}/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
+        }))));
+    }
+    formatarLabel(text) {
+        return text
+            .toLowerCase()
+            .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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnBPessoaService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+
+class UnbPessoaEmailFormComponent {
+    constructor(snackBar, service, dialogRef, data) {
+        this.snackBar = snackBar;
+        this.service = service;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.email = new UnbPessoaEmail();
+        this.listaTipoEmail = [];
+        this.email = JSON.parse(JSON.stringify(data.email)); // O e-mail específico para edição
+        // Verifique se a lista de e-mails foi passada e atribua-a
+        if (data.emailsList) {
+            this.emailsList = JSON.parse(JSON.stringify(data.emailsList)); // Faça uma cópia profunda se for manipular
+        }
+        else {
+            this.emailsList = []; // Inicialize como vazio se não for passada
+        }
+        if (!this.email) {
+            this.email = new UnbPessoaEmail();
+        }
+    }
+    ngOnInit() {
+        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;
+                }
+            }
+            else if (this.email.tipo) {
+                const tipoEncontrado = lista.find(t => t.denominacao?.toLowerCase() === this.email.tipo?.toLowerCase());
+                if (tipoEncontrado) {
+                    this.email.tipoEmailCodigo = tipoEncontrado.codigo;
+                }
+            }
+        });
+    }
+    salvar(form) {
+        if (form.invalid) {
+            this.openSnackBar('Existem erros no formulário, por favor, verificar.');
+            return;
+        }
+        if (this.validar(this.email) == false)
+            return;
+        this.emailSalvo = this.email;
+        this.salvarclose();
+    }
+    compararTipos(t1, t2) {
+        return t1 && t2 && t1 === t2;
+    }
+    onTipoSelecionado(codigoSelecionado) {
+        const tipoSelecionado = this.listaTipoEmail.find(t => t.codigo === codigoSelecionado);
+        if (tipoSelecionado) {
+            this.email.tipo = tipoSelecionado.denominacao;
+        }
+    }
+    /**
+      * Valida o objeto de e-mail.
+      * Retorna true se o e-mail for válido, false caso contrário.
+      */
+    validar(emailToValidate) {
+        // 1. Validação de campo obrigatório
+        if (!emailToValidate.email || emailToValidate.email.trim() === '') {
+            this.openSnackBar("E-mail é um campo obrigatório.");
+            return false;
+        }
+        // 2. Validação de formato de e-mail
+        const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+        if (!emailRegex.test(emailToValidate.email)) {
+            this.openSnackBar("Digite um E-mail válido.");
+            return false;
+        }
+        // 3. Validação de e-mail duplicado na lista existente
+        // Filtra a lista para excluir o próprio e-mail que está sendo editado (se ele tiver um 'codigo')
+        const isDuplicate = this.emailsList.some(existingEmail => existingEmail.email?.toLowerCase() === emailToValidate.email?.toLowerCase() &&
+            existingEmail.codigo !== emailToValidate.codigo // Ignora o próprio e-mail se estiver sendo editado
+        );
+        if (isDuplicate) {
+            this.openSnackBar("Este e-mail já existe na lista.");
+            return false;
+        }
+        return true;
+    }
+    close() {
+        this.dialogRef.close(null);
+    }
+    salvarclose() {
+        this.dialogRef.close(this.emailSalvo);
+    }
+    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>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      <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    </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: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.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" }] }); }
+}
+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>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      <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    </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: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+class UnbPessoaEndereco {
+}
+class UnbPessoaEnderecoTipo {
+}
+
+class UnbPessoaEnderecoFormComponent {
+    constructor(snackBar, service, dialogRef, data) {
+        this.snackBar = snackBar;
+        this.service = service;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.endereco = new UnbPessoaEndereco();
+        this.listaTipoEndereco = [];
+        this.endereco = JSON.parse(JSON.stringify(data.endereco)); // O e-mail específico para edição
+        // Verifique se a lista de e-mails foi passada e atribua-a
+        if (data.enderecosList) {
+            this.enderecosList = JSON.parse(JSON.stringify(data.enderecosList)); // Faça uma cópia profunda se for manipular
+        }
+        else {
+            this.enderecosList = []; // Inicialize como vazio se não for passada
+        }
+        if (!this.endereco) {
+            this.endereco = new UnbPessoaEndereco();
+        }
+    }
+    ngOnInit() {
+        this.tipoEndereco = this.service.getTipoEndereco();
+        // Inscreve para guardar a lista em uma variável comum
+        this.tipoEndereco.subscribe(lista => {
+            this.listaTipoEndereco = lista;
+            // Se já tiver tipoEmailCodigo, 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) {
+                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 ufEndereco para uf
+                }
+            }
+        });
+    }
+    salvar(form) {
+        if (form.invalid) {
+            this.openSnackBar('Existem erros no formulário, por favor, verificar.');
+            return;
+        }
+        if (this.validar(this.endereco) == false)
+            return;
+        this.enderecoSalvo = this.endereco;
+        this.salvarclose();
+    }
+    compararTipos(t1, t2) {
+        return t1 && t2 && t1.codigo === t2.codigo;
+    }
+    onTipoSelecionado(codigoSelecionado) {
+        const tipoSelecionado = this.listaTipoEndereco.find(t => t.codigo === codigoSelecionado);
+        if (tipoSelecionado) {
+            this.endereco.tipo = tipoSelecionado.denominacao;
+        }
+    }
+    pesquisarCep() {
+        if (this.endereco.cep && this.endereco.cep.trim() !== '') {
+            let cepFormatado = this.endereco.cep.replace(/\D/g, ''); // Remove caracteres não numéricos
+            this.service.pesquisarCep(cepFormatado).subscribe({
+                next: (data) => {
+                    this.endereco.logradouro = data.logradouro;
+                    this.endereco.bairro = data.bairro;
+                    this.endereco.ufEndereco = data.uf;
+                    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);
+                }
+            });
+        }
+        else {
+            this.openSnackBar('Por favor, insira um CEP válido.');
+        }
+    }
+    getListaEstados() {
+        return [
+            'AC', 'AL', 'AP', 'AM', 'BA', 'CE', 'DF', 'ES', 'GO', 'MA',
+            'MT', 'MS', 'MG', 'PA', 'PB', 'PR', 'PE', 'PI', 'RJ', 'RN',
+            'RS', 'RO', 'RR', 'SC', 'SP', 'SE', 'TO'
+        ];
+    }
+    /**
+      * Valida o objeto de e-mail.
+      * Retorna true se o e-mail for válido, false caso contrário.
+      */
+    validar(enderecoToValidate) {
+        // 3. Validação de e-mail duplicado na lista existente
+        // Filtra a lista para excluir o próprio endereço que está sendo editado (se ele tiver um 'codigo')
+        const isDuplicate = this.enderecosList.some(existingEndereco => existingEndereco.logradouro?.toLowerCase() === enderecoToValidate.logradouro?.toLowerCase() &&
+            existingEndereco.codigo !== enderecoToValidate.codigo // Ignora o próprio endereço se estiver sendo editado
+        );
+        if (isDuplicate) {
+            this.openSnackBar("Este endereço já existe na lista.");
+            return false;
+        }
+        return true;
+    }
+    close() {
+        this.dialogRef.close(null);
+    }
+    salvarclose() {
+        this.dialogRef.close(this.enderecoSalvo);
+    }
+    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\" (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-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: 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: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$1.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" }] }); }
+}
+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\" (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-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: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+/**
+ * Essa eh uma classe base, com propriedades comum a todas as outras pessoas.
+ * */
+class UnbPessoaModel {
+}
+
+class UnbUtils {
+    removeNull(key, value) {
+        // Filtering out properties
+        if (value === null) {
+            return undefined;
+        }
+        return value;
+    }
+    // forma cpf
+    static formataCpf(valor) {
+        return valor.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/g, "\$1.\$2.\$3\-\$4");
+    }
+    // forma cpf ou cnpj
+    static formataCnpj(valor) {
+        return valor.replace(/^(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})$/, "$1.$2.$3/$4-$5");
+    }
+    static validarCPF(cpf) {
+        if (!cpf)
+            return false; // Se CPF for null, undefined ou vazio, retorna falso
+        cpf = cpf.replace(/\D/g, ''); // Remove todos os caracteres não numéricos 
+        if (cpf == '')
+            return false;
+        if (cpf.length !== 11 || /^(\d)\1+$/.test(cpf)) {
+            return false; // Verifica se tem 11 dígitos e não é uma sequência repetida (ex: 11111111111)
+        }
+        let soma = 0, resto;
+        // Validação do primeiro dígito verificador
+        for (let i = 0; i < 9; i++) {
+            soma += Number(cpf[i]) * (10 - i);
+        }
+        resto = (soma * 10) % 11;
+        if (resto === 10 || resto === 11)
+            resto = 0;
+        if (resto !== Number(cpf[9]))
+            return false;
+        soma = 0;
+        // Validação do segundo dígito verificador
+        for (let i = 0; i < 10; i++) {
+            soma += Number(cpf[i]) * (11 - i);
+        }
+        resto = (soma * 10) % 11;
+        if (resto === 10 || resto === 11)
+            resto = 0;
+        return resto === Number(cpf[10]);
+    }
+    static validarCNPJ(cnpj) {
+        cnpj = cnpj.replace(/[^\d]+/g, ''); // Remove caracteres não numéricos
+        if (cnpj.length !== 14 || /^(\d)\1+$/.test(cnpj)) {
+            return false; // Verifica se tem 14 dígitos e não é uma sequência repetida
+        }
+        let tamanho = cnpj.length - 2;
+        let numeros = cnpj.substring(0, tamanho);
+        let digitos = cnpj.substring(tamanho);
+        let soma = 0, pos = tamanho - 7;
+        for (let i = tamanho; i >= 1; i--) {
+            soma += parseInt(numeros.charAt(tamanho - i)) * pos--;
+            if (pos < 2)
+                pos = 9;
+        }
+        let resultado = soma % 11 < 2 ? 0 : 11 - (soma % 11);
+        if (resultado !== parseInt(digitos.charAt(0)))
+            return false;
+        tamanho = tamanho + 1;
+        numeros = cnpj.substring(0, tamanho);
+        soma = 0;
+        pos = tamanho - 7;
+        for (let i = tamanho; i >= 1; i--) {
+            soma += parseInt(numeros.charAt(tamanho - i)) * pos--;
+            if (pos < 2)
+                pos = 9;
+        }
+        resultado = soma % 11 < 2 ? 0 : 11 - (soma % 11);
+        return resultado === parseInt(digitos.charAt(1));
+    }
+}
+
+class UnbPessoaPesquisarComponent {
+    constructor(pessoaService, snackBar) {
+        this.pessoaService = pessoaService;
+        this.snackBar = snackBar;
+        this.isLoading = false;
+        this.apiPessoaConfig = { url: '', token: '' };
+        this.pesquisarPorCPF = true;
+        this.pesquisarPorCNPJ = true;
+        this.pesquisarPorEstrangeiro = true;
+        this.pessoaEmitted = 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;
+    }
+    ngOnInit() {
+        if (this.apiPessoaConfig.url.endsWith('/')) {
+            this.apiPessoaConfig.url = this.apiPessoaConfig.url.slice(0, -1);
+        }
+        if (this.apiPessoaConfig.url == "") {
+            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);
+        }
+        // inicializa o serviço com a configuração da API
+        this.pessoaService.setApiConfig(this.apiPessoaConfig);
+        // Conta quantos dos inputs estão como true
+        const opcoesAtivas = [this.pesquisarPorCPF, this.pesquisarPorCNPJ, this.pesquisarPorEstrangeiro].filter(op => op).length;
+        // Exibe a opcao do tipo de pessoa, somente se mais de um estiver selecionado
+        if (opcoesAtivas > 1) {
+            this.mostrarTipoPessoa = opcoesAtivas > 1;
+        }
+        else {
+            // entao tenho que marcar qual foi selecionada
+            if (this.pesquisarPorCPF) {
+                this.pessoa.tipoPessoa = TipoPessoaEnum.FISICA;
+            }
+            else if (this.pesquisarPorCNPJ) {
+                this.pessoa.tipoPessoa = TipoPessoaEnum.JURIDICA;
+            }
+            else if (this.pesquisarPorEstrangeiro) {
+                this.pessoa.tipoPessoa = TipoPessoaEnum.ESTRANGEIRA;
+            }
+            else {
+                this.handleErrorPrintConsole("[UnbPessoaPesquisarComponent] ERROR: pesquisarPorCPF, pesquisarPorCNPJ e pesquisarPorEstrangeiro está falso. Marque pelo menos um como true");
+                return;
+            }
+        }
+        // seleciona o radio button padrao
+        if (this.defaultTipoPessoa == TipoPessoaEnum.FISICA && this.pesquisarPorCPF) {
+            this.pessoa.tipoPessoa = this.defaultTipoPessoa;
+        }
+        else if (this.defaultTipoPessoa == TipoPessoaEnum.JURIDICA && this.pesquisarPorCNPJ) {
+            this.pessoa.tipoPessoa = this.defaultTipoPessoa;
+        }
+        else if (this.defaultTipoPessoa == TipoPessoaEnum.ESTRANGEIRA && this.pesquisarPorEstrangeiro) {
+            this.pessoa.tipoPessoa = this.defaultTipoPessoa;
+        }
+    }
+    pesquisar() {
+        if (this.validar() == false)
+            return;
+        this.isLoading = true;
+        let result;
+        if (this.pessoa.tipoPessoa == TipoPessoaEnum.FISICA) {
+            let cpf = this.pessoa.cpf.match(/\d/g)?.join(""); // remove caracteres 
+            result = this.pessoaService.findByCpf(cpf);
+        }
+        else if (this.pessoa.tipoPessoa == TipoPessoaEnum.JURIDICA) {
+            let cnpj = this.pessoa.cnpj.match(/\d/g)?.join(""); // remove caracteres 
+            result = this.pessoaService.findByCnpj(cnpj);
+        }
+        else if (this.pessoa.tipoPessoa == TipoPessoaEnum.ESTRANGEIRA) {
+            result = this.pessoaService.findByPassaporte(this.pessoa.passaporte);
+        }
+        if (result) {
+            result.subscribe({
+                next: this.hadleResult.bind(this),
+                error: this.handleError.bind(this)
+            });
+        }
+    }
+    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");
+            return false;
+        }
+        if (this.pessoa.tipoPessoa == TipoPessoaEnum.FISICA) {
+            if (this.pessoa.cpf == null || (this.pessoa.cpf != null && this.pessoa.cpf == "")) {
+                this.handleError("CPF é um campo obrigatório.");
+                return false;
+            }
+            else if (!UnbUtils.validarCPF(this.pessoa.cpf)) {
+                this.handleError("Digite um valor válido para o CPF");
+                return false;
+            }
+        }
+        else if (this.pessoa.tipoPessoa == TipoPessoaEnum.JURIDICA) {
+            if (this.pessoa.cnpj == null || (this.pessoa.cnpj != null && this.pessoa.cnpj == "")) {
+                this.handleError("CNPJ é um campo obrigatório");
+                return false;
+            }
+            else if (!UnbUtils.validarCNPJ(this.pessoa.cnpj)) {
+                this.handleError("Digite um valor válido para o CNPJ!");
+                return false;
+            }
+        }
+        else if (this.pessoa.tipoPessoa == TipoPessoaEnum.ESTRANGEIRA) {
+            if (this.pessoa.passaporte == null || (this.pessoa.passaporte != null && this.pessoa.passaporte == "")) {
+                this.handleError("Passaporte é um campo obrigatório");
+                return false;
+            }
+        }
+        else {
+            this.handleError("Selecione um tipo de pessoa!");
+            return false;
+        }
+        return true;
+    }
+    hadleResult(resultado) {
+        this.isLoading = false;
+        if (resultado) {
+            resultado.tipoPessoa = this.pessoa.tipoPessoa; // o backend nao retorna o tipo pessoa. entao tenho que atribuir antes
+            this.pessoa = resultado;
+            if (this.pessoa.tipoPessoa == TipoPessoaEnum.FISICA) {
+                this.pessoa.cpf = UnbUtils.formataCpf(resultado.cpf); // voltou pro formato original (isso evita formartar novamente)
+            }
+            else if (this.pessoa.tipoPessoa == TipoPessoaEnum.JURIDICA) {
+                this.pessoa.cnpj = UnbUtils.formataCnpj(resultado.cnpj); // voltou pro formato original (isso evita formartar novamente)
+            }
+        }
+        else {
+            // se chegar aki eh pq nao encontrou, entao temos que emitir um resultado com codigoPessoa vazio mas com os criterios usado na pesquisa
+            let novaPessoa = new UnbPessoaModel();
+            novaPessoa.tipoPessoa = this.pessoa.tipoPessoa;
+            if (this.pessoa.tipoPessoa == TipoPessoaEnum.FISICA) {
+                novaPessoa.cpf = this.pessoa.cpf;
+            }
+            else if (this.pessoa.tipoPessoa == TipoPessoaEnum.JURIDICA) {
+                novaPessoa.cnpj = this.pessoa.cnpj;
+            }
+            else {
+                novaPessoa.passaporte = this.pessoa.passaporte;
+            }
+            // agora sobreescrevemos, pq se tiver uma pessoa pesquisada com resultado correto, e pesquisar novamente, precisamos apagar a primeira pessoa. 
+            this.pessoa = novaPessoa;
+        }
+        this.pessoaEmitted.emit(this.pessoa);
+    }
+    handleError(erro) {
+        this.openSnackBar(erro);
+        this.isLoading = false;
+        // se chegar aki, entao nao encontrou a pessoa. Mas damos a chance de incluir pessoa
+        this.pessoaEncontrado = false;
+    }
+    handleErrorPrintConsole(erro) {
+        console.log(erro);
+        this.handleError(erro);
+    }
+    openSnackBar(message) {
+        this.snackBar.open(message, 'x', {
+            duration: 5000,
+        });
+    }
+    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", pessoa: "pessoa", mostrarPesquisa: "mostrarPesquisa", limparAposPesquisa: "limparAposPesquisa", label: "label", placeholder: "placeholder", hint: "hint" }, outputs: { pessoaEmitted: "pessoaEmitted" }, ngImport: i0, template: "<form #pessoaForm=\"ngForm\" class=\"form-container\" (ngSubmit)=\"pesquisar()\">\r\n    <!-- Tipo da Pessoa. Controlado pelo OnInit -->\r\n    <mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar> \r\n    <div *ngIf=\"mostrarTipoPessoa\">\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      \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 *ngIf=\"!isLoading\" disabled=\"{{isLoading}}\" matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n            <mat-icon style=\"margin-right: 2px;\">search</mat-icon>            \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 *ngIf=\"!isLoading\" matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n            <mat-icon>search</mat-icon>\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 *ngIf=\"!isLoading\" matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n            <mat-icon>search</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n    </ng-container>\r\n</form>", styles: [""], dependencies: [{ 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: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$1.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.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { 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"] }] }); }
+}
+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=\"form-container\" (ngSubmit)=\"pesquisar()\">\r\n    <!-- Tipo da Pessoa. Controlado pelo OnInit -->\r\n    <mat-progress-bar *ngIf=\"isLoading\" mode=\"indeterminate\"></mat-progress-bar> \r\n    <div *ngIf=\"mostrarTipoPessoa\">\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      \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 *ngIf=\"!isLoading\" disabled=\"{{isLoading}}\" matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n            <mat-icon style=\"margin-right: 2px;\">search</mat-icon>            \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 *ngIf=\"!isLoading\" matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n            <mat-icon>search</mat-icon>\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 *ngIf=\"!isLoading\" matSuffix mat-icon-button type=\"button\" aria-label=\"Pesquisar\" (click)=\"pesquisar()\">\r\n            <mat-icon>search</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n    </ng-container>\r\n</form>" }]
+        }], ctorParameters: () => [{ type: UnBPessoaService }, { type: i1$2.MatSnackBar }], propDecorators: { apiPessoaConfig: [{
+                type: Input
+            }], pesquisarPorCPF: [{
+                type: Input
+            }], pesquisarPorCNPJ: [{
+                type: Input
+            }], pesquisarPorEstrangeiro: [{
+                type: Input
+            }], defaultTipoPessoa: [{
+                type: Input
+            }], pessoaEmitted: [{
+                type: Output
+            }], pessoa: [{
+                type: Input
+            }], mostrarPesquisa: [{
+                type: Input
+            }], limparAposPesquisa: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
+
+class UnbPessoaTelefone {
+    constructor() {
+        // usado pelo componente unb-pesoa-form, pra indicar que o usuario estah editando
+        this.modoEdicao = false;
+    }
+}
+class UnbPessoaTelefoneTipo {
+}
+
+class UnbPessoaTelefoneFormComponent {
+    constructor(snackBar, service, dialogRef, data) {
+        this.snackBar = snackBar;
+        this.service = service;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.telefone = new UnbPessoaTelefone();
+        this.listaTipoEndereco = [];
+        this.telefone = JSON.parse(JSON.stringify(data.telefone)); // O e-mail específico para edição
+        // Verifique se a lista de e-mails foi passada e atribua-a
+        if (data.telefonesList) {
+            this.telefonesList = JSON.parse(JSON.stringify(data.telefonesList)); // Faça uma cópia profunda se for manipular
+        }
+        else {
+            this.telefonesList = []; // Inicialize como vazio se não for passada
+        }
+        if (!this.telefone) {
+            this.telefone = new UnbPessoaTelefone();
+        }
+    }
+    ngOnInit() {
+        this.tipoTelefone = this.service.getTipoTelefone();
+        // Inscreve para guardar a lista em uma variável comum
+        this.tipoTelefone.subscribe(lista => {
+            this.listaTipoEndereco = 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;
+                }
+            }
+        });
+    }
+    salvar(form) {
+        if (form.invalid) {
+            this.openSnackBar('Existem erros no formulário, por favor, verificar.');
+            return;
+        }
+        if (this.validar(this.telefone) == false)
+            return;
+        this.telefoneSalvo = this.telefone;
+        this.salvarclose();
+    }
+    compararTipos(t1, t2) {
+        return t1 && t2 && t1 === t2;
+    }
+    onTipoSelecionado(codigoSelecionado) {
+        const tipoSelecionado = this.listaTipoEndereco.find(t => t.codigo === codigoSelecionado);
+        if (tipoSelecionado) {
+            this.telefone.tipo = tipoSelecionado.denominacao;
+        }
+    }
+    /**
+     * Valida o objeto de telefone.
+     * Retorna true se o telefone for válido, false caso contrário.
+     */
+    validar(telefoneToValidate) {
+        return true; // Implementar a lógica de validação conforme necessário
+    }
+    close() {
+        this.dialogRef.close(null);
+    }
+    salvarclose() {
+        this.dialogRef.close(this.telefoneSalvo);
+    }
+    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>DDD</mat-label>\r\n        <input type=\"text\" 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\" matInput [(ngModel)]=\"telefone.numero\" name=\"telefoneValue\" #telefoneValue=\"ngModel\" />\r\n      </mat-form-field>\r\n\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    </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.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: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.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" }] }); }
+}
+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>DDD</mat-label>\r\n        <input type=\"text\" 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\" matInput [(ngModel)]=\"telefone.numero\" name=\"telefoneValue\" #telefoneValue=\"ngModel\" />\r\n      </mat-form-field>\r\n\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    </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: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+class UnbPessoaTelefoneListComponent {
+    constructor(snackBar, service, dialog) {
+        this.snackBar = snackBar;
+        this.service = service;
+        this.dialog = dialog;
+        this.podeEditar = true;
+        this.telefones = [];
+        this.apiPessoaConfig = { url: '', token: '' };
+        this.telefonesEmitted = new EventEmitter();
+    }
+    ngOnInit() {
+        this.tipoTelefone = this.service.getTipoTelefone();
+        this.sortAndAssignOrder(); // organiza a lista de telefones. As vezes tem ordem duplicada ou faltando.
+    }
+    excluir(telefone) {
+    }
+    editar(telefone) {
+        this.openFormDialog(telefone);
+    }
+    moverParaCima(index) {
+        if (index <= 0)
+            return;
+        [this.telefones[index - 1], this.telefones[index]] = [this.telefones[index], this.telefones[index - 1]];
+        this.atualizarOrdem();
+    }
+    moverParaBaixo(index) {
+        if (index >= this.telefones.length - 1)
+            return;
+        [this.telefones[index], this.telefones[index + 1]] = [this.telefones[index + 1], this.telefones[index]];
+        this.atualizarOrdem();
+    }
+    atualizarOrdem() {
+        this.telefones.forEach((telefone, idx) => {
+            telefone.ordem = idx + 1;
+        });
+        this.telefonesEmitted.emit(this.telefones);
+    }
+    openFormDialog(toEdit) {
+        const dialogRef = this.dialog.open(UnbPessoaTelefoneFormComponent, {
+            width: '900px',
+            data: {
+                telefone: toEdit, // E-mail a ser editado ou vazio para novo
+                emailsList: this.telefones // A sua lista COMPLETA de e-mails
+            },
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result) {
+                const index = this.telefones.findIndex(e => e.codigo === result.codigo);
+                if (result.codigo && index > -1) {
+                    // Atualiza e-mail existente
+                    this.telefones[index] = result;
+                }
+                else {
+                    // Adiciona novo e-mail (gera ordem automaticamente se quiser)
+                    result.ordem = this.telefones.length + 1;
+                    this.telefones.push(result);
+                }
+                // Emite lista atualizada
+                this.telefonesEmitted.emit(this.telefones);
+            }
+        });
+    }
+    sortAndAssignOrder() {
+        // 1. Crie uma cópia da lista para não modificar a original durante a iteração inicial
+        const tempEmails = [...this.telefones];
+        // 2. Mapeie as ordens existentes para identificar duplicatas e ausentes
+        const orderMap = new Map();
+        const emailsWithoutOrder = [];
+        tempEmails.forEach(telefone => {
+            if (telefone.ordem !== undefined && telefone.ordem !== null) {
+                if (!orderMap.has(telefone.ordem)) {
+                    orderMap.set(telefone.ordem, []);
+                }
+                orderMap.get(telefone.ordem)?.push(telefone);
+            }
+            else {
+                emailsWithoutOrder.push(telefone);
+            }
+        });
+        // 3. Inicialize um Set para rastrear todas as ordens que serão usadas no final
+        const finalUsedOrders = new Set();
+        // Inicialize o próximo valor de ordem disponível
+        let nextAvailableOrder = 0;
+        // Função auxiliar para encontrar a próxima ordem disponível
+        const getNextAvailableOrder = () => {
+            while (finalUsedOrders.has(nextAvailableOrder)) {
+                nextAvailableOrder++;
+            }
+            return nextAvailableOrder++;
+        };
+        // 4. Processe telefones com ordem definida:
+        //    - A primeira ocorrência de uma ordem a mantém.
+        //    - Duplicatas recebem uma nova ordem.
+        //    - Adicione as ordens válidas ao finalUsedOrders.
+        this.telefones.forEach(telefone => {
+            if (telefone.ordem !== undefined && telefone.ordem !== null) {
+                if (!finalUsedOrders.has(telefone.ordem)) {
+                    // Se a ordem ainda não foi usada, use-a e adicione ao set
+                    finalUsedOrders.add(telefone.ordem);
+                }
+                else {
+                    // Se a ordem já foi usada (é uma duplicata), atribua uma nova
+                    telefone.ordem = getNextAvailableOrder();
+                    finalUsedOrders.add(telefone.ordem); // Adiciona a nova ordem ao set
+                }
+            }
+        });
+        // 5. Atribua ordens para telefones que não tinham ordem definida
+        emailsWithoutOrder.forEach(telefone => {
+            telefone.ordem = getNextAvailableOrder();
+            finalUsedOrders.add(telefone.ordem); // Adiciona a nova ordem ao set
+        });
+        // 6. Finalmente, ordene a lista completa com as ordens agora únicas
+        this.telefones.sort((a, b) => (a.ordem ?? 0) - (b.ordem ?? 0));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "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" }, 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 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    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n    <table class=\"my-table\" *ngIf=\"telefones && telefones.length > 0\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"text-align: center;\" >Ordem</th>\r\n            <th>DDD</th>\r\n            <th>N\u00FAmero</th>\r\n            <th style=\"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\">\r\n            <td style=\"width: 5%; text-align: center;\">                \r\n                <button *ngIf=\"telefones.length > 1 && i > 0\" mat-icon-button aria-label=\"Mover para cima\"\r\n                    (click)=\"moverParaCima(i)\">\r\n                    <mat-icon>arrow_upward</mat-icon>\r\n                </button>\r\n                <button *ngIf=\"telefones.length > 1 && i < telefones.length - 1\" mat-icon-button aria-label=\"Mover para baixo\"\r\n                    (click)=\"moverParaBaixo(i)\">\r\n                    <mat-icon>arrow_downward</mat-icon>\r\n                </button>\r\n            </td>\r\n            <td style=\"width: 20%;\">{{ valor.ddd }}</td>\r\n            <td style=\"width: 60%;\">{{ valor.numero}}</td>\r\n            <td style=\"width: 20%; text-align: center;\">\r\n                <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 mat-icon-button aria-label=\"Deletar\" color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\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}\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: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.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 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    <!-- Exibe a tabela de despesas somente se houver despesas -->\r\n    <table class=\"my-table\" *ngIf=\"telefones && telefones.length > 0\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"text-align: center;\" >Ordem</th>\r\n            <th>DDD</th>\r\n            <th>N\u00FAmero</th>\r\n            <th style=\"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\">\r\n            <td style=\"width: 5%; text-align: center;\">                \r\n                <button *ngIf=\"telefones.length > 1 && i > 0\" mat-icon-button aria-label=\"Mover para cima\"\r\n                    (click)=\"moverParaCima(i)\">\r\n                    <mat-icon>arrow_upward</mat-icon>\r\n                </button>\r\n                <button *ngIf=\"telefones.length > 1 && i < telefones.length - 1\" mat-icon-button aria-label=\"Mover para baixo\"\r\n                    (click)=\"moverParaBaixo(i)\">\r\n                    <mat-icon>arrow_downward</mat-icon>\r\n                </button>\r\n            </td>\r\n            <td style=\"width: 20%;\">{{ valor.ddd }}</td>\r\n            <td style=\"width: 60%;\">{{ valor.numero}}</td>\r\n            <td style=\"width: 20%; text-align: center;\">\r\n                <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 mat-icon-button aria-label=\"Deletar\" color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\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}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialog }], propDecorators: { podeEditar: [{
+                type: Input
+            }], telefones: [{
+                type: Input
+            }], apiPessoaConfig: [{
+                type: Input
+            }], telefonesEmitted: [{
+                type: Output
+            }] } });
+
+class UnbPessoaenderecoListComponent {
+    constructor(snackBar, service, dialog) {
+        this.snackBar = snackBar;
+        this.service = service;
+        this.dialog = dialog;
+        this.podeEditar = true;
+        this.enderecos = [];
+        this.apiPessoaConfig = { url: '', token: '' };
+        this.enderecosEmitted = new EventEmitter();
+    }
+    ngOnInit() {
+        this.sortAndAssignOrder(); // organiza a lista de enderecos. As vezes tem ordem duplicada ou faltando.
+    }
+    excluir(endereco) {
+    }
+    editar(endereco) {
+        this.openFormDialog(endereco);
+    }
+    moverParaCima(index) {
+        if (index <= 0)
+            return;
+        [this.enderecos[index - 1], this.enderecos[index]] = [this.enderecos[index], this.enderecos[index - 1]];
+        this.atualizarOrdem();
+    }
+    moverParaBaixo(index) {
+        if (index >= this.enderecos.length - 1)
+            return;
+        [this.enderecos[index], this.enderecos[index + 1]] = [this.enderecos[index + 1], this.enderecos[index]];
+        this.atualizarOrdem();
+    }
+    atualizarOrdem() {
+        this.enderecos.forEach((endereco, idx) => {
+            endereco.ordem = idx + 1;
+        });
+        this.enderecosEmitted.emit(this.enderecos);
+    }
+    openFormDialog(enderecoToEdit) {
+        const dialogRef = this.dialog.open(UnbPessoaEnderecoFormComponent, {
+            width: '900px',
+            data: {
+                endereco: enderecoToEdit, // E-mail a ser editado ou vazio para novo
+                enderecosList: this.enderecos // A sua lista COMPLETA de e-mails
+            },
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result) {
+                const index = this.enderecos.findIndex(e => e.codigo === result.codigo);
+                if (result.codigo && index > -1) {
+                    // Atualiza e-mail existente
+                    this.enderecos[index] = result;
+                }
+                else {
+                    // Adiciona novo e-mail (gera ordem automaticamente se quiser)
+                    result.ordem = this.enderecos.length + 1;
+                    this.enderecos.push(result);
+                }
+                // Emite lista atualizada
+                this.enderecosEmitted.emit(this.enderecos);
+            }
+        });
+    }
+    sortAndAssignOrder() {
+        // 1. Crie uma cópia da lista para não modificar a original durante a iteração inicial
+        const tempenderecos = [...this.enderecos];
+        // 2. Mapeie as ordens existentes para identificar duplicatas e ausentes
+        const orderMap = new Map();
+        const enderecosWithoutOrder = [];
+        tempenderecos.forEach(endereco => {
+            if (endereco.ordem !== undefined && endereco.ordem !== null) {
+                if (!orderMap.has(endereco.ordem)) {
+                    orderMap.set(endereco.ordem, []);
+                }
+                orderMap.get(endereco.ordem)?.push(endereco);
+            }
+            else {
+                enderecosWithoutOrder.push(endereco);
+            }
+        });
+        // 3. Inicialize um Set para rastrear todas as ordens que serão usadas no final
+        const finalUsedOrders = new Set();
+        // Inicialize o próximo valor de ordem disponível
+        let nextAvailableOrder = 0;
+        // Função auxiliar para encontrar a próxima ordem disponível
+        const getNextAvailableOrder = () => {
+            while (finalUsedOrders.has(nextAvailableOrder)) {
+                nextAvailableOrder++;
+            }
+            return nextAvailableOrder++;
+        };
+        // 4. Processe enderecos com ordem definida:
+        //    - A primeira ocorrência de uma ordem a mantém.
+        //    - Duplicatas recebem uma nova ordem.
+        //    - Adicione as ordens válidas ao finalUsedOrders.
+        this.enderecos.forEach(endereco => {
+            if (endereco.ordem !== undefined && endereco.ordem !== null) {
+                if (!finalUsedOrders.has(endereco.ordem)) {
+                    // Se a ordem ainda não foi usada, use-a e adicione ao set
+                    finalUsedOrders.add(endereco.ordem);
+                }
+                else {
+                    // Se a ordem já foi usada (é uma duplicata), atribua uma nova
+                    endereco.ordem = getNextAvailableOrder();
+                    finalUsedOrders.add(endereco.ordem); // Adiciona a nova ordem ao set
+                }
+            }
+        });
+        // 5. Atribua ordens para enderecos que não tinham ordem definida
+        enderecosWithoutOrder.forEach(endereco => {
+            endereco.ordemEndereco = getNextAvailableOrder();
+            finalUsedOrders.add(endereco.ordemEndereco); // Adiciona a nova ordem ao set
+        });
+        // 6. Finalmente, ordene a lista completa com as ordens agora únicas
+        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" }, 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 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\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"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=\"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\">\r\n            <td style=\"width: 5%; text-align: center;\">                \r\n                <button *ngIf=\"enderecos.length > 1 && i > 0\" mat-icon-button aria-label=\"Mover para cima\"\r\n                    (click)=\"moverParaCima(i)\">\r\n                    <mat-icon>arrow_upward</mat-icon>\r\n                </button>\r\n                <button *ngIf=\"enderecos.length > 1 && i < enderecos.length - 1\" mat-icon-button aria-label=\"Mover para baixo\"\r\n                    (click)=\"moverParaBaixo(i)\">\r\n                    <mat-icon>arrow_downward</mat-icon>\r\n                </button>\r\n            </td>\r\n            <td style=\"width: 20%;\">{{ valor.logradouro }}</td>\r\n            <td style=\"width: 20%;\">{{ valor.bairro }}</td>\r\n            <td style=\"width: 10%;\">{{ valor.cep }}</td>\r\n            <td style=\"width: 10%;\">{{ valor.tipo?.toUpperCase() }}</td>\r\n            <td style=\"width: 20%; text-align: center;\">\r\n                <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 mat-icon-button aria-label=\"Deletar\" color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\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}\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: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.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 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\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"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=\"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\">\r\n            <td style=\"width: 5%; text-align: center;\">                \r\n                <button *ngIf=\"enderecos.length > 1 && i > 0\" mat-icon-button aria-label=\"Mover para cima\"\r\n                    (click)=\"moverParaCima(i)\">\r\n                    <mat-icon>arrow_upward</mat-icon>\r\n                </button>\r\n                <button *ngIf=\"enderecos.length > 1 && i < enderecos.length - 1\" mat-icon-button aria-label=\"Mover para baixo\"\r\n                    (click)=\"moverParaBaixo(i)\">\r\n                    <mat-icon>arrow_downward</mat-icon>\r\n                </button>\r\n            </td>\r\n            <td style=\"width: 20%;\">{{ valor.logradouro }}</td>\r\n            <td style=\"width: 20%;\">{{ valor.bairro }}</td>\r\n            <td style=\"width: 10%;\">{{ valor.cep }}</td>\r\n            <td style=\"width: 10%;\">{{ valor.tipo?.toUpperCase() }}</td>\r\n            <td style=\"width: 20%; text-align: center;\">\r\n                <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 mat-icon-button aria-label=\"Deletar\" color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\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}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialog }], propDecorators: { podeEditar: [{
+                type: Input
+            }], enderecos: [{
+                type: Input
+            }], apiPessoaConfig: [{
+                type: Input
+            }], enderecosEmitted: [{
+                type: Output
+            }] } });
+
+class UnbPessoaEmailListComponent {
+    constructor(snackBar, service, dialog) {
+        this.snackBar = snackBar;
+        this.service = service;
+        this.dialog = dialog;
+        this.podeEditar = true;
+        this.emails = [];
+        this.apiPessoaConfig = { url: '', token: '' };
+        this.emailsEmitted = new EventEmitter();
+    }
+    ngOnInit() {
+        this.tipoEmail = this.service.getTipoEmail();
+        this.sortAndAssignOrder(); // organiza a lista de emails. As vezes tem ordem duplicada ou faltando.
+    }
+    excluir(email) {
+    }
+    editar(email) {
+        this.openFormDialog(email);
+    }
+    moverParaCima(index) {
+        if (index <= 0)
+            return;
+        [this.emails[index - 1], this.emails[index]] = [this.emails[index], this.emails[index - 1]];
+        this.atualizarOrdem();
+    }
+    moverParaBaixo(index) {
+        if (index >= this.emails.length - 1)
+            return;
+        [this.emails[index], this.emails[index + 1]] = [this.emails[index + 1], this.emails[index]];
+        this.atualizarOrdem();
+    }
+    atualizarOrdem() {
+        this.emails.forEach((email, idx) => {
+            email.ordem = idx + 1;
+        });
+        this.emailsEmitted.emit(this.emails);
+    }
+    openFormDialog(emailToEdit) {
+        const dialogRef = this.dialog.open(UnbPessoaEmailFormComponent, {
+            width: '900px',
+            data: {
+                email: emailToEdit, // E-mail a ser editado ou vazio para novo
+                emailsList: this.emails // A sua lista COMPLETA de e-mails
+            },
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result) {
+                const index = this.emails.findIndex(e => e.codigo === result.codigo);
+                if (result.codigo && index > -1) {
+                    // Atualiza e-mail existente
+                    this.emails[index] = result;
+                }
+                else {
+                    // Adiciona novo e-mail (gera ordem automaticamente se quiser)
+                    result.ordem = this.emails.length + 1;
+                    this.emails.push(result);
+                }
+                // Emite lista atualizada
+                this.emailsEmitted.emit(this.emails);
+            }
+        });
+    }
+    sortAndAssignOrder() {
+        // 1. Crie uma cópia da lista para não modificar a original durante a iteração inicial
+        const tempEmails = [...this.emails];
+        // 2. Mapeie as ordens existentes para identificar duplicatas e ausentes
+        const orderMap = new Map();
+        const emailsWithoutOrder = [];
+        tempEmails.forEach(email => {
+            if (email.ordem !== undefined && email.ordem !== null) {
+                if (!orderMap.has(email.ordem)) {
+                    orderMap.set(email.ordem, []);
+                }
+                orderMap.get(email.ordem)?.push(email);
+            }
+            else {
+                emailsWithoutOrder.push(email);
+            }
+        });
+        // 3. Inicialize um Set para rastrear todas as ordens que serão usadas no final
+        const finalUsedOrders = new Set();
+        // Inicialize o próximo valor de ordem disponível
+        let nextAvailableOrder = 0;
+        // Função auxiliar para encontrar a próxima ordem disponível
+        const getNextAvailableOrder = () => {
+            while (finalUsedOrders.has(nextAvailableOrder)) {
+                nextAvailableOrder++;
+            }
+            return nextAvailableOrder++;
+        };
+        // 4. Processe emails com ordem definida:
+        //    - A primeira ocorrência de uma ordem a mantém.
+        //    - Duplicatas recebem uma nova ordem.
+        //    - Adicione as ordens válidas ao finalUsedOrders.
+        this.emails.forEach(email => {
+            if (email.ordem !== undefined && email.ordem !== null) {
+                if (!finalUsedOrders.has(email.ordem)) {
+                    // Se a ordem ainda não foi usada, use-a e adicione ao set
+                    finalUsedOrders.add(email.ordem);
+                }
+                else {
+                    // Se a ordem já foi usada (é uma duplicata), atribua uma nova
+                    email.ordem = getNextAvailableOrder();
+                    finalUsedOrders.add(email.ordem); // Adiciona a nova ordem ao set
+                }
+            }
+        });
+        // 5. Atribua ordens para emails que não tinham ordem definida
+        emailsWithoutOrder.forEach(email => {
+            email.ordem = getNextAvailableOrder();
+            finalUsedOrders.add(email.ordem); // Adiciona a nova ordem ao set
+        });
+        // 6. Finalmente, ordene a lista completa com as ordens agora únicas
+        this.emails.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: 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" }, 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 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\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"text-align: center;\" >Ordem</th>\r\n            <th>E-mail</th>\r\n            <th>Tipo</th>\r\n            <th style=\"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\">\r\n            <td style=\"width: 5%; text-align: center;\">                \r\n                <button *ngIf=\"emails.length > 1 && i > 0\" mat-icon-button aria-label=\"Mover para cima\"\r\n                    (click)=\"moverParaCima(i)\">\r\n                    <mat-icon>arrow_upward</mat-icon>\r\n                </button>\r\n                <button *ngIf=\"emails.length > 1 && i < emails.length - 1\" mat-icon-button aria-label=\"Mover para baixo\"\r\n                    (click)=\"moverParaBaixo(i)\">\r\n                    <mat-icon>arrow_downward</mat-icon>\r\n                </button>\r\n            </td>\r\n            <td style=\"width: 50%;\">{{ valor.email }}</td>\r\n            <td style=\"width: 20%;\">{{ valor.tipo?.toUpperCase() }}</td>\r\n            <td style=\"width: 20%; text-align: center;\">\r\n                <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 mat-icon-button aria-label=\"Deletar\" color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\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}\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: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.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 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\">\r\n        <tr style=\"background-color: #e4e3e3cc;\">\r\n            <th style=\"text-align: center;\" >Ordem</th>\r\n            <th>E-mail</th>\r\n            <th>Tipo</th>\r\n            <th style=\"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\">\r\n            <td style=\"width: 5%; text-align: center;\">                \r\n                <button *ngIf=\"emails.length > 1 && i > 0\" mat-icon-button aria-label=\"Mover para cima\"\r\n                    (click)=\"moverParaCima(i)\">\r\n                    <mat-icon>arrow_upward</mat-icon>\r\n                </button>\r\n                <button *ngIf=\"emails.length > 1 && i < emails.length - 1\" mat-icon-button aria-label=\"Mover para baixo\"\r\n                    (click)=\"moverParaBaixo(i)\">\r\n                    <mat-icon>arrow_downward</mat-icon>\r\n                </button>\r\n            </td>\r\n            <td style=\"width: 50%;\">{{ valor.email }}</td>\r\n            <td style=\"width: 20%;\">{{ valor.tipo?.toUpperCase() }}</td>\r\n            <td style=\"width: 20%; text-align: center;\">\r\n                <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 mat-icon-button aria-label=\"Deletar\" color=\"warn\" (click)=\"excluir(valor)\">\r\n                    <mat-icon>delete</mat-icon>\r\n                </button>\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}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.MatSnackBar }, { type: UnBPessoaService }, { type: i3$2.MatDialog }], propDecorators: { podeEditar: [{
+                type: Input
+            }], emails: [{
+                type: Input
+            }], apiPessoaConfig: [{
+                type: Input
+            }], emailsEmitted: [{
+                type: Output
+            }] } });
+
+class UnbPessoaFormComponent {
+    constructor(service, snackBar) {
+        this.service = service;
+        this.snackBar = snackBar;
+        this.isLoading = false;
+        this.buscaRealizada = false;
+        this.endereco = new UnbPessoaEndereco();
+        this.email = new UnbPessoaEmail();
+        this.tiposPessoa = TipoPessoaEnum;
+        this.pessoa = new UnbPessoaModel(); // inicializa com pessoa
+        this.dadosSalvos = {}; // Armazena os dados ao trocar de tipo
+        this.apiPessoaConfig = { url: '', token: '' };
+        this.pesquisarPorCPF = true;
+        this.pesquisarPorCNPJ = true;
+        this.pesquisarPorEstrangeiro = true;
+    }
+    ngOnInit() {
+        if (this.apiPessoaConfig.url.endsWith('/')) {
+            this.apiPessoaConfig.url = this.apiPessoaConfig.url.slice(0, -1);
+        }
+        this.service.setApiConfig(this.apiPessoaConfig);
+        // atencao, o pessoaRecebida que inicializa esse componente
+        this.escolaridade = this.service.getEscolaridade();
+        this.paises = this.service.getPaises();
+        this.estadosCivil = this.service.getEstadoCivil();
+    }
+    pessoaRecebida(pessoaRecebida) {
+        this.buscaRealizada = true;
+        this.pessoa = pessoaRecebida;
+        if (this.pessoa && this.pessoa.escolaridade) {
+            this.pessoa.escolaridade = this.normalizaEscolaridade(this.pessoa.escolaridade);
+        }
+    }
+    salvar() {
+        if (!this.validar() && !this.pessoa)
+            return;
+        if (!this.service)
+            return;
+        this.isLoading = true;
+        let result = this.service.salvar(this.pessoa);
+        if (result && typeof result.subscribe === 'function') {
+            result.subscribe((resposta) => {
+                this.isLoading = false;
+                this.pessoa = resposta;
+            }, (err) => { this.erro(err); });
+        }
+        else {
+            console.error("Erro: O método salvar() não retornou um Observable.");
+        }
+    }
+    validar() {
+        if (!this.pessoa) {
+            this.openSnackBar("Erro ao carregar objeto pessoa");
+            return false;
+        }
+        if (this.pessoa.telefones == null || (this.pessoa.telefones != null && this.pessoa.telefones.length == 0)) {
+            this.openSnackBar("Digite um Contato e clique em Adicionar");
+            return false;
+        }
+        if (this.pessoa.enderecos == null || (this.pessoa.enderecos != null && this.pessoa.enderecos.length == 0)) {
+            this.openSnackBar("Digite um Endereço(Localicade) e clique em Adicionar");
+            return false;
+        }
+        if (this.pessoa.emails == null || (this.pessoa.emails != null && this.pessoa.emails.length == 0)) {
+            this.openSnackBar("Digite um E-mail e clique em Adicionar");
+            return false;
+        }
+        if (this.pessoa.tipoPessoa == TipoPessoaEnum.FISICA) {
+            if (!this.pessoa.nome || (this.pessoa && this.pessoa.nome == "")) {
+                this.openSnackBar("Nome é um campo obrigatório");
+                return false;
+            }
+            if (!this.pessoa.dataNascimento) {
+                this.openSnackBar("Data de Nascimento é um campo obrigatório");
+                return false;
+            }
+        }
+        if (this.pessoa.tipoPessoa == TipoPessoaEnum.ESTRANGEIRA) {
+            if (!this.pessoa.nome || (this.pessoa && this.pessoa.nome == "")) {
+                this.openSnackBar("Nome é um campo obrigatório");
+                return false;
+            }
+            if (this.pessoa.passaporte == null || (this.pessoa.passaporte != null && this.pessoa.passaporte == "")) {
+                this.openSnackBar("Passaporte é um campo obrigatório");
+                return false;
+            }
+        }
+        if (this.pessoa.tipoPessoa == TipoPessoaEnum.JURIDICA) {
+            if (this.pessoa.passaporte == null || (this.pessoa.passaporte != null && this.pessoa.passaporte == "")) {
+                this.openSnackBar("Passaporte é um campo obrigatório");
+                return false;
+            }
+        }
+        return true;
+    }
+    telefonesEmitted(telefones) {
+        this.pessoa.telefones = telefones;
+    }
+    enderecosEmitted(enderecos) {
+        this.pessoa.enderecos = enderecos;
+    }
+    emailsEmitted(emails) {
+        this.pessoa.emails = emails;
+    }
+    normalizaEscolaridade(escolaridade) {
+        if (!escolaridade)
+            return '0'; // Retorna "Não Informado" se estiver vazio
+        const partes = escolaridade.split(" - ");
+        return partes.length > 1 ? partes[0].trim() : '0';
+    }
+    erro(erro) {
+        // coloco o erro em negrito
+        this.openSnackBar(erro);
+        this.isLoading = false;
+    }
+    openSnackBar(message) {
+        this.snackBar.open(message, 'x', {
+            duration: 5000,
+        });
+    }
+    tipoPessoaEnum() {
+        return TipoPessoaEnum;
+    }
+    getListaEstados() {
+        return listaEstados;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaFormComponent, 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: UnbPessoaFormComponent, selector: "lib-unb-pessoa-form", inputs: { apiPessoaConfig: "apiPessoaConfig", defaultTipoPessoa: "defaultTipoPessoa", pesquisarPorCPF: "pesquisarPorCPF", pesquisarPorCNPJ: "pesquisarPorCNPJ", pesquisarPorEstrangeiro: "pesquisarPorEstrangeiro" }, ngImport: i0, template: "  <div  class=\"form-container\">\r\n    <lib-unb-pessoa-pesquisar\r\n       [apiPessoaConfig]=\"apiPessoaConfig\" \r\n       [defaultTipoPessoa]=\"defaultTipoPessoa\" \r\n       (pessoaEmitted)=\"pessoaRecebida($event)\"></lib-unb-pessoa-pesquisar>\r\n</div>\r\n  \r\n  <form #pessoaForm=\"ngForm\" class=\"form-container mt-2\" *ngIf=\"buscaRealizada && apiPessoaConfig.url\" (ngSubmit)=\"salvar()\">\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\" #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            <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\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\">\r\n              {{ ufNascimento }}\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\" 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\">\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      \r\n      <ng-container *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA || pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA \">\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\"\r\n            #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 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            <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        <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n          <mat-label>N\u00FAmero Passaporte</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" #passaporte=\"ngModel\" />\r\n        </mat-form-field>\r\n      </ng-container>\r\n\r\n      <b style=\"flex: 1 1 100%; margin-bottom: 10px;\"> Contato</b>\r\n\r\n      <lib-unb-pessoa-telefone-list style=\"flex: 1 1 100%;\" [apiPessoaConfig]=\"apiPessoaConfig\" [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\" [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\" (emailsEmitted)=\"emailsEmitted($event)\" ></lib-unb-pessoa-email-list>\r\n \r\n      <mat-card-actions class=\"card-actions-buttons\" *ngIf=\"buscaRealizada\">\r\n        <button mat-flat-button disabled=\"{{isLoading}}\" type=\"submit\" color=\"primary\">\r\n          Salvar\r\n        </button>\r\n      </mat-card-actions>\r\n    \r\n  </form>\r\n\r\n", 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}\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: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i7.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$1.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: i11.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i11.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i11.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", "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" }] }); }
+}
+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: "  <div  class=\"form-container\">\r\n    <lib-unb-pessoa-pesquisar\r\n       [apiPessoaConfig]=\"apiPessoaConfig\" \r\n       [defaultTipoPessoa]=\"defaultTipoPessoa\" \r\n       (pessoaEmitted)=\"pessoaRecebida($event)\"></lib-unb-pessoa-pesquisar>\r\n</div>\r\n  \r\n  <form #pessoaForm=\"ngForm\" class=\"form-container mt-2\" *ngIf=\"buscaRealizada && apiPessoaConfig.url\" (ngSubmit)=\"salvar()\">\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\" #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            <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\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\">\r\n              {{ ufNascimento }}\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\" 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\">\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      \r\n      <ng-container *ngIf=\"pessoa.tipoPessoa == tipoPessoaEnum().FISICA || pessoa.tipoPessoa == tipoPessoaEnum().ESTRANGEIRA \">\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\"\r\n            #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 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            <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        <mat-form-field class=\"form-25\" appearance=\"outline\">\r\n          <mat-label>N\u00FAmero Passaporte</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"pessoa.passaporte\" name=\"passaporte\" #passaporte=\"ngModel\" />\r\n        </mat-form-field>\r\n      </ng-container>\r\n\r\n      <b style=\"flex: 1 1 100%; margin-bottom: 10px;\"> Contato</b>\r\n\r\n      <lib-unb-pessoa-telefone-list style=\"flex: 1 1 100%;\" [apiPessoaConfig]=\"apiPessoaConfig\" [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\" [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\" (emailsEmitted)=\"emailsEmitted($event)\" ></lib-unb-pessoa-email-list>\r\n \r\n      <mat-card-actions class=\"card-actions-buttons\" *ngIf=\"buscaRealizada\">\r\n        <button mat-flat-button disabled=\"{{isLoading}}\" type=\"submit\" color=\"primary\">\r\n          Salvar\r\n        </button>\r\n      </mat-card-actions>\r\n    \r\n  </form>\r\n\r\n", 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}\n"] }]
+        }], ctorParameters: () => [{ type: UnBPessoaService }, { type: i1$2.MatSnackBar }], propDecorators: { apiPessoaConfig: [{
+                type: Input
+            }], defaultTipoPessoa: [{
+                type: Input
+            }], pesquisarPorCPF: [{
+                type: Input
+            }], pesquisarPorCNPJ: [{
+                type: Input
+            }], pesquisarPorEstrangeiro: [{
+                type: Input
+            }] } });
+
+class UnbPessoaModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaModule, declarations: [UnbPessoaFormComponent, UnbPessoaPesquisarComponent, UnbPessoaEnderecoFormComponent, UnbPessoaTelefoneListComponent, UnbPessoaenderecoListComponent, UnbPessoaTelefoneFormComponent, UnbPessoaEmailFormComponent, UnbPessoaEmailListComponent], imports: [CommonModule,
+            FormsModule,
+            BrowserModule,
+            MatIconModule,
+            MatListModule,
+            MatButtonModule,
+            UnbUsuarioModule,
+            MatCardModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatDialogModule,
+            MatSelectModule,
+            MatProgressSpinnerModule,
+            MatButtonModule,
+            MatProgressBarModule,
+            MatNativeDateModule,
+            MatListModule,
+            MatPaginatorModule,
+            MatExpansionModule,
+            MatSnackBarModule,
+            MatDatepickerModule,
+            MatRadioModule,
+            MatCardModule,
+            MatDividerModule], exports: [UnbPessoaFormComponent, UnbPessoaPesquisarComponent, UnbPessoaEnderecoFormComponent, UnbPessoaTelefoneListComponent, UnbPessoaenderecoListComponent, UnbPessoaTelefoneFormComponent, UnbPessoaEmailFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaModule, providers: [
+            MatDatepickerModule,
+            DatePipe,
+            CurrencyPipe
+        ], imports: [CommonModule,
+            FormsModule,
+            BrowserModule,
+            MatIconModule,
+            MatListModule,
+            MatButtonModule,
+            UnbUsuarioModule,
+            MatCardModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatDialogModule,
+            MatSelectModule,
+            MatProgressSpinnerModule,
+            MatButtonModule,
+            MatProgressBarModule,
+            MatNativeDateModule,
+            MatListModule,
+            MatPaginatorModule,
+            MatExpansionModule,
+            MatSnackBarModule,
+            MatDatepickerModule,
+            MatRadioModule,
+            MatCardModule,
+            MatDividerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: UnbPessoaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UnbPessoaFormComponent, UnbPessoaPesquisarComponent, UnbPessoaEnderecoFormComponent, UnbPessoaTelefoneListComponent, UnbPessoaenderecoListComponent, UnbPessoaTelefoneFormComponent, UnbPessoaEmailFormComponent, UnbPessoaEmailListComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        BrowserModule,
+                        MatIconModule,
+                        MatListModule,
+                        MatButtonModule,
+                        UnbUsuarioModule,
+                        MatCardModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatDialogModule,
+                        MatSelectModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                        MatProgressBarModule,
+                        MatNativeDateModule,
+                        MatListModule,
+                        MatPaginatorModule,
+                        MatExpansionModule,
+                        MatSnackBarModule,
+                        MatDatepickerModule,
+                        MatRadioModule,
+                        MatCardModule,
+                        MatDividerModule
+                    ],
+                    exports: [UnbPessoaFormComponent, UnbPessoaPesquisarComponent, UnbPessoaEnderecoFormComponent, UnbPessoaTelefoneListComponent, UnbPessoaenderecoListComponent, UnbPessoaTelefoneFormComponent, UnbPessoaEmailFormComponent],
+                    providers: [
+                        MatDatepickerModule,
+                        DatePipe,
+                        CurrencyPipe
+                    ]
+                }]
+        }] });
+
+class UnbPessoaEscolaridade {
+    constructor() {
+        this.extinto = false;
+    }
+}
+
+class UnbPessoaEstadoCivil {
+    constructor() {
+        this.extinto = false;
+    }
+}
+
+class UnbPessoaMunincipio {
+}
+
+class UnbPessoaPais {
+}
+
+class UnbPessoaRacaCor {
+}
+
+/*
+ * Public API Surface of unb-lib-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TipoPessoaEnum, UnBPessoaService, UnbAuthService, UnbMensagemComponent, UnbMensagemModule, UnbMensagemService, UnbNavBarComponent, UnbNavBarModule, UnbPessoaEmail, UnbPessoaEmailFormComponent, UnbPessoaEmailListComponent, UnbPessoaEmailTipo, UnbPessoaEndereco, UnbPessoaEnderecoFormComponent, UnbPessoaEnderecoTipo, UnbPessoaEscolaridade, UnbPessoaEstadoCivil, UnbPessoaFormComponent, UnbPessoaModel, UnbPessoaModule, UnbPessoaMunincipio, UnbPessoaPais, UnbPessoaPesquisarComponent, UnbPessoaRacaCor, UnbPessoaTelefone, UnbPessoaTelefoneFormComponent, UnbPessoaTelefoneListComponent, UnbPessoaTelefoneTipo, UnbPessoaenderecoListComponent, UnbTipoMensagemEnum, UnbUsuarioModel, listaEstados };
+//# sourceMappingURL=unb-lib-components.mjs.map