oxpi-nglib 1.0.21 → 1.0.24

package/fesm2020/oxpi-nglib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Inject, Output, HostListener, Pipe, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Inject, Output, HostListener, Optional, Pipe, NgModule } from '@angular/core';
 import * as i3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i1 from '@angular/common/http';
@@ -132,6 +132,7 @@ class CommonWebService {
         this.http = http;
         this.ROOT_URL = '';
         this.GERENCIAL_URL = '';
+        this.FINANCAS_URL = '';
         this.FUNCIONARIO_BASE_URL = '';
         this.FUNCIONARIO_CARGO_BASE_URL = '';
         this.token = '';
@@ -143,6 +144,8 @@ class CommonWebService {
         this.MEDIA_BASE_URL = '';
         this.MEDIA_PRODUTO_IMAGEM_URL = '';
         this.PRODUTO_COMPOSICAO_BASE_URL = '';
+        this.FORNECEDOR_BASE_URL = '';
+        this.CLIENTE_BASE_URL = '';
     }
     setToken(token) {
         this.token = token;
@@ -158,8 +161,11 @@ class CommonWebService {
         this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL = rootUrl + "ProdutoCategoriaCardapio/";
         this.ESTOQUE_URL = rootUrl + 'Estoque/';
         this.GERENCIAL_URL = rootUrl + 'Gerencial/';
+        this.FINANCAS_URL = rootUrl + 'Financas/';
         this.MEDIA_BASE_URL = this.GERENCIAL_URL + "Media/";
         this.MEDIA_PRODUTO_IMAGEM_URL = this.GERENCIAL_URL + 'GetProdutoImagem/';
+        this.FORNECEDOR_BASE_URL = this.FINANCAS_URL + 'Fornecedor/';
+        this.CLIENTE_BASE_URL = this.FINANCAS_URL + 'Cliente/';
     }
     getFuncionarios() {
         const url = this.FUNCIONARIO_BASE_URL;
@@ -315,6 +321,46 @@ class CommonWebService {
         const url = this.PRODUTO_COMPOSICAO_BASE_URL + id;
         return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
     }
+    buscaCliente(setting) {
+        const url = this.CLIENTE_BASE_URL + CommonWebService.URL_PART_BUSCA;
+        return this.http.post(url, JSON.stringify(setting), this.getHttpOptions()).pipe(map(data => data));
+    }
+    getAllCliente() {
+        const url = this.CLIENTE_BASE_URL;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    saveCliente(s) {
+        const url = this.CLIENTE_BASE_URL;
+        return this.http.post(url, JSON.stringify(s), this.getHttpOptions()).pipe(map(data => data));
+    }
+    addCliente(p) {
+        const url = this.CLIENTE_BASE_URL;
+        return this.http.put(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    deleteCliente(id) {
+        const url = this.CLIENTE_BASE_URL + id;
+        return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    buscaFornecedor(setting) {
+        const url = this.FORNECEDOR_BASE_URL + CommonWebService.URL_PART_BUSCA;
+        return this.http.post(url, JSON.stringify(setting), this.getHttpOptions()).pipe(map(data => data));
+    }
+    getAllFornecedor() {
+        const url = this.FORNECEDOR_BASE_URL;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    saveFornecedor(s) {
+        const url = this.FORNECEDOR_BASE_URL;
+        return this.http.post(url, JSON.stringify(s), this.getHttpOptions()).pipe(map(data => data));
+    }
+    addFornecedor(p) {
+        const url = this.FORNECEDOR_BASE_URL;
+        return this.http.put(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    deleteFornecedor(id) {
+        const url = this.FORNECEDOR_BASE_URL + id;
+        return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
+    }
     getHttpOptions(parameters) {
         return {
             headers: new HttpHeaders({
@@ -2573,7 +2619,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
 class ProdutoSearchSetting extends SearchSetting {
     constructor() {
         super();
-        this.exibeControladoEstoque = true;
+        this.exibeControladoEstoque = false;
         this.exibeMostraRecepcao = false;
         this.exibeImprimeCorredor = false;
         this.exibeImprimeCozinha = false;
@@ -3661,6 +3707,743 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
             args: [{ selector: 'ox-produtos-subgrupos', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Subgrupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Subgrupo\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Subgrupos de Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um subgrupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-produto-grupo-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"] }]
         }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
 
+class ClientesFormComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ClientesFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClientesFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesFormComponent, selector: "app-clientes-form", inputs: { model: "model" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n    <div class=\"form-block\">\n        <label>Nome</label>\n        <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\n    </div>\n\n    <h4 class=\"margin-top-16\">Dados Complementares</h4>\n\n    <div class=\"form-group\">\n        <label>Nome Fantasia</label>\n        <input [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"2\">\n    </div>\n    <div class=\"form-group\">\n        <label>CPF/CNPJ</label>\n        <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-300\" tabindex=\"3\">\n    </div>\n    <div class=\"form-group\">\n        <label>Observa\u00E7\u00F5es</label>\n        <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\">\n    </div>\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>Telefone</label>\n            <input [(ngModel)]=\"model.telefone\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group margin-left-16\">\n            <label>Fax</label>\n            <input [(ngModel)]=\"model.fax\" class=\"form-control input-120\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Contato</label>\n        <input [(ngModel)]=\"model.contato\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>E-mail</label>\n        <input [(ngModel)]=\"model.email\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>CEP</label>\n        <input [(ngModel)]=\"model.cep\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>Endere\u00E7o</label>\n        <input [(ngModel)]=\"model.endereco\" class=\"form-control input-300\">\n    </div>\n\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>N\u00FAmero</label>\n            <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group margin-left-16\">\n            <label>Bairro</label>\n            <input [(ngModel)]=\"model.bairro\" class=\"form-control input-120\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Complemento</label>\n        <input [(ngModel)]=\"model.complemento\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>IE/RG</label>\n        <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-300\">\n    </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-clientes-form', template: "<ng-container *ngIf=\"model\">\n    <div class=\"form-block\">\n        <label>Nome</label>\n        <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\n    </div>\n\n    <h4 class=\"margin-top-16\">Dados Complementares</h4>\n\n    <div class=\"form-group\">\n        <label>Nome Fantasia</label>\n        <input [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"2\">\n    </div>\n    <div class=\"form-group\">\n        <label>CPF/CNPJ</label>\n        <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-300\" tabindex=\"3\">\n    </div>\n    <div class=\"form-group\">\n        <label>Observa\u00E7\u00F5es</label>\n        <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\">\n    </div>\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>Telefone</label>\n            <input [(ngModel)]=\"model.telefone\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group margin-left-16\">\n            <label>Fax</label>\n            <input [(ngModel)]=\"model.fax\" class=\"form-control input-120\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Contato</label>\n        <input [(ngModel)]=\"model.contato\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>E-mail</label>\n        <input [(ngModel)]=\"model.email\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>CEP</label>\n        <input [(ngModel)]=\"model.cep\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>Endere\u00E7o</label>\n        <input [(ngModel)]=\"model.endereco\" class=\"form-control input-300\">\n    </div>\n\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>N\u00FAmero</label>\n            <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group margin-left-16\">\n            <label>Bairro</label>\n            <input [(ngModel)]=\"model.bairro\" class=\"form-control input-120\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Complemento</label>\n        <input [(ngModel)]=\"model.complemento\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>IE/RG</label>\n        <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-300\">\n    </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }] } });
+
+function validaPessoa(item, focus) {
+    if (valTextEmpty(item.nome)) {
+        focus.set('nome');
+        return 'Digite um nome válido.';
+    }
+    return null;
+}
+
+class ClientesAddDialogComponent {
+    constructor(ws, notification, dataDialog, dialog, elRef, dialogRef, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dataDialog = dataDialog;
+        this.dialog = dialog;
+        this.elRef = elRef;
+        this.dialogRef = dialogRef;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.focus = new FocusService();
+        this.model = dataDialog ?? {
+            id: 0,
+            nome: '',
+            isAtivo: true
+        };
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.focus.registerElement(this.elRef.nativeElement);
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElement(this.elRef.nativeElement);
+    }
+    salvar() {
+        const valMsg = validaPessoa(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.addCliente(this.model)
+            .subscribe({
+            next: r => {
+                this.isBusy = false;
+                this.model.id = r;
+                this.notification.showMsg("Salvo com sucesso.");
+                this.dialogRef.close(this.model);
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showMsg(err.error);
+            }
+        });
+    }
+}
+ClientesAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA, optional: true }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ClientesAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesAddDialogComponent, selector: "app-clientes-add-dialog", ngImport: i0, template: "<div class=\"header\">\n    <h2 class=\"titulo\">Novo Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-clientes-add-dialog', template: "<div class=\"header\">\n    <h2 class=\"titulo\">Novo Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i3.MatDialog }, { type: i0.ElementRef }, { type: i3.MatDialogRef }, { type: ScreenHelperService }]; } });
+
+class ClientesEditDialogComponent {
+    constructor(ws, notification, dataDialog, dialog, elRef, dialogRef, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dataDialog = dataDialog;
+        this.dialog = dialog;
+        this.elRef = elRef;
+        this.dialogRef = dialogRef;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.focus = new FocusService();
+        if (dataDialog) {
+            this.model = dataDialog;
+        }
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.focus.registerElement(this.elRef.nativeElement);
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElement(this.elRef.nativeElement);
+    }
+    salvar() {
+        if (!this.model)
+            return;
+        const valMsg = validaPessoa(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveCliente(this.model)
+            .subscribe({
+            next: r => {
+                this.isBusy = false;
+                this.notification.showMsg("Salvo com sucesso.");
+                if (this.dialogRef)
+                    this.dialogRef.close(true);
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showMsg(err.error);
+            }
+        });
+    }
+}
+ClientesEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ClientesEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesEditDialogComponent, selector: "app-clientes-edit-dialog", ngImport: i0, template: "<div class=\"header\">\n    <h2 class=\"titulo\">Editando Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-clientes-edit-dialog', template: "<div class=\"header\">\n    <h2 class=\"titulo\">Editando Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i3.MatDialog }, { type: i0.ElementRef }, { type: i3.MatDialogRef }, { type: ScreenHelperService }]; } });
+
+class ClientesComponent {
+    constructor(ws, notification, dialog, auth, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dialog = dialog;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.items = [];
+        this.selectedItem = null;
+        this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
+        this.setting = new SearchSetting();
+        this.focus = new FocusService();
+        this.allowAdd = auth.permissoes.financasClienteAdd;
+        this.allowExcluir = auth.permissoes.financasClienteDelete;
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.setting.ordem = "nome";
+        this.atualiza();
+    }
+    onSelectItem() {
+        if (!this.focus.hasInit()) {
+            setTimeout(() => {
+                this.focus.registerElementById("form-column");
+                this.focus.setFirst();
+            }, 500);
+            //this._focus.registerElementById("form-column");
+        }
+        else {
+            this.focus.setFirst();
+        }
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElementById("form-column");
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaCliente(this.setting)
+            .subscribe({
+            next: r => {
+                this.items = r;
+                this.selectedItem = null;
+                console.info(r);
+                this.isBusy = false;
+            }, error: err => {
+                this.isBusy = false;
+                this.notification.showHttpError(err);
+            }
+        });
+    }
+    excluir() {
+        const item = this.selectedItem;
+        if (!item)
+            return;
+        confirmaExclusao(this.dialog, `Deseja prosseguir com a exclusão do cliente ${item.nome}?`, () => {
+            this.isBusy = true;
+            this.ws.deleteCliente(item.id)
+                .subscribe({
+                next: r => {
+                    this.notification.showMsg("O cliente foi excluído com sucesso.");
+                    this.items.remove(item);
+                    this.selectedItem = null;
+                    this.isBusy = false;
+                },
+                error: err => {
+                    this.isBusy = false;
+                    this.notification.showMsg(err.error);
+                }
+            });
+        });
+    }
+    novo() {
+        let height = (window.innerHeight * 0.90) + 'px';
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            //height = (window.innerHeight * 0.98) + 'px';
+        }
+        const dialog = this.dialog.open(ClientesAddDialogComponent, {
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result === undefined)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+    abreCadastro(item) {
+        let height = undefined;
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        const dialog = this.dialog.open(ClientesEditDialogComponent, {
+            data: item,
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result !== true)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+    salvar() {
+        const item = this.selectedItem;
+        if (!item)
+            return;
+        const valMsg = validaPessoa(item, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveCliente(item)
+            .subscribe({
+            next: r => {
+                this.notification.showMsg("Salvo com sucesso.");
+                this.isBusy = false;
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showMsg(err.error);
+            }
+        });
+    }
+}
+ClientesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ClientesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesComponent, selector: "app-clientes", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Clientes</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-clientes-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-clientes-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-clientes', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Clientes</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-clientes-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-clientes-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+
+class SelecaoClienteDialogComponent {
+    constructor(dialogRef, ws, notification, dialog, auth, screenHelper) {
+        this.dialogRef = dialogRef;
+        this.ws = ws;
+        this.notification = notification;
+        this.dialog = dialog;
+        this.screenHelper = screenHelper;
+        this.items = [];
+        this.selectedItem = null;
+        this.isBusy = false;
+        this.setting = new SearchSetting();
+        this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
+        this.nav = new NavegacaoSelecaoDialogUtil(this);
+        this.mobile = this.screenHelper.isMedium;
+        this.allowAdd = auth.permissoes.financasClienteAdd;
+        this.allowEdit = auth.permissoes.financasClientePesquisa;
+    }
+    ngOnInit() {
+        this.setting.ordem = "nome";
+        this.atualiza();
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaCliente(this.setting)
+            .subscribe({
+            next: r => {
+                this.isBusy = false;
+                this.items = r;
+                console.info(r);
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showHttpError(err);
+            }
+        });
+    }
+    selectItem(i) {
+        if (this.selectedItem === i) {
+            this.dialogRef.close(i);
+        }
+        this.selectedItem = i;
+    }
+    novo() {
+        let height = (window.innerHeight * 0.90) + 'px';
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            //height = (window.innerHeight * 0.98) + 'px';
+        }
+        const dialog = this.dialog.open(ClientesAddDialogComponent, {
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result === undefined)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+    editar() {
+        let height = (window.innerHeight * 0.90) + 'px';
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            //height = (window.innerHeight * 0.98) + 'px';
+        }
+        const dialog = this.dialog.open(ClientesEditDialogComponent, {
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+            data: this.selectedItem
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result === undefined)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+}
+SelecaoClienteDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SelecaoClienteDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+SelecaoClienteDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: SelecaoClienteDialogComponent, selector: "app-selecao-cliente-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Clientes</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n      <span>{{i.nome}}</span>\n    </div>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SelecaoClienteDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-selecao-cliente-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Clientes</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n      <span>{{i.nome}}</span>\n    </div>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.MatDialogRef }, { type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+
+class FornecedoresFormComponent {
+    constructor() {
+    }
+    ngOnInit() {
+    }
+}
+FornecedoresFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FornecedoresFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: { model: "model" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n    <div class=\"form-block\">\n        <label>Nome</label>\n        <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\n    </div>\n\n    <h4 class=\"margin-top-16\">Dados Complementares</h4>\n\n    <div class=\"form-group\">\n        <label>Nome Fantasia</label>\n        <input [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"2\">\n    </div>\n    <div class=\"form-group\">\n        <label>CPF/CNPJ</label>\n        <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-300\" tabindex=\"3\">\n    </div>\n    <div class=\"form-group\">\n        <label>Observa\u00E7\u00F5es</label>\n        <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\">\n    </div>\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>Telefone</label>\n            <input [(ngModel)]=\"model.telefone\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group margin-left-16\">\n            <label>Fax</label>\n            <input [(ngModel)]=\"model.fax\" class=\"form-control input-120\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Contato</label>\n        <input [(ngModel)]=\"model.contato\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>E-mail</label>\n        <input [(ngModel)]=\"model.email\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>CEP</label>\n        <input [(ngModel)]=\"model.cep\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>Endere\u00E7o</label>\n        <input [(ngModel)]=\"model.endereco\" class=\"form-control input-300\">\n    </div>\n\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>N\u00FAmero</label>\n            <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group margin-left-16\">\n            <label>Bairro</label>\n            <input [(ngModel)]=\"model.bairro\" class=\"form-control input-120\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Complemento</label>\n        <input [(ngModel)]=\"model.complemento\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>IE/RG</label>\n        <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-300\">\n    </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fornecedores-form', template: "<ng-container *ngIf=\"model\">\n    <div class=\"form-block\">\n        <label>Nome</label>\n        <input id=\"nome\" required cdkFocusInitial [(ngModel)]=\"model.nome\" class=\"form-control input-300\" tabindex=\"1\">\n    </div>\n\n    <h4 class=\"margin-top-16\">Dados Complementares</h4>\n\n    <div class=\"form-group\">\n        <label>Nome Fantasia</label>\n        <input [(ngModel)]=\"model.fantasia\" class=\"form-control input-300\" tabindex=\"2\">\n    </div>\n    <div class=\"form-group\">\n        <label>CPF/CNPJ</label>\n        <input [(ngModel)]=\"model.cnpjCpf\" class=\"form-control input-300\" tabindex=\"3\">\n    </div>\n    <div class=\"form-group\">\n        <label>Observa\u00E7\u00F5es</label>\n        <input [(ngModel)]=\"model.obs\" class=\"form-control input-300\">\n    </div>\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>Telefone</label>\n            <input [(ngModel)]=\"model.telefone\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group margin-left-16\">\n            <label>Fax</label>\n            <input [(ngModel)]=\"model.fax\" class=\"form-control input-120\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Contato</label>\n        <input [(ngModel)]=\"model.contato\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>E-mail</label>\n        <input [(ngModel)]=\"model.email\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>CEP</label>\n        <input [(ngModel)]=\"model.cep\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>Endere\u00E7o</label>\n        <input [(ngModel)]=\"model.endereco\" class=\"form-control input-300\">\n    </div>\n\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>N\u00FAmero</label>\n            <input [(ngModel)]=\"model.numero\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group margin-left-16\">\n            <label>Bairro</label>\n            <input [(ngModel)]=\"model.bairro\" class=\"form-control input-120\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Complemento</label>\n        <input [(ngModel)]=\"model.complemento\" class=\"form-control input-300\">\n    </div>\n    <div class=\"form-group\">\n        <label>IE/RG</label>\n        <input [(ngModel)]=\"model.ieRg\" class=\"form-control input-300\">\n    </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }] } });
+
+class FornecedoresAddDialogComponent {
+    constructor(ws, notification, dataDialog, dialog, elRef, dialogRef, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dataDialog = dataDialog;
+        this.dialog = dialog;
+        this.elRef = elRef;
+        this.dialogRef = dialogRef;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.focus = new FocusService();
+        this.model = dataDialog ?? {
+            id: 0,
+            nome: '',
+            isAtivo: true
+        };
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.focus.registerElement(this.elRef.nativeElement);
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElement(this.elRef.nativeElement);
+    }
+    salvar() {
+        const valMsg = validaPessoa(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.addFornecedor(this.model)
+            .subscribe({
+            next: r => {
+                this.isBusy = false;
+                this.model.id = r;
+                this.notification.showMsg("Salvo com sucesso.");
+                this.dialogRef.close(this.model);
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showMsg(err.error);
+            }
+        });
+    }
+}
+FornecedoresAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA, optional: true }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FornecedoresAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresAddDialogComponent, selector: "app-fornecedores-add-dialog", ngImport: i0, template: "<div class=\"header\">\n    <h2 class=\"titulo\">Novo Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fornecedores-add-dialog', template: "<div class=\"header\">\n    <h2 class=\"titulo\">Novo Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i3.MatDialog }, { type: i0.ElementRef }, { type: i3.MatDialogRef }, { type: ScreenHelperService }]; } });
+
+class FornecedoresEditDialogComponent {
+    constructor(ws, notification, dataDialog, dialog, elRef, dialogRef, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dataDialog = dataDialog;
+        this.dialog = dialog;
+        this.elRef = elRef;
+        this.dialogRef = dialogRef;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.focus = new FocusService();
+        if (dataDialog) {
+            this.model = dataDialog;
+        }
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.focus.registerElement(this.elRef.nativeElement);
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElement(this.elRef.nativeElement);
+    }
+    salvar() {
+        if (!this.model)
+            return;
+        const valMsg = validaPessoa(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveFornecedor(this.model)
+            .subscribe({
+            next: r => {
+                this.isBusy = false;
+                this.notification.showMsg("Salvo com sucesso.");
+                if (this.dialogRef)
+                    this.dialogRef.close(true);
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showMsg(err.error);
+            }
+        });
+    }
+}
+FornecedoresEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FornecedoresEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresEditDialogComponent, selector: "app-fornecedores-edit-dialog", ngImport: i0, template: "<div class=\"header\">\n    <h2 class=\"titulo\">Editando Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fornecedores-edit-dialog', template: "<div class=\"header\">\n    <h2 class=\"titulo\">Editando Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i3.MatDialog }, { type: i0.ElementRef }, { type: i3.MatDialogRef }, { type: ScreenHelperService }]; } });
+
+class FornecedoresComponent {
+    constructor(ws, notification, dialog, auth, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dialog = dialog;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.items = [];
+        this.selectedItem = null;
+        this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
+        this.setting = new SearchSetting();
+        this.focus = new FocusService();
+        this.allowAdd = auth.permissoes.financasFornecedorAdd;
+        this.allowExcluir = auth.permissoes.financasFornecedorDelete;
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.setting.ordem = "nome";
+        this.atualiza();
+    }
+    onSelectItem() {
+        if (!this.focus.hasInit()) {
+            setTimeout(() => {
+                this.focus.registerElementById("form-column");
+                this.focus.setFirst();
+            }, 500);
+            //this._focus.registerElementById("form-column");
+        }
+        else {
+            this.focus.setFirst();
+        }
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElementById("form-column");
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaFornecedor(this.setting)
+            .subscribe({
+            next: r => {
+                this.items = r;
+                this.selectedItem = null;
+                console.info(r);
+                this.isBusy = false;
+            }, error: err => {
+                this.isBusy = false;
+                this.notification.showHttpError(err);
+            }
+        });
+    }
+    excluir() {
+        const item = this.selectedItem;
+        if (!item)
+            return;
+        confirmaExclusao(this.dialog, `Deseja prosseguir com a exclusão do fornecedor ${item.nome}?`, () => {
+            this.isBusy = true;
+            this.ws.deleteFornecedor(item.id)
+                .subscribe({
+                next: r => {
+                    this.notification.showMsg("O fornecedor foi excluído com sucesso.");
+                    this.items.remove(item);
+                    this.selectedItem = null;
+                    this.isBusy = false;
+                },
+                error: err => {
+                    this.isBusy = false;
+                    this.notification.showMsg(err.error);
+                }
+            });
+        });
+    }
+    novo() {
+        let height = (window.innerHeight * 0.90) + 'px';
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            //height = (window.innerHeight * 0.98) + 'px';
+        }
+        const dialog = this.dialog.open(FornecedoresAddDialogComponent, {
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result === undefined)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+    abreCadastro(item) {
+        let height = undefined;
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        const dialog = this.dialog.open(FornecedoresEditDialogComponent, {
+            data: item,
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result !== true)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+    salvar() {
+        const item = this.selectedItem;
+        if (!item)
+            return;
+        const valMsg = validaPessoa(item, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveFornecedor(item)
+            .subscribe({
+            next: r => {
+                this.notification.showMsg("Salvo com sucesso.");
+                this.isBusy = false;
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showMsg(err.error);
+            }
+        });
+    }
+}
+FornecedoresComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FornecedoresComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresComponent, selector: "app-fornecedores", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Fornecedores</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-fornecedores-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-fornecedores-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fornecedores', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Fornecedores</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-fornecedores-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-fornecedores-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+
+class SelecaoFornecedorDialogComponent {
+    constructor(dialogRef, ws, notification, dialog, auth, screenHelper) {
+        this.dialogRef = dialogRef;
+        this.ws = ws;
+        this.notification = notification;
+        this.dialog = dialog;
+        this.screenHelper = screenHelper;
+        this.items = [];
+        this.selectedItem = null;
+        this.isBusy = false;
+        this.setting = new SearchSetting();
+        this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
+        this.nav = new NavegacaoSelecaoDialogUtil(this);
+        this.mobile = this.screenHelper.isMedium;
+        this.allowAdd = auth.permissoes.financasClienteAdd;
+        this.allowEdit = auth.permissoes.financasClientePesquisa;
+    }
+    ngOnInit() {
+        this.setting.ordem = "nome";
+        this.atualiza();
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaFornecedor(this.setting)
+            .subscribe({
+            next: r => {
+                this.isBusy = false;
+                this.items = r;
+                console.info(r);
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showHttpError(err);
+            }
+        });
+    }
+    selectItem(i) {
+        if (this.selectedItem === i) {
+            this.dialogRef.close(i);
+        }
+        this.selectedItem = i;
+    }
+    novo() {
+        let height = (window.innerHeight * 0.90) + 'px';
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            //height = (window.innerHeight * 0.98) + 'px';
+        }
+        const dialog = this.dialog.open(FornecedoresAddDialogComponent, {
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result === undefined)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+    editar() {
+        let height = (window.innerHeight * 0.90) + 'px';
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            //height = (window.innerHeight * 0.98) + 'px';
+        }
+        const dialog = this.dialog.open(FornecedoresEditDialogComponent, {
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+            data: this.selectedItem
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result === undefined)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+}
+SelecaoFornecedorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SelecaoFornecedorDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+SelecaoFornecedorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: SelecaoFornecedorDialogComponent, selector: "app-selecao-fornecedor-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"novo\">add</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n        <mat-icon aria-label=\"editar\">edit</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n    <span>{{i.nome}}</span>\n  </div>\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SelecaoFornecedorDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-selecao-fornecedor-dialog', template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"novo\">add</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n        <mat-icon aria-label=\"editar\">edit</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n    <span>{{i.nome}}</span>\n  </div>\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.MatDialogRef }, { type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+
 class ImageViewerComponent {
     constructor() {
         this.infos = [];
@@ -4020,7 +4803,17 @@ OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         ProdutoCategoriaCardapioSelecaoDialogComponent,
         ProdutoComposicaoComponent,
         ProdutoComposicaoAddDialogComponent,
-        ProdutoSelecaoDialogComponent], imports: [BrowserModule,
+        ProdutoSelecaoDialogComponent,
+        ClientesFormComponent,
+        ClientesComponent,
+        ClientesAddDialogComponent,
+        ClientesEditDialogComponent,
+        SelecaoClienteDialogComponent,
+        FornecedoresFormComponent,
+        FornecedoresComponent,
+        FornecedoresAddDialogComponent,
+        FornecedoresEditDialogComponent,
+        SelecaoFornecedorDialogComponent], imports: [BrowserModule,
         BrowserAnimationsModule,
         FormsModule,
         MatButtonModule,
@@ -4086,7 +4879,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                         ProdutoCategoriaCardapioSelecaoDialogComponent,
                         ProdutoComposicaoComponent,
                         ProdutoComposicaoAddDialogComponent,
-                        ProdutoSelecaoDialogComponent
+                        ProdutoSelecaoDialogComponent,
+                        ClientesFormComponent,
+                        ClientesComponent,
+                        ClientesAddDialogComponent,
+                        ClientesEditDialogComponent,
+                        SelecaoClienteDialogComponent,
+                        FornecedoresFormComponent,
+                        FornecedoresComponent,
+                        FornecedoresAddDialogComponent,
+                        FornecedoresEditDialogComponent,
+                        SelecaoFornecedorDialogComponent
                     ],
                     imports: [
                         BrowserModule,
@@ -4318,5 +5121,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AlertDialogComponent, AuthDataService, BusyIndicatorComponent, BusyState, CheckButtonComponent, CommonWebService, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, FuncionarioAddDialogComponent, FuncionarioEditDialogComponent, FuncionarioFormComponent, FuncionariosComponent, ImageViewerComponent, ItemCardComponent, LazyTrigger, MonthYearPickerComponent, MoverGrupoDialogComponent, NavegacaoSelecaoDialogUtil, NotificationService, NumberParser, NumericPickerComponent, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, ProdutoAddDialogComponent, ProdutoBuscaFiltrosDialogComponent, ProdutoCategoriaCardapioAddDialogComponent, ProdutoCategoriaCardapioEditDialogComponent, ProdutoCategoriaCardapioSelecaoDialogComponent, ProdutoComposicaoAddDialogComponent, ProdutoComposicaoComponent, ProdutoEditDialogComponent, ProdutoFormComponent, ProdutoGrupoAddDialogComponent, ProdutoGrupoEditDialogComponent, ProdutoGrupoFormComponent, ProdutoGrupoSelecaoDialogComponent, ProdutoSearchSetting, ProdutoSelecaoDialogComponent, ProdutoSubgrupoAddDialogComponent, ProdutoSubgrupoEditDialogComponent, ProdutoSubgrupoSelecaoDialogComponent, ProdutosCategoriasCardapioComponent, ProdutosComponent, ProdutosGruposComponent, ProdutosNcmDialogComponent, ProdutosSubgruposComponent, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SuitesIntervencoesSetting, confirmaExclusao, createProduct, fadeAnimation, lateralAnimation, menuLateralAnimation, printHtml, printTxt, selectText, valNumberEmpty, valNumberMin, valTextEmpty, valTextMax, validaProduto, validaProdutoComposicao, validaProdutoGrupo, validaSetorEstoque };
+export { AlertDialogComponent, AuthDataService, BusyIndicatorComponent, BusyState, CheckButtonComponent, ClientesAddDialogComponent, ClientesComponent, ClientesEditDialogComponent, ClientesFormComponent, CommonWebService, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, FornecedoresAddDialogComponent, FornecedoresComponent, FornecedoresEditDialogComponent, FornecedoresFormComponent, FuncionarioAddDialogComponent, FuncionarioEditDialogComponent, FuncionarioFormComponent, FuncionariosComponent, ImageViewerComponent, ItemCardComponent, LazyTrigger, MonthYearPickerComponent, MoverGrupoDialogComponent, NavegacaoSelecaoDialogUtil, NotificationService, NumberParser, NumericPickerComponent, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, ProdutoAddDialogComponent, ProdutoBuscaFiltrosDialogComponent, ProdutoCategoriaCardapioAddDialogComponent, ProdutoCategoriaCardapioEditDialogComponent, ProdutoCategoriaCardapioSelecaoDialogComponent, ProdutoComposicaoAddDialogComponent, ProdutoComposicaoComponent, ProdutoEditDialogComponent, ProdutoFormComponent, ProdutoGrupoAddDialogComponent, ProdutoGrupoEditDialogComponent, ProdutoGrupoFormComponent, ProdutoGrupoSelecaoDialogComponent, ProdutoSearchSetting, ProdutoSelecaoDialogComponent, ProdutoSubgrupoAddDialogComponent, ProdutoSubgrupoEditDialogComponent, ProdutoSubgrupoSelecaoDialogComponent, ProdutosCategoriasCardapioComponent, ProdutosComponent, ProdutosGruposComponent, ProdutosNcmDialogComponent, ProdutosSubgruposComponent, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SelecaoClienteDialogComponent, SelecaoFornecedorDialogComponent, SuitesIntervencoesSetting, confirmaExclusao, createProduct, fadeAnimation, lateralAnimation, menuLateralAnimation, printHtml, printTxt, selectText, valNumberEmpty, valNumberMin, valTextEmpty, valTextMax, validaPessoa, validaProduto, validaProdutoComposicao, validaProdutoGrupo, validaSetorEstoque };
 //# sourceMappingURL=oxpi-nglib.mjs.map