oxpi-nglib 1.0.1 → 1.0.2

package/fesm2015/oxpi-nglib.mjs

@@ -1,25 +1,27 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Component, Input, Inject, Output, HostListener, Pipe, NgModule } from '@angular/core';
-import * as i3$1 from '@angular/material/dialog';
+import * as i3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i1 from '@angular/common/http';
-import { HttpHeaders } from '@angular/common/http';
+import { HttpParams, HttpHeaders, HttpEventType } from '@angular/common/http';
 import { map } from 'rxjs';
 import * as i1$1 from '@angular/material/snack-bar';
-import * as i1$2 from '@angular/common';
-import * as i2 from '@angular/material/button';
+import * as i6 from '@angular/common';
+import * as i6$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i7 from '@angular/material/icon';
+import * as i7$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i3 from '@angular/forms';
+import * as i7 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i4 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i5 from '@angular/material/core';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import * as i1$3 from '@angular/platform-browser';
+import * as i1$2 from '@angular/platform-browser';
 import { BrowserModule } from '@angular/platform-browser';
+import * as i12 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as FileSaver from 'file-saver';
 
 function valTextEmpty(v) {
@@ -41,7 +43,7 @@ function valNumberMin(v, min) {
     return v <= min;
 }
 
-function valida(item, focus) {
+function valida$2(item, focus) {
     if (valTextEmpty(item.nome)) {
         focus.set('nome');
         return 'Digite um nome válido.';
@@ -126,9 +128,17 @@ class CommonWebService {
     constructor(http) {
         this.http = http;
         this.ROOT_URL = '';
+        this.GERENCIAL_URL = '';
         this.FUNCIONARIO_BASE_URL = '';
         this.FUNCIONARIO_CARGO_BASE_URL = '';
         this.token = '';
+        this.PRODUTO_BASE_URL = '';
+        this.PRODUTO_GRUPO_BASE_URL = '';
+        this.PRODUTO_SUBGRUPO_BASE_URL = '';
+        this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL = '';
+        this.ESTOQUE_URL = '';
+        this.MEDIA_BASE_URL = '';
+        this.MEDIA_PRODUTO_IMAGEM_URL = '';
     }
     setToken(token) {
         this.token = token;
@@ -137,6 +147,14 @@ class CommonWebService {
         this.ROOT_URL = rootUrl;
         this.FUNCIONARIO_BASE_URL = rootUrl + "Funcionario/";
         this.FUNCIONARIO_CARGO_BASE_URL = rootUrl + "FuncionarioCargo/";
+        this.PRODUTO_BASE_URL = rootUrl + "ProdutoFiscal/";
+        this.PRODUTO_GRUPO_BASE_URL = rootUrl + "ProdutoGrupo/";
+        this.PRODUTO_SUBGRUPO_BASE_URL = rootUrl + "ProdutoSubgrupo/";
+        this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL = rootUrl + "ProdutoCategoriaCardapio/";
+        this.ESTOQUE_URL = rootUrl + 'Estoque/';
+        this.GERENCIAL_URL = rootUrl + 'Gerencial/';
+        this.MEDIA_BASE_URL = this.GERENCIAL_URL + "Media/";
+        this.MEDIA_PRODUTO_IMAGEM_URL = this.GERENCIAL_URL + 'GetProdutoImagem/';
     }
     getFuncionarios() {
         const url = this.FUNCIONARIO_BASE_URL;
@@ -170,6 +188,112 @@ class CommonWebService {
         const url = this.FUNCIONARIO_BASE_URL + id;
         return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
     }
+    buscaPaginadaProdutos(setting, page, pageSize) {
+        const url = this.PRODUTO_BASE_URL + CommonWebService.URL_PART_BUSCA_PAGINADA;
+        const p = { setting: setting, page: page, pageSize: pageSize };
+        return this.http.post(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    getNextIdProduto() {
+        const url = this.PRODUTO_BASE_URL + CommonWebService.URL_PART_NEXT_ID;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    saveProduto(s) {
+        const url = this.PRODUTO_BASE_URL;
+        return this.http.post(url, JSON.stringify(s), this.getHttpOptions()).pipe(map(data => data));
+    }
+    addProduto(p) {
+        const url = this.PRODUTO_BASE_URL;
+        return this.http.put(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    deleteProduto(id) {
+        const url = this.PRODUTO_BASE_URL + id;
+        return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    buscaProdutoGrupo(setting) {
+        const url = this.PRODUTO_GRUPO_BASE_URL + CommonWebService.URL_PART_BUSCA;
+        return this.http.post(url, JSON.stringify(setting), this.getHttpOptions()).pipe(map(data => data));
+    }
+    getAllProdutoGrupo() {
+        const url = this.PRODUTO_GRUPO_BASE_URL;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    getNextIdProdutoGrupo() {
+        const url = this.PRODUTO_GRUPO_BASE_URL + CommonWebService.URL_PART_NEXT_ID;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    saveProdutoGrupo(s) {
+        const url = this.PRODUTO_GRUPO_BASE_URL;
+        return this.http.post(url, JSON.stringify(s), this.getHttpOptions()).pipe(map(data => data));
+    }
+    transfereProdutoGrupo(grupoId, novoGrupoId) {
+        const url = this.PRODUTO_BASE_URL + 'AlteraGrupo';
+        const p = { oldId: grupoId, newId: novoGrupoId };
+        return this.http.post(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    addProdutoGrupo(p) {
+        const url = this.PRODUTO_GRUPO_BASE_URL;
+        return this.http.put(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    deleteProdutoGrupo(id) {
+        const url = this.PRODUTO_GRUPO_BASE_URL + id;
+        return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    buscaNcm(ncm) {
+        const url = this.PRODUTO_BASE_URL + 'BuscaNCM/';
+        const params = new HttpParams()
+            .set("ncm", '' + ncm);
+        return this.http.get(url, this.getHttpOptions(params)).pipe(map(data => data));
+    }
+    findNcm(ncm) {
+        const url = this.PRODUTO_BASE_URL + 'FindNCM/';
+        const params = new HttpParams()
+            .set("ncm", '' + ncm);
+        return this.http.get(url, this.getHttpOptions(params)).pipe(map(data => data));
+    }
+    buscaProdutoSubgrupo(setting) {
+        const url = this.PRODUTO_SUBGRUPO_BASE_URL + CommonWebService.URL_PART_BUSCA;
+        return this.http.post(url, JSON.stringify(setting), this.getHttpOptions()).pipe(map(data => data));
+    }
+    getNextIdProdutoSubgrupo() {
+        const url = this.PRODUTO_SUBGRUPO_BASE_URL + CommonWebService.URL_PART_NEXT_ID;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    saveProdutoSubgrupo(s) {
+        const url = this.PRODUTO_SUBGRUPO_BASE_URL;
+        return this.http.post(url, JSON.stringify(s), this.getHttpOptions()).pipe(map(data => data));
+    }
+    addProdutoSubgrupo(p) {
+        const url = this.PRODUTO_SUBGRUPO_BASE_URL;
+        return this.http.put(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    deleteProdutoSubgrupo(id) {
+        const url = this.PRODUTO_SUBGRUPO_BASE_URL + id;
+        return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    buscaProdutoCategoriaCardapio(setting) {
+        const url = this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL + CommonWebService.URL_PART_BUSCA;
+        return this.http.post(url, JSON.stringify(setting), this.getHttpOptions()).pipe(map(data => data));
+    }
+    getNextIdProdutoCategoriaCardapio() {
+        const url = this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL + CommonWebService.URL_PART_NEXT_ID;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    saveProdutoCategoriaCardapio(s) {
+        const url = this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL;
+        return this.http.post(url, JSON.stringify(s), this.getHttpOptions()).pipe(map(data => data));
+    }
+    addProdutoCategoriaCardapio(p) {
+        const url = this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL;
+        return this.http.put(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    deleteProdutoCategoriaCardapio(id) {
+        const url = this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL + id;
+        return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    getAllSetores() {
+        const url = this.ESTOQUE_URL + 'Setor/';
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
     getHttpOptions(parameters) {
         return {
             headers: new HttpHeaders({
@@ -344,7 +468,7 @@ class BusyIndicatorComponent {
     }
 }
 BusyIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BusyIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: { isBusy: "isBusy" }, ngImport: i0, template: "<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:rgb(255,255,255);border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: { isBusy: "isBusy" }, ngImport: i0, template: "<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:rgb(255,255,255);border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-busy-indicator', template: "<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:rgb(255,255,255);border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
@@ -374,7 +498,7 @@ class FuncionarioFormComponent {
     }
 }
 FuncionarioFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioFormComponent, deps: [{ token: CommonWebService }], target: i0.ɵɵFactoryTarget.Component });
-FuncionarioFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: { model: "model" }, ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+FuncionarioFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: { model: "model" }, ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>", styles: [""], 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.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"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-funcionario-form', template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>" }]
@@ -414,7 +538,7 @@ class FuncionarioAddDialogComponent {
     salvar() {
         if (this.model)
             return;
-        const valMsg = valida(this.model, this.focus);
+        const valMsg = valida$2(this.model, this.focus);
         if (valMsg) {
             this.notification.showMsgError(valMsg);
             return;
@@ -432,16 +556,16 @@ class FuncionarioAddDialogComponent {
         });
     }
 }
-FuncionarioAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatDialog }, { token: i0.ElementRef }, { token: i3$1.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FuncionarioAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioAddDialogComponent, selector: "ox-funcionario-add-dialog", ngImport: i0, template: "<div class=\"header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</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    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-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}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;text-transform:uppercase;flex-grow:1;margin:8px 8px 8px 16px;font-size:15px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.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: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
+FuncionarioAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FuncionarioAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioAddDialogComponent, selector: "ox-funcionario-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</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    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-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: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioAddDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-funcionario-add-dialog', template: "<div class=\"header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</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    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-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}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;text-transform:uppercase;flex-grow:1;margin:8px 8px 8px 16px;font-size:15px}\n"] }]
+            args: [{ selector: 'ox-funcionario-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</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    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-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$1.MatDialog }, { type: i0.ElementRef }, { type: i3$1.MatDialogRef }, { type: ScreenHelperService }];
+                    }] }, { type: i3.MatDialog }, { type: i0.ElementRef }, { type: i3.MatDialogRef }, { type: ScreenHelperService }];
     } });
 
 class FuncionarioEditDialogComponent {
@@ -470,7 +594,7 @@ class FuncionarioEditDialogComponent {
     salvar() {
         if (!this.model)
             return;
-        const valMsg = valida(this.model, this.focus);
+        const valMsg = valida$2(this.model, this.focus);
         if (valMsg) {
             this.notification.showMsgError(valMsg);
             return;
@@ -488,16 +612,16 @@ class FuncionarioEditDialogComponent {
         });
     }
 }
-FuncionarioEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatDialog }, { token: i0.ElementRef }, { token: i3$1.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FuncionarioEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioEditDialogComponent, selector: "ox-funcionario-edit-dialog", ngImport: i0, template: "<div class=\"header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</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    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-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}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;text-transform:uppercase;flex-grow:1;margin:8px 8px 8px 16px;font-size:15px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.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: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
+FuncionarioEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FuncionarioEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioEditDialogComponent, selector: "ox-funcionario-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</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    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-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: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioEditDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-funcionario-edit-dialog', template: "<div class=\"header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</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    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-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}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;text-transform:uppercase;flex-grow:1;margin:8px 8px 8px 16px;font-size:15px}\n"] }]
+            args: [{ selector: 'ox-funcionario-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</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    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-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$1.MatDialog }, { type: i0.ElementRef }, { type: i3$1.MatDialogRef }, { type: ScreenHelperService }];
+                    }] }, { type: i3.MatDialog }, { type: i0.ElementRef }, { type: i3.MatDialogRef }, { type: ScreenHelperService }];
     } });
 
 const fadeAnimation = trigger('fade', [
@@ -542,13 +666,13 @@ class AlertDialogComponent {
     ngOnInit() {
     }
 }
-AlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, deps: [{ token: i3$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-AlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AlertDialogComponent, selector: "app-alert-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "component", type: i2.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: "directive", type: i3$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+AlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+AlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AlertDialogComponent, selector: "app-alert-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>", styles: [""], dependencies: [{ 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: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-alert-dialog', template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>" }]
         }], ctorParameters: function () {
-        return [{ type: i3$1.MatDialogRef }, { type: undefined, decorators: [{
+        return [{ type: i3.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [MAT_DIALOG_DATA]
                     }] }];
@@ -573,7 +697,9 @@ class NavegacaoSelecaoDialogUtil {
         }
         if (key !== keyDown && key !== keyUp)
             return;
-        let index = this.view.items.indexOf(selected, 0);
+        let index = -1;
+        if (selected)
+            this.view.items.indexOf(selected, 0);
         if (key === keyDown)
             index++;
         if (key === keyUp && index > 0)
@@ -888,7 +1014,7 @@ class ItemCardComponent {
     }
 }
 ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome", codigo: "codigo", star: "star", cloud: "cloud", desativado: "desativado" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n<div class=\"icons-row\">\n    <span class=\"material-icons star\" *ngIf=\"star\">\n        grade\n    </span>\n    <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n        cloud_done\n    </span>\n</div>\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome", codigo: "codigo", star: "star", cloud: "cloud", desativado: "desativado" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n<div class=\"icons-row\">\n    <span class=\"material-icons star\" *ngIf=\"star\">\n        grade\n    </span>\n    <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n        cloud_done\n    </span>\n</div>\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-item-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n<div class=\"icons-row\">\n    <span class=\"material-icons star\" *ngIf=\"star\">\n        grade\n    </span>\n    <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n        cloud_done\n    </span>\n</div>\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"] }]
@@ -1016,7 +1142,7 @@ class FuncionariosComponent {
         const item = this.selectedItem;
         if (!item)
             return;
-        const valMsg = valida(item, this.focus);
+        const valMsg = valida$2(item, this.focus);
         if (valMsg) {
             this.notification.showMsgError(valMsg);
             return;
@@ -1032,12 +1158,12 @@ class FuncionariosComponent {
         });
     }
 }
-FuncionariosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionariosComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3$1.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FuncionariosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionariosComponent, selector: "ox-funcionarios", ngImport: i0, 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\">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=\"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>Funcion\u00E1rios</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 funcion\u00E1rio no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-funcionario-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-funcionario-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"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.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.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: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "pipe", type: i1$2.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+FuncionariosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionariosComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FuncionariosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionariosComponent, selector: "ox-funcionarios", ngImport: i0, 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\">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=\"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>Funcion\u00E1rios</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 funcion\u00E1rio no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-funcionario-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-funcionario-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"], 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: FuncionarioFormComponent, selector: "ox-funcionario-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: FuncionariosComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-funcionarios', 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\">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=\"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>Funcion\u00E1rios</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 funcion\u00E1rio no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-funcionario-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-funcionario-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$1.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
 
 class CheckButtonComponent {
     constructor() {
@@ -1123,7 +1249,7 @@ class ImageViewerComponent {
     }
 }
 ImageViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ImageViewerComponent, selector: "ox-image-viewer", inputs: { info: "info", infos: "infos", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ImageViewerComponent, selector: "ox-image-viewer", inputs: { info: "info", infos: "infos", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ImageViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-image-viewer', template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"] }]
@@ -1241,7 +1367,7 @@ class MonthYearPickerComponent {
     }
 }
 MonthYearPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MonthYearPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonthYearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MonthYearPickerComponent, selector: "ox-month-year-picker", inputs: { blockFuture: "blockFuture", modoAnual: "modoAnual", ano: "ano", mes: "mes" }, outputs: { anoChange: "anoChange", mesChange: "mesChange", changed: "changed" }, ngImport: i0, template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"], dependencies: [{ kind: "component", type: i2.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+MonthYearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MonthYearPickerComponent, selector: "ox-month-year-picker", inputs: { blockFuture: "blockFuture", modoAnual: "modoAnual", ano: "ano", mes: "mes" }, outputs: { anoChange: "anoChange", mesChange: "mesChange", changed: "changed" }, ngImport: i0, template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"], dependencies: [{ 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MonthYearPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-month-year-picker', template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"] }]
@@ -1342,7 +1468,7 @@ class NumericPickerComponent {
     }
 }
 NumericPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NumericPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NumericPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NumericPickerComponent, selector: "ox-numeric-picker", inputs: { value: "value", max: "max", min: "min" }, outputs: { valueChange: "valueChange", change: "change" }, ngImport: i0, template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"], dependencies: [{ kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+NumericPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NumericPickerComponent, selector: "ox-numeric-picker", inputs: { value: "value", max: "max", min: "min" }, outputs: { valueChange: "valueChange", change: "change" }, ngImport: i0, template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"], dependencies: [{ 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NumericPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-numeric-picker', template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"] }]
@@ -1406,7 +1532,7 @@ class PaginatorComponent {
     }
 }
 PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: PaginatorComponent, selector: "ox-paginator", inputs: { pageSize: "pageSize", paginaAtual: "paginaAtual", totalPaginas: "totalPaginas" }, outputs: { paginaAtualChange: "paginaAtualChange", totalPaginasChange: "totalPaginasChange", change: "change" }, ngImport: i0, template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"], dependencies: [{ kind: "component", type: i2.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: PaginatorComponent, selector: "ox-paginator", inputs: { pageSize: "pageSize", paginaAtual: "paginaAtual", totalPaginas: "totalPaginas" }, outputs: { paginaAtualChange: "paginaAtualChange", totalPaginasChange: "totalPaginasChange", change: "change" }, ngImport: i0, template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"], dependencies: [{ 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-paginator', template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"] }]
@@ -1448,7 +1574,7 @@ class RadioButtonGroupComponent {
     }
 }
 RadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: RadioButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: RadioButtonGroupComponent, selector: "ox-radio-button-group", inputs: { selectedItem: "selectedItem", items: "items" }, outputs: { change: "change" }, ngImport: i0, template: "<ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\" *ngFor=\"let item of items\">\n  {{item.name}}\n</ox-check-button>", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CheckButtonComponent, selector: "ox-check-button", inputs: ["checked", "radioBehavior"], outputs: ["changed"] }] });
+RadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: RadioButtonGroupComponent, selector: "ox-radio-button-group", inputs: { selectedItem: "selectedItem", items: "items" }, outputs: { change: "change" }, ngImport: i0, template: "<ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\" *ngFor=\"let item of items\">\n  {{item.name}}\n</ox-check-button>", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CheckButtonComponent, selector: "ox-check-button", inputs: ["checked", "radioBehavior"], outputs: ["changed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: RadioButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-radio-button-group', template: "<ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\" *ngFor=\"let item of items\">\n  {{item.name}}\n</ox-check-button>", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"] }]
@@ -1468,127 +1594,128 @@ class SafeHtmlPipe {
         return this.sanitizer.bypassSecurityTrustHtml(html);
     }
 }
-SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
 SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'safeHtml'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
 
-Array.prototype.remove = function (item) {
-    const index = this.indexOf(item);
-    if (index === -1)
-        return false;
-    this.splice(index, 1);
-    return true;
-};
-Array.prototype.firstOrNull = function () {
-    if (this.length > 0)
-        return this[0];
-    return null;
-};
-Date.prototype.addDays = function (days) {
-    var result = new Date(this);
-    result.setDate(result.getDate() + days);
-    return result;
-};
-class OxpiNglibModule {
+var ModalidadeBaseICMS;
+(function (ModalidadeBaseICMS) {
+    ModalidadeBaseICMS[ModalidadeBaseICMS["MargemValorAgregado"] = 0] = "MargemValorAgregado";
+    ModalidadeBaseICMS[ModalidadeBaseICMS["PautaValor"] = 1] = "PautaValor";
+    ModalidadeBaseICMS[ModalidadeBaseICMS["Pre\u00E7oTabeladoMax"] = 2] = "Pre\u00E7oTabeladoMax";
+    ModalidadeBaseICMS[ModalidadeBaseICMS["ValorDaOpera\u00E7\u00E3o"] = 3] = "ValorDaOpera\u00E7\u00E3o";
+})(ModalidadeBaseICMS || (ModalidadeBaseICMS = {}));
+function createProduct() {
+    return {
+        id: 0,
+        nome: '',
+        unidade: 'UN',
+        precoCusto: 0,
+        precoVenda: 0,
+        precoFuncionario: 0,
+        estoqueMinimo: 0,
+        referencia: '',
+        aliquotaICMS: null,
+        ncm: null,
+        grupoId: 0,
+        grupoNome: null,
+        subgrupoId: 0,
+        subgrupoNome: null,
+        quantidadeSuite: 0,
+        estoqueControlado: true,
+        imprimiCozinha: true,
+        imprimeCorredor: false,
+        verNaRecepcao: true,
+        prato: false,
+        isAtivo: true,
+        isComposto: true,
+        isIngrediente: true,
+        omiteCliente: false,
+        estoqueRecepcao: false,
+        estoqueRecepcaoQuantidade: 0,
+        gtin: null,
+        cfop: null,
+        csT_icms: null,
+        modBC_icms: 0,
+        pICMS_icms: null,
+        pRedBC_icms: null,
+        pfcP_icms: null,
+        vbcfcP_icms: null,
+        pfcpsT_icms: null,
+        pRedBCEfet_icms: null,
+        vbcEfet_icms: null,
+        picmsEfet_icms: null,
+        vicmsEfet_icms: null,
+        csT_pis: null,
+        vbC_pis: null,
+        ppiS_pis: null,
+        csT_cofins: null,
+        vbC_cofins: null,
+        pcofinS_cofins: null,
+        psT_icms: null,
+        vbcstRet_icms: null,
+        vicmsSubstituto_icms: null,
+        vicmsstRet_icms: null,
+        emiteNFCe: false,
+        cest: null,
+        vbcfcpsT_icms: null,
+        vbcfcpstRet_icms: null,
+        pfcpstRet_icms: null,
+        sitTrib: null,
+        setorSubEstoqueId: null,
+        setorSubEstoqueNome: null,
+        setorPrincipalId: null,
+        setorPrincipalNome: null,
+        qtdMinSubEstoque: null,
+        disponivelCardapio: false,
+        categoriaCardapioId: null,
+        categoriaCardapioNome: null,
+        descricao: null,
+        enviadoPC: false,
+        qbcProd_cofins: null,
+        vAliqProd_cofins: null
+    };
 }
-OxpiNglibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, declarations: [BusyIndicatorComponent,
-        MonthYearPickerComponent,
-        ImageViewerComponent,
-        NumericPickerComponent,
-        PaginatorComponent,
-        CheckButtonComponent,
-        RadioButtonGroupComponent,
-        ItemCardComponent,
-        SafeHtmlPipe,
-        AlertDialogComponent,
-        FuncionariosComponent,
-        FuncionarioFormComponent,
-        FuncionarioEditDialogComponent,
-        FuncionarioAddDialogComponent], imports: [BrowserModule,
-        BrowserAnimationsModule,
-        FormsModule,
-        MatButtonModule,
-        MatIconModule,
-        MatDialogModule,
-        MatSelectModule], exports: [BusyIndicatorComponent,
-        MonthYearPickerComponent,
-        ImageViewerComponent,
-        NumericPickerComponent,
-        PaginatorComponent,
-        CheckButtonComponent,
-        RadioButtonGroupComponent,
-        ItemCardComponent,
-        SafeHtmlPipe] });
-OxpiNglibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, imports: [BrowserModule,
-        BrowserAnimationsModule,
-        FormsModule,
-        MatButtonModule,
-        MatIconModule,
-        MatDialogModule,
-        MatSelectModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        BusyIndicatorComponent,
-                        MonthYearPickerComponent,
-                        ImageViewerComponent,
-                        NumericPickerComponent,
-                        PaginatorComponent,
-                        CheckButtonComponent,
-                        RadioButtonGroupComponent,
-                        ItemCardComponent,
-                        SafeHtmlPipe,
-                        AlertDialogComponent,
-                        FuncionariosComponent,
-                        FuncionarioFormComponent,
-                        FuncionarioEditDialogComponent,
-                        FuncionarioAddDialogComponent
-                    ],
-                    imports: [
-                        BrowserModule,
-                        BrowserAnimationsModule,
-                        FormsModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatDialogModule,
-                        MatSelectModule,
-                    ],
-                    exports: [
-                        BusyIndicatorComponent,
-                        MonthYearPickerComponent,
-                        ImageViewerComponent,
-                        NumericPickerComponent,
-                        PaginatorComponent,
-                        CheckButtonComponent,
-                        RadioButtonGroupComponent,
-                        ItemCardComponent,
-                        SafeHtmlPipe
-                    ]
-                }]
-        }] });
-
-class BusyState {
-    constructor() {
-        this.isBusy = false;
-        this.counter = 0;
+;
+function valida$1(item, focus) {
+    if (valTextEmpty(item.nome)) {
+        focus.set('nome');
+        return 'Digite um nome válido.';
     }
-    show() {
-        this.counter++;
-        this.isBusy = true;
+    if (valNumberEmpty(item.grupoId)) {
+        return 'Escolha um grupo de produto.';
     }
-    hide() {
-        this.counter--;
-        if (this.counter < 0)
-            this.counter = 0;
-        if (this.counter == 0)
-            this.isBusy = false;
+    if (valNumberEmpty(item.subgrupoId)) {
+        return 'Escolha um subgrupo de produto.';
+    }
+    if (valTextEmpty(item.unidade)) {
+        focus.set('unidade');
+        return 'Digite uma unidade.';
+    }
+    if (item.disponivelCardapio) {
+        if (valNumberEmpty(item.categoriaCardapioId))
+            return 'Escolha uma categoria do cardápio digital.';
+        if (valTextEmpty(item.descricao)) {
+            focus.set('descricao');
+            return 'Digite uma descrição para o cardápio digital.';
+        }
+    }
+    return null;
+}
+
+class ProdutoSearchSetting extends SearchSetting {
+    constructor() {
+        super();
+        this.exibeNaoControladoEstoque = true;
+        this.exibeApenasMostraRecepcao = false;
+        this.exibeInativo = false;
+        this.exibeImprimiCozinha = false;
+        this.exibeHePrato = false;
     }
 }
 
@@ -1657,63 +1784,2046 @@ class NumberParser {
     }
 }
 
-class Ordem {
-    constructor(ordens, isCrescente, onToggle) {
-        const d = ordens.filter(x => x.default === true).firstOrNull();
-        this.colName = d === null ? ordens[0].value : d.value;
-        this.isCrescente = isCrescente;
-        this.onToggle = onToggle;
-    }
-    toggle() {
-        this.isCrescente = !this.isCrescente;
-        if (this.onToggle !== undefined)
-            this.onToggle();
-    }
-    toString() {
-        return this.colName + (!this.isCrescente ? " desc" : "");
+function valida(item, focus) {
+    if (valTextEmpty(item.nome)) {
+        focus.set('nome');
+        return 'Digite um nome válido.';
     }
+    return null;
 }
 
-function printTxt(txt) {
-    const r = "<!doctype html><head><meta charset=\"utf-8\"></head><body><div style='font-family: \"Courier New\", Courier, monospace; white-space: pre-wrap;color: black;font-weight: bold;word-wrap: break-word;word-break: break-all;overflow-wrap: break-word;'>" + txt + '</div></body>';
-    printHtml(r);
-}
-function printHtml(r) {
-    const blob = new Blob([r], { type: 'text/html' });
-    const url = window.URL.createObjectURL(blob);
-    const w = window.open(url, '_blank');
-    if (w != null)
-        w.print();
+class ProdutoGrupoFormComponent {
+    constructor() { }
+    ngOnInit() {
+    }
 }
-function selectText(ev) {
-    ev.target.select();
-}
+ProdutoGrupoFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ProdutoGrupoFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoFormComponent, selector: "app-produto-grupo-form", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"form-group\" *ngIf=\"model\">\n    <label>Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" cdkFocusInitial tabindex=\"1\">\n</div>", 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: ProdutoGrupoFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-grupo-form', template: "<div class=\"form-group\" *ngIf=\"model\">\n    <label>Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" cdkFocusInitial tabindex=\"1\">\n</div>", styles: [":host{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }] } });
 
-class PagamentoRecebimentoSearchSetting extends SearchSetting {
-    constructor() {
-        super();
-        this.exibirPagamentos = true;
-        this.exibirRecebimentos = true;
+class ProdutoCategoriaCardapioAddDialogComponent {
+    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 = {
+            id: 0,
+            nome: '',
+            isAtivo: true,
+            enviadoPC: false
+        };
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
     }
-}
-
-class OcupacaoFilterSetting extends SearchSetting {
-    constructor() {
-        super();
-        this.dom = false;
-        this.seg = false;
-        this.ter = false;
-        this.qua = false;
-        this.qui = false;
-        this.sex = false;
-        this.sab = false;
+    ngOnInit() {
+        this.focus.registerElement(this.elRef.nativeElement);
     }
-}
-
-class OcupacaoSearchSetting extends OcupacaoFilterSetting {
-    constructor() {
-        super();
-        this.dateFieldEnum = OcupacaoSearchDateField.DataBaseCaixa;
+    ngOnDestroy() {
+        this.focus.unregisterElement(this.elRef.nativeElement);
+    }
+    salvar() {
+        const valMsg = valida(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.addProdutoCategoriaCardapio(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutoCategoriaCardapioAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoCategoriaCardapioAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioAddDialogComponent, selector: "app-produto-categoria-cardapio-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Nova Categoria</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-categoria-cardapio-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Nova Categoria</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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 ProdutoCategoriaCardapioEditDialogComponent {
+    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 = valida(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProdutoCategoriaCardapio(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutoCategoriaCardapioEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoCategoriaCardapioEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioEditDialogComponent, selector: "app-produto-categoria-cardapio-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Categoria do Card\u00E1pio</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-categoria-cardapio-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Categoria do Card\u00E1pio</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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 ProdutoCategoriaCardapioSelecaoDialogComponent {
+    constructor(dialogRef, dialog, ws, notification, auth, screenHelper) {
+        this.dialogRef = dialogRef;
+        this.dialog = dialog;
+        this.ws = ws;
+        this.notification = notification;
+        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.adminProdutoGrupoAdd;
+        this.allowEdit = auth.permissoes.adminProdutoGrupoPesquisa;
+    }
+    ngOnInit() {
+        this.setting.ordem = "nome";
+        this.atualiza();
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaProdutoCategoriaCardapio(this.setting)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.items = r;
+            console.info(r);
+        }, 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(ProdutoCategoriaCardapioAddDialogComponent, {
+            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(ProdutoCategoriaCardapioEditDialogComponent, {
+            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();
+        });
+    }
+}
+ProdutoCategoriaCardapioSelecaoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioSelecaoDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoCategoriaCardapioSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioSelecaoDialogComponent, selector: "app-produto-categoria-cardapio-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</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 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)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n<!--\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-->\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.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"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioSelecaoDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-categoria-cardapio-selecao-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</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 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)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n<!--\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-->\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: i3.MatDialog }, { type: CommonWebService }, { type: NotificationService }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+
+class ProdutoGrupoAddDialogComponent {
+    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 = {
+            id: 0,
+            nome: '',
+            isAtivo: true,
+            enviadoPC: false
+        };
+        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 = valida(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.addProdutoGrupo(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutoGrupoAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoGrupoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoAddDialogComponent, selector: "app-produto-grupo-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Grupo</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-grupo-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Grupo</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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 ProdutoGrupoEditDialogComponent {
+    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 = valida(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProdutoGrupo(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutoGrupoEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoGrupoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoEditDialogComponent, selector: "app-produto-grupo-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Grupo</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-grupo-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Grupo</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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 ProdutoGrupoSelecaoDialogComponent {
+    constructor(dialogRef, dialog, ws, notification, auth, screenHelper) {
+        this.dialogRef = dialogRef;
+        this.dialog = dialog;
+        this.ws = ws;
+        this.notification = notification;
+        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.adminProdutoGrupoAdd;
+        this.allowEdit = auth.permissoes.adminProdutoGrupoPesquisa;
+    }
+    ngOnInit() {
+        this.setting.ordem = "nome";
+        this.atualiza();
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaProdutoGrupo(this.setting)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.items = r;
+            console.info(r);
+        }, 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(ProdutoGrupoAddDialogComponent, {
+            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(ProdutoGrupoEditDialogComponent, {
+            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();
+        });
+    }
+}
+ProdutoGrupoSelecaoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoSelecaoDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoGrupoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoSelecaoDialogComponent, selector: "app-produto-grupo-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</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 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)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\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.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"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoSelecaoDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-grupo-selecao-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</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 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)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\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: i3.MatDialog }, { type: CommonWebService }, { type: NotificationService }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+
+class ProdutosNcmDialogComponent {
+    constructor(dialogRef, dialog, ws, notification, screenHelper) {
+        this.dialogRef = dialogRef;
+        this.dialog = dialog;
+        this.ws = ws;
+        this.notification = notification;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.frase = '';
+        this.items = [];
+        this.selectedItem = null;
+        this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
+        this.nav = new NavegacaoSelecaoDialogUtil(this);
+        this.mobile = this.screenHelper.isMedium;
+    }
+    ngOnInit() {
+        this.atualiza();
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaNcm(this.frase)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.items = r;
+            console.info(r);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showHttpError(err);
+        });
+    }
+    selectItem(i) {
+        if (this.selectedItem === i) {
+            this.dialogRef.close(i);
+        }
+        this.selectedItem = i;
+    }
+}
+ProdutosNcmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosNcmDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutosNcmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosNcmDialogComponent, selector: "app-produtos-ncm-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</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)]=\"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 mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [codigo]=\"i.codigo\" [nome]=\"i.descricao\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\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>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosNcmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produtos-ncm-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</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)]=\"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 mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [codigo]=\"i.codigo\" [nome]=\"i.descricao\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\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>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.MatDialogRef }, { type: i3.MatDialog }, { type: CommonWebService }, { type: NotificationService }, { type: ScreenHelperService }]; } });
+
+class ProdutoSubgrupoAddDialogComponent {
+    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 = {
+            id: 0,
+            nome: '',
+            isAtivo: true,
+            enviadoPC: false
+        };
+        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 = valida(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.addProdutoSubgrupo(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutoSubgrupoAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoSubgrupoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoAddDialogComponent, selector: "app-produto-subgrupo-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Subgrupo</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-subgrupo-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Subgrupo</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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 ProdutoSubgrupoEditDialogComponent {
+    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 = valida(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProdutoSubgrupo(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutoSubgrupoEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoSubgrupoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoEditDialogComponent, selector: "app-produto-subgrupo-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Subgrupo</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-subgrupo-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Subgrupo</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-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></app-produto-grupo-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 ProdutoSubgrupoSelecaoDialogComponent {
+    constructor(dialogRef, dialog, ws, notification, auth, screenHelper) {
+        this.dialogRef = dialogRef;
+        this.dialog = dialog;
+        this.ws = ws;
+        this.notification = notification;
+        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.adminProdutoGrupoAdd;
+        this.allowEdit = auth.permissoes.adminProdutoGrupoPesquisa;
+    }
+    ngOnInit() {
+        this.setting.ordem = "nome";
+        this.atualiza();
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaProdutoSubgrupo(this.setting)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.items = r;
+            console.info(r);
+        }, 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(ProdutoSubgrupoAddDialogComponent, {
+            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(ProdutoSubgrupoEditDialogComponent, {
+            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();
+        });
+    }
+}
+ProdutoSubgrupoSelecaoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoSelecaoDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoSubgrupoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoSelecaoDialogComponent, selector: "app-produto-subgrupo-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Subgrupos</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 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)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\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.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"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoSelecaoDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-subgrupo-selecao-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Subgrupos</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 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)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\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: i3.MatDialog }, { type: CommonWebService }, { type: NotificationService }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+
+const lateralAnimation = trigger('menuLateral', [
+    transition(':enter', [
+        style({ opacity: 0 }),
+        animate('600ms', style({ 'opacity': 1 }))
+    ])
+]);
+class ProdutoFormComponent {
+    constructor(dialog, ws, http, auth, notification, screenHelper) {
+        this.dialog = dialog;
+        this.ws = ws;
+        this.http = http;
+        this.auth = auth;
+        this.notification = notification;
+        this.screenHelper = screenHelper;
+        this.cfopList = [
+            { item1: '5101', item2: 'Venda de produção do estabelecimento' },
+            { item1: '5102', item2: 'Venda de mercadoria adquirida ou recebida de terceiros' },
+            { item1: '5405', item2: 'Venda de mercadoria, adquirida ou recebida de terceiros, sujeita ao regime de substituição tributária, na condição de contribuinte-substituído' },
+            { item1: '5933', item2: 'Serviço' },
+        ];
+        this.stList = [
+            { item1: 'F', item2: 'Subs. Trib.' },
+            { item1: 'I', item2: 'Isento' },
+            { item1: 'N', item2: 'Não Tributado' },
+            { item1: 'Q', item2: 'Isento ISSQN' },
+            { item1: 'S', item2: 'Tributado ISSQN' },
+            { item1: 'T', item2: 'Tributado ICMS' },
+        ];
+        this.modBaseICMS = [
+            { item1: 0, item2: 'Margem Valor Agregado (%)' },
+            { item1: 1, item2: 'Pauta (Valor)' },
+            { item1: 2, item2: 'Preço Tabelado Máx. (valor)' },
+            { item1: 3, item2: 'Valor da operação' },
+        ];
+        this.cstICMSList = [
+            { item1: '00', item2: 'Tributada integralmente' },
+            { item1: '10', item2: 'Tributada e com cobrança do ICMS por substituição tributária' },
+            { item1: '20', item2: 'Com redução de base de cálculo' },
+            { item1: '30', item2: 'Isenta ou não tributada e com cobrança do ICMS por substituição tributária' },
+            { item1: '40', item2: 'Isenta' },
+            { item1: '41', item2: 'Não tributada' },
+            { item1: '50', item2: 'Suspensão' },
+            { item1: '51', item2: 'Diferimento' },
+            { item1: '60', item2: 'ICMS cobrado anteriormente por substituição tributária' },
+            { item1: '70', item2: 'Com redução de base de cálculo e cobrança do ICMS por substituição tributária' },
+            { item1: '90', item2: 'Outros' },
+            { item1: '101', item2: 'Tributada pelo Simples Nacional com permissão de crédito' },
+            { item1: '102', item2: 'Tributada pelo Simples Nacional sem permissão de crédito' },
+            { item1: '103', item2: 'Isenção do ICMS no Simples Nacional para faixa de receita bruta' },
+            { item1: '300', item2: 'Imune' },
+            { item1: '400', item2: 'Não tributada pelo Simples Nacional' },
+            { item1: '201', item2: 'Tributada pelo Simples Nacional com permissão de crédito e com cobrança do ICMS por Substituição Tributária' },
+            { item1: '202', item2: 'Tributada pelo Simples Nacional sem permissão de crédito e com cobrança do ICMS por Substituição Tributária' },
+            { item1: '203', item2: 'Isenção do ICMS nos Simples Nacional para faixa de receita bruta e com cobrança do ICMS por Substituição Tributária' },
+            { item1: '500', item2: 'ICMS cobrado anteriormente por substituição tributária (substituído) ou por antecipação' },
+            { item1: '900', item2: 'Outros' }
+        ];
+        this.cstCofinsList = [
+            { item1: '01', item2: ' Operação Tributável (base de cálculo = valor da operação alíquota normal (cumulativo/não cumulativo));' },
+            { item1: '02', item2: ' Operação Tributável (base de cálculo = valor da operação (alíquota diferenciada));' },
+            { item1: '03', item2: ' Operação Tributável (base de cálculo = quantidade vendida x alíquota por unidade de produto);' },
+            { item1: '04', item2: ' Operação Tributável (tributação monofásica (alíquota zero));' },
+            { item1: '05', item2: ' Operação Tributável (Substituição Tributária);' },
+            { item1: '06', item2: ' Operação Tributável (alíquota zero);' },
+            { item1: '07', item2: ' Operação Isenta da Contribuição;' },
+            { item1: '08', item2: ' Operação Sem Incidência da Contribuição;' },
+            { item1: '09', item2: ' Operação com Suspensão da Contribuição;' },
+            { item1: '99', item2: ' Outras Operações;' },
+            { item1: '49', item2: ' Outras Operações de Saída; ' },
+            { item1: '50', item2: ' Operação com Direito a Crédito  Vinculada Exclusivamente a Receita Tributada no Mercado Interno; ' },
+            { item1: '51', item2: ' Operação com Direito a Crédito  Vinculada Exclusivamente a Receita Não Tributada no Mercado Interno ;' },
+            { item1: '52', item2: ' Operação com Direito a Crédito  Vinculada Exclusivamente a Receita de Exportação; ' },
+            { item1: '53', item2: ' Operação com Direito a Crédito  Vinculada a Receitas Tributadas e NãoTributadas no Mercado Interno; ' },
+            { item1: '54', item2: ' Operação com Direito a Crédito  Vinculada a Receitas Tributadas no Mercado Interno e de Exportação ;' },
+            { item1: '55', item2: ' Operação com Direito a Crédito  Vinculada a Receitas NãoTributadas no Mercado Interno e de Exportação; ' },
+            { item1: '56', item2: ' Operação com Direito a Crédito  Vinculada a Receitas Tributadas e NãoTributadas no Mercado Interno, e de Exportação;' },
+            { item1: '60', item2: ' Crédito Presumido  Operação de Aquisição Vinculada Exclusivamente a Receita Tributada no Mercado Interno; ' },
+            { item1: '61', item2: ' Crédito Presumido  Operação de Aquisição Vinculada Exclusivamente a Receita Não Tributada no Mercado Interno; ' },
+            { item1: '62', item2: ' Crédito Presumido  Operação de Aquisição Vinculada Exclusivamente a Receita de Exportação; ' },
+            { item1: '63', item2: ' Crédito Presumido  Operação de Aquisição Vinculada a Receitas Tributadas e NãoTributadas no Mercado Interno; ' },
+            { item1: '64', item2: ' Crédito Presumido  Operação de Aquisição Vinculada a Receitas Tributadas no Mercado Interno e de Exportação; ' },
+            { item1: '65', item2: ' Crédito Presumido  Operação de Aquisição Vinculada a Receitas NãoTributadas no Mercado Interno e de Exportação; ' },
+            { item1: '66', item2: ' Crédito Presumido  Operação de Aquisição Vinculada a Receitas Tributadas e NãoTributadas no Mercado Interno, e de Exportação; ' },
+            { item1: '67', item2: ' Crédito Presumido  Outras Operações; ' },
+            { item1: '70', item2: ' Operação de Aquisição sem Direito a Crédito; ' },
+            { item1: '71', item2: ' Operação de Aquisição com Isenção; ' },
+            { item1: '72', item2: ' Operação de Aquisição com Suspensão; ' },
+            { item1: '73', item2: ' Operação de Aquisição a Alíquota Zero; ' },
+            { item1: '74', item2: ' Operação de Aquisição sem Incidência da Contribuição; ' },
+            { item1: '75', item2: ' Operação de Aquisição por Substituição Tributária;' },
+            { item1: '98', item2: ' Outras Operações de Entrada;' },
+        ];
+        this.ncmEncontrado = false;
+        this.ncmNaoEncontrado = false;
+        this.isBusy = false;
+        this.pRedBCEfet_icmsParser = new NumberParser(v => this.model.pRedBCEfet_icms = v, () => this.model.pRedBCEfet_icms);
+        this.picmsEfet_icmsParser = new NumberParser(v => this.model.picmsEfet_icms = v, () => this.model.picmsEfet_icms);
+        this.vbcEfet_icmsParser = new NumberParser(v => this.model.vbcEfet_icms = v, () => this.model.vbcEfet_icms);
+        this.vicmsEfet_icmsParser = new NumberParser(v => this.model.vicmsEfet_icms = v, () => this.model.vicmsEfet_icms);
+        this.psT_icmsParser = new NumberParser(v => this.model.psT_icms = v, () => this.model.psT_icms);
+        this.vbcstRet_icmsParser = new NumberParser(v => this.model.vbcstRet_icms = v, () => this.model.vbcstRet_icms);
+        this.vicmsSubstituto_icmsParser = new NumberParser(v => this.model.vicmsSubstituto_icms = v, () => this.model.vicmsSubstituto_icms);
+        this.vicmsstRet_icmsParser = new NumberParser(v => this.model.vicmsstRet_icms = v, () => this.model.vicmsstRet_icms);
+        this.pfcP_icmsParser = new NumberParser(v => this.model.pfcP_icms = v, () => this.model.pfcP_icms);
+        this.vbcfcP_icmsParser = new NumberParser(v => this.model.vbcfcP_icms = v, () => this.model.vbcfcP_icms);
+        this.pfcpsT_icmsParser = new NumberParser(v => this.model.pfcpsT_icms = v, () => this.model.pfcpsT_icms);
+        this.vbcfcpsT_icmsParser = new NumberParser(v => this.model.vbcfcpsT_icms = v, () => this.model.vbcfcpsT_icms);
+        this.pfcpstRet_icmsParser = new NumberParser(v => this.model.pfcpstRet_icms = v, () => this.model.pfcpstRet_icms);
+        this.vbcfcpstRet_icmsParser = new NumberParser(v => this.model.vbcfcpstRet_icms = v, () => this.model.vbcfcpstRet_icms);
+        this.ppiS_pisParser = new NumberParser(v => this.model.ppiS_pis = v, () => this.model.ppiS_pis);
+        this.vbC_pisParser = new NumberParser(v => this.model.vbC_pis = v, () => this.model.vbC_pis);
+        this.pcofinS_cofinsParser = new NumberParser(v => this.model.pcofinS_cofins = v, () => this.model.pcofinS_cofins);
+        this.vbC_cofinsParser = new NumberParser(v => this.model.vbC_cofins = v, () => this.model.vbC_cofins);
+        this.precoVendaParser = new NumberParser((v) => this.model.precoVenda = v !== null && v !== void 0 ? v : 0, () => this.model.precoVenda);
+        this.precoCustoParser = new NumberParser((v) => this.model.precoCusto = v !== null && v !== void 0 ? v : 0, () => this.model.precoCusto);
+        this.precoFuncParser = new NumberParser((v) => this.model.precoFuncionario = v !== null && v !== void 0 ? v : 0, () => this.model.precoFuncionario);
+        this.pICMS_icmsParser = new NumberParser((v) => this.model.pICMS_icms = v, () => this.model.pICMS_icms);
+        this.lazyTriggerNcm = new LazyTrigger(() => { this.findNCM(); });
+        this.editMode = false;
+        this.nextIdClick = new EventEmitter();
+        this.progress = 0;
+        this.message = '';
+        this._model = createProduct();
+        this.tabs = [
+            { name: "Campos Gerais", value: 0 },
+            { name: "Campos Fiscais", value: 1 },
+            { name: "Cardápio Digital", value: 2 }
+        ];
+        this.selectedTab = 0;
+        this.setores = [];
+    }
+    get model() {
+        return this._model;
+    }
+    set model(value) {
+        this._model = value;
+        this.setImgUrl();
+        this.findNCM();
+    }
+    ngOnInit() {
+        this.loadSetores();
+    }
+    loadSetores() {
+        this.isBusy = true;
+        this.ws.getAllSetores()
+            .subscribe(r => {
+            this.setores = r;
+            console.info(r);
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showHttpError(err);
+        });
+    }
+    editarNCM() {
+        let height = (window.innerHeight * 0.95) + 'px';
+        let width = 550 + 'px';
+        if (this.screenHelper.mobileScreen) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        let dialogRef = this.dialog.open(ProdutosNcmDialogComponent, {
+            height: height,
+            width: width,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result == undefined)
+                return;
+            if (!this.model)
+                return;
+            this.model.ncm = result.codigoApenasDigitos;
+            this.lazyTriggerNcm.fire();
+        });
+    }
+    editarSubgrupo() {
+        let height = (window.innerHeight * 0.95) + 'px';
+        let width = 550 + 'px';
+        if (this.screenHelper.mobileScreen) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        let dialogRef = this.dialog.open(ProdutoSubgrupoSelecaoDialogComponent, {
+            height: height,
+            width: width,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result == undefined)
+                return;
+            if (!this.model)
+                return;
+            this.model.subgrupoId = result.id;
+            this.model.subgrupoNome = result.nome;
+        });
+    }
+    editarGrupo() {
+        let height = (window.innerHeight * 0.95) + 'px';
+        let width = 550 + 'px';
+        if (this.screenHelper.mobileScreen) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        let dialogRef = this.dialog.open(ProdutoGrupoSelecaoDialogComponent, {
+            height: height,
+            width: width,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result == undefined)
+                return;
+            if (!this.model)
+                return;
+            this.model.grupoId = result.id;
+            this.model.grupoNome = result.nome;
+        });
+    }
+    editarCategoriaCardapio() {
+        let height = (window.innerHeight * 0.95) + 'px';
+        let width = 550 + 'px';
+        if (this.screenHelper.mobileScreen) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        let dialogRef = this.dialog.open(ProdutoCategoriaCardapioSelecaoDialogComponent, {
+            height: height,
+            width: width,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result == undefined)
+                return;
+            if (!this.model)
+                return;
+            this.model.categoriaCardapioId = result.id;
+            this.model.categoriaCardapioNome = result.nome;
+        });
+    }
+    changeModo(ev) {
+        this.selectedTab = ev.value;
+    }
+    uploadFile(files) {
+        if (!this.model)
+            return;
+        if (files.length === 0) {
+            return;
+        }
+        let fileToUpload = files[0];
+        const formData = new FormData();
+        formData.append('file', fileToUpload, fileToUpload.name);
+        this.http.post(this.ws.PRODUTO_BASE_URL + "Imagem?produtoId=" + this.model.id, formData, {
+            reportProgress: true,
+            observe: 'events',
+            headers: {
+                "Authorization": 'token ' + this.auth.token,
+            }
+        })
+            .subscribe(event => {
+            var _a;
+            if (event.type === HttpEventType.UploadProgress) {
+                const total = (_a = event.total) !== null && _a !== void 0 ? _a : -1;
+                this.progress = Math.round(100 * event.loaded / total);
+            }
+            else if (event.type === HttpEventType.Response) {
+                this.message = 'Sucesso';
+                this.imgUrl = undefined;
+                setTimeout(() => {
+                    this.setImgUrl(new Date().getMinutes() + "");
+                }, 1000);
+            }
+        }, err => {
+            const httpError = err;
+            this.message = httpError.error;
+        });
+    }
+    setImgUrl(upload = undefined) {
+        if (!this.model)
+            return;
+        this.imgUrl = this.ws.MEDIA_PRODUTO_IMAGEM_URL +
+            '?produtoId=' + this.model.id +
+            '&token=' + this.auth.token +
+            (upload !== undefined ? '&upload=' + upload : '');
+    }
+    findNCM() {
+        this.ncmEncontrado = false;
+        this.ncmNaoEncontrado = false;
+        if (!this.model)
+            return;
+        if (!this.model.ncm)
+            return;
+        this.isBusy = true;
+        this.ws.findNcm(this.model.ncm)
+            .subscribe(r => {
+            this.ncmEncontrado = r != null;
+            this.ncmNaoEncontrado = r == null;
+            console.info(r);
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showHttpError(err);
+        });
+    }
+}
+ProdutoFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoFormComponent, deps: [{ token: i3.MatDialog }, { token: CommonWebService }, { token: i1.HttpClient }, { token: AuthDataService }, { token: NotificationService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoFormComponent, selector: "app-produto-form", inputs: { editMode: "editMode", model: "model" }, outputs: { nextIdClick: "nextIdClick" }, ngImport: i0, template: "<div style=\"margin-bottom: 16px\">\n    <ox-radio-button-group (change)=\"changeModo($event)\" [items]=\"tabs\" class=\"tool-item-container\">\n    </ox-radio-button-group>\n</div>\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 0\">\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>C\u00F3digo</label>\n            <div class=\"hbox\">\n                <input id=\"id\" [attr.readonly]=\"editMode\" [(ngModel)]=\"model.id\" class=\"form-control input-120\"\n                    tabindex=\"2\">\n                <button (click)=\"nextIdClick.emit()\" *ngIf=\"!editMode\" class=\"form-inline-button btn-form-margin\">\n                    <span class=\"material-icons\">\n                        lightbulb\n                    </span>\n                </button>\n            </div>\n        </div>\n        <div class=\"form-group margin-left-8\">\n            <label>Refer\u00EAncia</label>\n            <input id=\"referencia\" [(ngModel)]=\"model.referencia\" class=\"form-control input-120\" tabindex=\"2\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Nome</label>\n        <input id=\"nome\" [(ngModel)]=\"model.nome\" cdkFocusInitial class=\"form-control input-300\" tabindex=\"2\">\n    </div>\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>Pre\u00E7o de Venda</label>\n            <input id=\"precoVenda\" [ngModel]=\"model.precoVenda | number:'1.2-2'\"\n                (ngModelChange)=\"precoVendaParser.parse($event)\" (focusout)=\"precoVendaParser.checkout()\"\n                class=\"form-control input-100 text-right\" tabindex=\"2\">\n        </div>\n        <div class=\"form-group  margin-left-8\">\n            <label>Pre\u00E7o p/ Func.</label>\n            <input id=\"precoFuncionario\" [ngModel]=\"model.precoFuncionario | number:'1.2-2'\"\n                (ngModelChange)=\"precoFuncParser.parse($event)\" (focusout)=\"precoFuncParser.checkout()\"\n                class=\"form-control input-100 text-right\" tabindex=\"2\">\n        </div>\n        <div class=\"form-group  margin-left-8\">\n            <label>Pre\u00E7o de Custo</label>\n            <input id=\"precoCusto\" [ngModel]=\"model.precoCusto | number:'1.2-2'\"\n                (ngModelChange)=\"precoCustoParser.parse($event)\" (focusout)=\"precoCustoParser.checkout()\"\n                class=\"form-control input-100 text-right\" tabindex=\"2\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Grupo</label>\n        <div class=\"hbox\">\n            <div id=\"grupo\" (click)=\"editarGrupo()\" class=\"form-control grow-1 input-selecao input-300\">\n                {{model.grupoNome}} </div>\n            <button (click)=\"editarGrupo()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Subgrupo</label>\n        <div class=\"hbox\">\n            <div id=\"subgrupo\" (click)=\"editarSubgrupo()\" class=\"form-control grow-1 input-selecao input-300\">\n                {{model.subgrupoNome}} </div>\n            <button (click)=\"editarSubgrupo()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>Unidade</label>\n            <input id=\"unidade\" [(ngModel)]=\"model.unidade\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group\">\n            <label>Estoque Min.</label>\n            <input id=\"estoqueMinimo\" [(ngModel)]=\"model.estoqueMinimo\" class=\"form-control input-120\">\n        </div>\n    </div>\n\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>C\u00F3digo Patrim\u00F4nio</label>\n            <input id=\"codigoPatrimonio\" [(ngModel)]=\"model.codigoPatrimonio\" class=\"form-control input-120\"\n                maxlength=\"36\">\n        </div>\n        <div class=\"form-group\">\n            <label>Obs.</label>\n            <input id=\"obs\" [(ngModel)]=\"model.obs\" class=\"form-control input-300\" maxlength=\"300\">\n        </div>\n    </div>\n    \n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>Setor Subestoque</label>\n            <mat-select [(value)]=\"model.setorSubEstoqueId\" class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of setores\" [value]=\"i.id\">\n                    {{i.nome}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Qtd. Subestoque</label>\n            <input id=\"qtdMinSubEstoque\" [(ngModel)]=\"model.qtdMinSubEstoque\" class=\"form-control input-120 text-right\">\n        </div>\n    </div>\n    <div class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.estoqueControlado\" tabindex=-1>Controlado no Estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimiCozinha\" tabindex=-1>Imprime Cozinha</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimeCorredor\" tabindex=-1>Imprime Corredor</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.verNaRecepcao\" tabindex=-1>Ver na Recep\u00E7\u00E3o</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.omiteCliente\" tabindex=-1>N\u00E3o Exibe para o Cliente na Sa\u00EDda\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.isAtivo\" tabindex=-1>Ativado</mat-slide-toggle>\n    </div>\n\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 1\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.emiteNFCe\" tabindex=-1>Emite Fiscal\n        </mat-slide-toggle>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>GTIN</label>\n            <input id=\"gtin\" [(ngModel)]=\"model.gtin\" class=\"form-control input-120\" placeholder=\"SEM GTIN\"\n                maxlength=\"14\">\n        </div>\n        <div class=\"form-group\">\n            <label>CFOP</label>\n            <input id=\"cfop\" [(ngModel)]=\"model.cfop\" [matAutocomplete]=\"auto\" matInput class=\"form-control input-100\"\n                maxlength=\"4\">\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of cfopList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n        <div class=\"form-group\">\n            <label>NCM</label>\n            <div class=\"hbox\">\n                <input id=\"ncm\" (input)=\"lazyTriggerNcm.fire()\" [(ngModel)]=\"model.ncm\" class=\"form-control input-100\"\n                    maxlength=\"8\">\n                <button (click)=\"editarNCM()\" class=\"form-inline-button btn-form-margin\">\n                    <span class=\"material-icons\">\n                        search\n                    </span>\n                </button>\n                <span class=\"badge buscando\" *ngIf=\"isBusy\">Buscando...</span>\n                <span class=\"badge encontrado\" *ngIf=\"ncmEncontrado\">Encontrado</span>\n                <span class=\"badge nao-encontrado\" *ngIf=\"ncmNaoEncontrado\">N\u00E3o encontrado</span>\n            </div>\n        </div>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CEST</label>\n            <input id=\"cest\" [(ngModel)]=\"model.cest\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"7\">\n        </div>\n        <div class=\"form-group\">\n            <label>ICMS (ECF/SAT)</label>\n            <input id=\"aliquotaICMS\" [(ngModel)]=\"model.aliquotaICMS\" autocomplete=\"off\" class=\"form-control input-100 text-right\"\n                maxlength=\"5\">\n        </div>\n        <div class=\"form-group\">\n            <label>S. T. (ECF/SAT)</label>\n            <input id=\"sitTrib\" [(ngModel)]=\"model.sitTrib\" autocomplete=\"off\" [matAutocomplete]=\"autoST\" matInput\n                class=\"form-control input-120\" maxlength=\"5\">\n            <mat-autocomplete #autoST=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of stList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n    </div>\n    <h4>Campos da NFC-e</h4>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/CSOSN</label>\n            <mat-select [(value)]=\"model.csT_icms\"  class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of cstICMSList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. ICMS (%)</label>\n            <input id=\"pICMS_icms\" [ngModel]=\"model.pICMS_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pICMS_icmsParser.parse($event)\" (focusout)=\"pICMS_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>Modalidade BC</label>\n            <mat-select [(value)]=\"model.modBC_icms\" class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of modBaseICMS\" [value]=\"i.item1\">\n                    {{i.item1}} <small>{{i.item2}}</small>\n                </mat-option>\n            </mat-select>\n        </div>\n    </div>\n    <h6>ICMS Efetivo CST60/CSOSN500</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pRedBCEfet (%)</label>\n            <input id=\"pRedBCEfet_icms\" [ngModel]=\"model.pRedBCEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pRedBCEfet_icmsParser.parse($event)\" (focusout)=\"pRedBCEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pICMSEfet (%)</label>\n            <input id=\"picmsEfet_icms\" [ngModel]=\"model.picmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"picmsEfet_icmsParser.parse($event)\" (focusout)=\"picmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCEfet (R$)</label>\n            <input id=\"vbcEfet_icms\" [ngModel]=\"model.vbcEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcEfet_icmsParser.parse($event)\" (focusout)=\"vbcEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSEfet (R$)</label>\n            <input id=\"vicmsEfet_icms\" [ngModel]=\"model.vicmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsEfet_icmsParser.parse($event)\" (focusout)=\"vicmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Substitui\u00E7\u00E3o Tribut\u00E1ria (ST)</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pST (%)</label>\n            <input id=\"psT_icms\" [ngModel]=\"model.psT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"psT_icmsParser.parse($event)\" (focusout)=\"psT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCSTRet (R$)</label>\n            <input id=\"vbcstRet_icms\" [ngModel]=\"model.vbcstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcstRet_icmsParser.parse($event)\" (focusout)=\"vbcstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSubs (R$)</label>\n            <input id=\"vicmsSubstituto_icms\" [ngModel]=\"model.vicmsSubstituto_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsSubstituto_icmsParser.parse($event)\"\n                (focusout)=\"vicmsSubstituto_icmsParser.checkout()\" class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSTRet (R$)</label>\n            <input id=\"vicmsstRet_icms\" [ngModel]=\"model.vicmsstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsstRet_icmsParser.parse($event)\" (focusout)=\"vicmsstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Fundo de Combate a Pobresa</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pFCP (%)</label>\n            <input id=\"pfcP_icms\" [ngModel]=\"model.pfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcP_icmsParser.parse($event)\" (focusout)=\"pfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCP (R$)</label>\n            <input id=\"vbcfcP_icms\" [ngModel]=\"model.vbcfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcP_icmsParser.parse($event)\" (focusout)=\"vbcfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPST (%)</label>\n            <input id=\"pfcpsT_icms\" [ngModel]=\"model.pfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpsT_icmsParser.parse($event)\" (focusout)=\"pfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPST (R$)</label>\n            <input id=\"vbcfcpsT_icms\" [ngModel]=\"model.vbcfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpsT_icmsParser.parse($event)\" (focusout)=\"vbcfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPSTRet (%)</label>\n            <input id=\"pfcpstRet_icms\" [ngModel]=\"model.pfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpstRet_icmsParser.parse($event)\" (focusout)=\"pfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPSTRet (R$)</label>\n            <input id=\"vbcfcpstRet_icms\" [ngModel]=\"model.vbcfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpstRet_icmsParser.parse($event)\" (focusout)=\"vbcfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>PIS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/PIS</label>\n            <mat-select [(value)]=\"model.csT_pis\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliquota PIS (%)</label>\n            <input id=\"ppiS_pis\" [ngModel]=\"model.ppiS_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"ppiS_pisParser.parse($event)\" (focusout)=\"ppiS_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>PIS BC %</label>\n            <input id=\"vbC_pis\" [ngModel]=\"model.vbC_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_pisParser.parse($event)\" (focusout)=\"vbC_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    \n    <h6>COFINS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/COFINS</label>\n            <mat-select [(value)]=\"model.csT_cofins\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. COFINS (%)</label>\n            <input id=\"pcofinS_cofins\" [ngModel]=\"model.pcofinS_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pcofinS_cofinsParser.parse($event)\" (focusout)=\"pcofinS_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>COFINS BC %</label>\n            <input id=\"vbC_cofins\" [ngModel]=\"model.vbC_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_cofinsParser.parse($event)\" (focusout)=\"vbC_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 2\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.disponivelCardapio\" tabindex=-1>Dispon\u00EDvel no Card\u00E1pio Digital\n        </mat-slide-toggle>\n    </div>\n    <div class=\"form-group\">\n        <label>Descri\u00E7\u00E3o</label>\n        <textarea id=\"descricao\" [(ngModel)]=\"model.descricao\" cols=\"40\" rows=\"5\" class=\"form-control input-300\"\n            tabindex=\"2\"></textarea>\n    </div>\n    <div class=\"form-group\">\n        <label>Categoria</label>\n        <div class=\"hbox\">\n            <div id=\"categoriaCardapio\" (click)=\"editarCategoriaCardapio()\"\n                class=\"form-control grow-1 input-selecao input-300\">\n                {{model.categoriaCardapioNome}} </div>\n            <button (click)=\"editarCategoriaCardapio()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n    <div class=\"imagem-container\" *ngIf=\"editMode\">\n        <img [src]=\"imgUrl\" class=\"img-fluid\" *ngIf=\"imgUrl\" />\n\n        <input type=\"file\" #file placeholder=\"Choose file\" (change)=\"uploadFile(file.files)\" accept=\".jpg,.png\"\n            style=\"display: none;\">\n\n        <button mat-button color=\"primary\" type=\"button\" (click)=\"file.click()\">Escolher Imagem</button>\n\n        <span class=\"upload\" *ngIf=\"progress > 0\">\n            {{progress}}%\n        </span>\n        <span class=\"upload\" *ngIf=\"message\">\n            {{message}}\n        </span>\n    </div>\n\n</div>", styles: [".imagem-container{border:1px solid #ced4da;display:flex;flex-direction:column;border-radius:9px;max-width:460px}small{font-size:xx-small}.badge{color:#fff;font-size:xx-small;display:flex;align-items:center;padding:4px;border-radius:13px;margin-left:2px}.badge.encontrado{background:#05a301;border:1px solid #28d112}.badge.nao-encontrado{background:#a30101;border:1px solid #d17812}.badge.buscando{background:#929292;border:1px solid #a3a3a3}h6{margin:8px 0;color:#666}\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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i12.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i12.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: RadioButtonGroupComponent, selector: "ox-radio-button-group", inputs: ["selectedItem", "items"], outputs: ["change"] }, { kind: "pipe", type: i6.DecimalPipe, name: "number" }], animations: [lateralAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-form', animations: [lateralAnimation], template: "<div style=\"margin-bottom: 16px\">\n    <ox-radio-button-group (change)=\"changeModo($event)\" [items]=\"tabs\" class=\"tool-item-container\">\n    </ox-radio-button-group>\n</div>\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 0\">\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>C\u00F3digo</label>\n            <div class=\"hbox\">\n                <input id=\"id\" [attr.readonly]=\"editMode\" [(ngModel)]=\"model.id\" class=\"form-control input-120\"\n                    tabindex=\"2\">\n                <button (click)=\"nextIdClick.emit()\" *ngIf=\"!editMode\" class=\"form-inline-button btn-form-margin\">\n                    <span class=\"material-icons\">\n                        lightbulb\n                    </span>\n                </button>\n            </div>\n        </div>\n        <div class=\"form-group margin-left-8\">\n            <label>Refer\u00EAncia</label>\n            <input id=\"referencia\" [(ngModel)]=\"model.referencia\" class=\"form-control input-120\" tabindex=\"2\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Nome</label>\n        <input id=\"nome\" [(ngModel)]=\"model.nome\" cdkFocusInitial class=\"form-control input-300\" tabindex=\"2\">\n    </div>\n    <div class=\"hbox\">\n        <div class=\"form-group\">\n            <label>Pre\u00E7o de Venda</label>\n            <input id=\"precoVenda\" [ngModel]=\"model.precoVenda | number:'1.2-2'\"\n                (ngModelChange)=\"precoVendaParser.parse($event)\" (focusout)=\"precoVendaParser.checkout()\"\n                class=\"form-control input-100 text-right\" tabindex=\"2\">\n        </div>\n        <div class=\"form-group  margin-left-8\">\n            <label>Pre\u00E7o p/ Func.</label>\n            <input id=\"precoFuncionario\" [ngModel]=\"model.precoFuncionario | number:'1.2-2'\"\n                (ngModelChange)=\"precoFuncParser.parse($event)\" (focusout)=\"precoFuncParser.checkout()\"\n                class=\"form-control input-100 text-right\" tabindex=\"2\">\n        </div>\n        <div class=\"form-group  margin-left-8\">\n            <label>Pre\u00E7o de Custo</label>\n            <input id=\"precoCusto\" [ngModel]=\"model.precoCusto | number:'1.2-2'\"\n                (ngModelChange)=\"precoCustoParser.parse($event)\" (focusout)=\"precoCustoParser.checkout()\"\n                class=\"form-control input-100 text-right\" tabindex=\"2\">\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Grupo</label>\n        <div class=\"hbox\">\n            <div id=\"grupo\" (click)=\"editarGrupo()\" class=\"form-control grow-1 input-selecao input-300\">\n                {{model.grupoNome}} </div>\n            <button (click)=\"editarGrupo()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n    <div class=\"form-group\">\n        <label>Subgrupo</label>\n        <div class=\"hbox\">\n            <div id=\"subgrupo\" (click)=\"editarSubgrupo()\" class=\"form-control grow-1 input-selecao input-300\">\n                {{model.subgrupoNome}} </div>\n            <button (click)=\"editarSubgrupo()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>Unidade</label>\n            <input id=\"unidade\" [(ngModel)]=\"model.unidade\" class=\"form-control input-120\">\n        </div>\n        <div class=\"form-group\">\n            <label>Estoque Min.</label>\n            <input id=\"estoqueMinimo\" [(ngModel)]=\"model.estoqueMinimo\" class=\"form-control input-120\">\n        </div>\n    </div>\n\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>C\u00F3digo Patrim\u00F4nio</label>\n            <input id=\"codigoPatrimonio\" [(ngModel)]=\"model.codigoPatrimonio\" class=\"form-control input-120\"\n                maxlength=\"36\">\n        </div>\n        <div class=\"form-group\">\n            <label>Obs.</label>\n            <input id=\"obs\" [(ngModel)]=\"model.obs\" class=\"form-control input-300\" maxlength=\"300\">\n        </div>\n    </div>\n    \n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>Setor Subestoque</label>\n            <mat-select [(value)]=\"model.setorSubEstoqueId\" class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of setores\" [value]=\"i.id\">\n                    {{i.nome}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Qtd. Subestoque</label>\n            <input id=\"qtdMinSubEstoque\" [(ngModel)]=\"model.qtdMinSubEstoque\" class=\"form-control input-120 text-right\">\n        </div>\n    </div>\n    <div class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.estoqueControlado\" tabindex=-1>Controlado no Estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimiCozinha\" tabindex=-1>Imprime Cozinha</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimeCorredor\" tabindex=-1>Imprime Corredor</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.verNaRecepcao\" tabindex=-1>Ver na Recep\u00E7\u00E3o</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.omiteCliente\" tabindex=-1>N\u00E3o Exibe para o Cliente na Sa\u00EDda\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.isAtivo\" tabindex=-1>Ativado</mat-slide-toggle>\n    </div>\n\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 1\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.emiteNFCe\" tabindex=-1>Emite Fiscal\n        </mat-slide-toggle>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>GTIN</label>\n            <input id=\"gtin\" [(ngModel)]=\"model.gtin\" class=\"form-control input-120\" placeholder=\"SEM GTIN\"\n                maxlength=\"14\">\n        </div>\n        <div class=\"form-group\">\n            <label>CFOP</label>\n            <input id=\"cfop\" [(ngModel)]=\"model.cfop\" [matAutocomplete]=\"auto\" matInput class=\"form-control input-100\"\n                maxlength=\"4\">\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of cfopList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n        <div class=\"form-group\">\n            <label>NCM</label>\n            <div class=\"hbox\">\n                <input id=\"ncm\" (input)=\"lazyTriggerNcm.fire()\" [(ngModel)]=\"model.ncm\" class=\"form-control input-100\"\n                    maxlength=\"8\">\n                <button (click)=\"editarNCM()\" class=\"form-inline-button btn-form-margin\">\n                    <span class=\"material-icons\">\n                        search\n                    </span>\n                </button>\n                <span class=\"badge buscando\" *ngIf=\"isBusy\">Buscando...</span>\n                <span class=\"badge encontrado\" *ngIf=\"ncmEncontrado\">Encontrado</span>\n                <span class=\"badge nao-encontrado\" *ngIf=\"ncmNaoEncontrado\">N\u00E3o encontrado</span>\n            </div>\n        </div>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CEST</label>\n            <input id=\"cest\" [(ngModel)]=\"model.cest\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"7\">\n        </div>\n        <div class=\"form-group\">\n            <label>ICMS (ECF/SAT)</label>\n            <input id=\"aliquotaICMS\" [(ngModel)]=\"model.aliquotaICMS\" autocomplete=\"off\" class=\"form-control input-100 text-right\"\n                maxlength=\"5\">\n        </div>\n        <div class=\"form-group\">\n            <label>S. T. (ECF/SAT)</label>\n            <input id=\"sitTrib\" [(ngModel)]=\"model.sitTrib\" autocomplete=\"off\" [matAutocomplete]=\"autoST\" matInput\n                class=\"form-control input-120\" maxlength=\"5\">\n            <mat-autocomplete #autoST=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of stList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n    </div>\n    <h4>Campos da NFC-e</h4>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/CSOSN</label>\n            <mat-select [(value)]=\"model.csT_icms\"  class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of cstICMSList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. ICMS (%)</label>\n            <input id=\"pICMS_icms\" [ngModel]=\"model.pICMS_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pICMS_icmsParser.parse($event)\" (focusout)=\"pICMS_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>Modalidade BC</label>\n            <mat-select [(value)]=\"model.modBC_icms\" class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of modBaseICMS\" [value]=\"i.item1\">\n                    {{i.item1}} <small>{{i.item2}}</small>\n                </mat-option>\n            </mat-select>\n        </div>\n    </div>\n    <h6>ICMS Efetivo CST60/CSOSN500</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pRedBCEfet (%)</label>\n            <input id=\"pRedBCEfet_icms\" [ngModel]=\"model.pRedBCEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pRedBCEfet_icmsParser.parse($event)\" (focusout)=\"pRedBCEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pICMSEfet (%)</label>\n            <input id=\"picmsEfet_icms\" [ngModel]=\"model.picmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"picmsEfet_icmsParser.parse($event)\" (focusout)=\"picmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCEfet (R$)</label>\n            <input id=\"vbcEfet_icms\" [ngModel]=\"model.vbcEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcEfet_icmsParser.parse($event)\" (focusout)=\"vbcEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSEfet (R$)</label>\n            <input id=\"vicmsEfet_icms\" [ngModel]=\"model.vicmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsEfet_icmsParser.parse($event)\" (focusout)=\"vicmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Substitui\u00E7\u00E3o Tribut\u00E1ria (ST)</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pST (%)</label>\n            <input id=\"psT_icms\" [ngModel]=\"model.psT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"psT_icmsParser.parse($event)\" (focusout)=\"psT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCSTRet (R$)</label>\n            <input id=\"vbcstRet_icms\" [ngModel]=\"model.vbcstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcstRet_icmsParser.parse($event)\" (focusout)=\"vbcstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSubs (R$)</label>\n            <input id=\"vicmsSubstituto_icms\" [ngModel]=\"model.vicmsSubstituto_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsSubstituto_icmsParser.parse($event)\"\n                (focusout)=\"vicmsSubstituto_icmsParser.checkout()\" class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSTRet (R$)</label>\n            <input id=\"vicmsstRet_icms\" [ngModel]=\"model.vicmsstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsstRet_icmsParser.parse($event)\" (focusout)=\"vicmsstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Fundo de Combate a Pobresa</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pFCP (%)</label>\n            <input id=\"pfcP_icms\" [ngModel]=\"model.pfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcP_icmsParser.parse($event)\" (focusout)=\"pfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCP (R$)</label>\n            <input id=\"vbcfcP_icms\" [ngModel]=\"model.vbcfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcP_icmsParser.parse($event)\" (focusout)=\"vbcfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPST (%)</label>\n            <input id=\"pfcpsT_icms\" [ngModel]=\"model.pfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpsT_icmsParser.parse($event)\" (focusout)=\"pfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPST (R$)</label>\n            <input id=\"vbcfcpsT_icms\" [ngModel]=\"model.vbcfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpsT_icmsParser.parse($event)\" (focusout)=\"vbcfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPSTRet (%)</label>\n            <input id=\"pfcpstRet_icms\" [ngModel]=\"model.pfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpstRet_icmsParser.parse($event)\" (focusout)=\"pfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPSTRet (R$)</label>\n            <input id=\"vbcfcpstRet_icms\" [ngModel]=\"model.vbcfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpstRet_icmsParser.parse($event)\" (focusout)=\"vbcfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>PIS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/PIS</label>\n            <mat-select [(value)]=\"model.csT_pis\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliquota PIS (%)</label>\n            <input id=\"ppiS_pis\" [ngModel]=\"model.ppiS_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"ppiS_pisParser.parse($event)\" (focusout)=\"ppiS_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>PIS BC %</label>\n            <input id=\"vbC_pis\" [ngModel]=\"model.vbC_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_pisParser.parse($event)\" (focusout)=\"vbC_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    \n    <h6>COFINS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/COFINS</label>\n            <mat-select [(value)]=\"model.csT_cofins\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. COFINS (%)</label>\n            <input id=\"pcofinS_cofins\" [ngModel]=\"model.pcofinS_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pcofinS_cofinsParser.parse($event)\" (focusout)=\"pcofinS_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>COFINS BC %</label>\n            <input id=\"vbC_cofins\" [ngModel]=\"model.vbC_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_cofinsParser.parse($event)\" (focusout)=\"vbC_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 2\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.disponivelCardapio\" tabindex=-1>Dispon\u00EDvel no Card\u00E1pio Digital\n        </mat-slide-toggle>\n    </div>\n    <div class=\"form-group\">\n        <label>Descri\u00E7\u00E3o</label>\n        <textarea id=\"descricao\" [(ngModel)]=\"model.descricao\" cols=\"40\" rows=\"5\" class=\"form-control input-300\"\n            tabindex=\"2\"></textarea>\n    </div>\n    <div class=\"form-group\">\n        <label>Categoria</label>\n        <div class=\"hbox\">\n            <div id=\"categoriaCardapio\" (click)=\"editarCategoriaCardapio()\"\n                class=\"form-control grow-1 input-selecao input-300\">\n                {{model.categoriaCardapioNome}} </div>\n            <button (click)=\"editarCategoriaCardapio()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n    <div class=\"imagem-container\" *ngIf=\"editMode\">\n        <img [src]=\"imgUrl\" class=\"img-fluid\" *ngIf=\"imgUrl\" />\n\n        <input type=\"file\" #file placeholder=\"Choose file\" (change)=\"uploadFile(file.files)\" accept=\".jpg,.png\"\n            style=\"display: none;\">\n\n        <button mat-button color=\"primary\" type=\"button\" (click)=\"file.click()\">Escolher Imagem</button>\n\n        <span class=\"upload\" *ngIf=\"progress > 0\">\n            {{progress}}%\n        </span>\n        <span class=\"upload\" *ngIf=\"message\">\n            {{message}}\n        </span>\n    </div>\n\n</div>", styles: [".imagem-container{border:1px solid #ced4da;display:flex;flex-direction:column;border-radius:9px;max-width:460px}small{font-size:xx-small}.badge{color:#fff;font-size:xx-small;display:flex;align-items:center;padding:4px;border-radius:13px;margin-left:2px}.badge.encontrado{background:#05a301;border:1px solid #28d112}.badge.nao-encontrado{background:#a30101;border:1px solid #d17812}.badge.buscando{background:#929292;border:1px solid #a3a3a3}h6{margin:8px 0;color:#666}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.MatDialog }, { type: CommonWebService }, { type: i1.HttpClient }, { type: AuthDataService }, { type: NotificationService }, { type: ScreenHelperService }]; }, propDecorators: { editMode: [{
+                type: Input
+            }], nextIdClick: [{
+                type: Output
+            }], model: [{
+                type: Input
+            }] } });
+
+class ProdutoAddDialogComponent {
+    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 = createProduct();
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.focus.registerElement(this.elRef.nativeElement);
+        this.getNextId();
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElement(this.elRef.nativeElement);
+    }
+    salvar() {
+        if (!this.model)
+            return;
+        const valMsg = valida$1(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.addProduto(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+    getNextId() {
+        this.isBusy = true;
+        this.ws.getNextIdProduto()
+            .subscribe(r => {
+            this.model.id = r;
+            this.model.referencia = '' + r;
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutoAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoAddDialogComponent, selector: "app-produto-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Produto</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-produto-form (nextIdClick)=\"getNextId()\" [model]=\"model\" *ngIf=\"model\"></app-produto-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: ProdutoFormComponent, selector: "app-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Produto</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-produto-form (nextIdClick)=\"getNextId()\" [model]=\"model\" *ngIf=\"model\"></app-produto-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 ProdutoBuscaFiltrosDialogComponent {
+    constructor(d, ws, notification, dialogRef) {
+        this.d = d;
+        this.ws = ws;
+        this.notification = notification;
+        this.dialogRef = dialogRef;
+        this.isBusy = false;
+        this.produtosGrupos = [];
+        this.d.setting.grupos = undefined;
+    }
+    ngOnInit() {
+        this.getProdutos();
+    }
+    getProdutos() {
+        this.isBusy = true;
+        this.ws.getAllProdutoGrupo()
+            .subscribe(r => {
+            this.produtosGrupos = r;
+            console.info(r);
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showHttpError(err);
+        });
+    }
+    salvar() {
+        this.dialogRef.close(this.d);
+    }
+    changeGruposProdutos(ev) {
+        const itens = ev.value;
+        this.d.setting.grupos = itens;
+    }
+}
+ProdutoBuscaFiltrosDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoBuscaFiltrosDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoBuscaFiltrosDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoBuscaFiltrosDialogComponent, selector: "app-produto-busca-filtros-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <span class=\"titulo\">Filtros de Pesquisa</span>\n    <button mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <h4>Op\u00E7\u00F5es de exibi\u00E7\u00E3o</h4>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeNaoControladoEstoque\" tabindex=-1>Exibir n\u00E3o controlado no\n            estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeApenasMostraRecepcao\" tabindex=-1>Apenas o que mostra na recep\u00E7\u00E3o\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeImprimiCozinha\" tabindex=-1>Exibir imprime na cozinha\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeInativo\" tabindex=-1>Exibir desativados</mat-slide-toggle>\n    </div>\n    <div class=\"vbox margin-top-16\">\n        <h4>Selecione um ou mais grupos</h4>\n        <mat-select (selectionChange)=\"changeGruposProdutos($event)\" multiple>\n            <mat-option *ngFor=\"let i of produtosGrupos\" [value]=\"i.id\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n    </div>\n    <div class=\"vbox margin-top-32\">\n        <h4>Quantidade de Itens por P\u00E1gina</h4>\n\n        <div class=\"form-group\">\n            <label>Quantidade</label>\n            <input [(ngModel)]=\"d.qtd\" class=\"form-control input-120\" maxlength=\"10\" type=\"number\">\n        </div>\n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button (click)=\"salvar()\">CONFIRMAR</button>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;margin-left:16px;text-transform:uppercase;flex-grow:1}mat-select{background:white;height:36px;padding:8px 16px;border-radius:.25rem;border:1px solid #ced4da}h4{margin:0 0 16px}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoBuscaFiltrosDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-busca-filtros-dialog', template: "<div class=\"ox-header\">\n    <span class=\"titulo\">Filtros de Pesquisa</span>\n    <button mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <h4>Op\u00E7\u00F5es de exibi\u00E7\u00E3o</h4>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeNaoControladoEstoque\" tabindex=-1>Exibir n\u00E3o controlado no\n            estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeApenasMostraRecepcao\" tabindex=-1>Apenas o que mostra na recep\u00E7\u00E3o\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeImprimiCozinha\" tabindex=-1>Exibir imprime na cozinha\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeInativo\" tabindex=-1>Exibir desativados</mat-slide-toggle>\n    </div>\n    <div class=\"vbox margin-top-16\">\n        <h4>Selecione um ou mais grupos</h4>\n        <mat-select (selectionChange)=\"changeGruposProdutos($event)\" multiple>\n            <mat-option *ngFor=\"let i of produtosGrupos\" [value]=\"i.id\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n    </div>\n    <div class=\"vbox margin-top-32\">\n        <h4>Quantidade de Itens por P\u00E1gina</h4>\n\n        <div class=\"form-group\">\n            <label>Quantidade</label>\n            <input [(ngModel)]=\"d.qtd\" class=\"form-control input-120\" maxlength=\"10\" type=\"number\">\n        </div>\n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button (click)=\"salvar()\">CONFIRMAR</button>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;margin-left:16px;text-transform:uppercase;flex-grow:1}mat-select{background:white;height:36px;padding:8px 16px;border-radius:.25rem;border:1px solid #ced4da}h4{margin:0 0 16px}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialogRef }];
+    } });
+
+class ProdutoEditDialogComponent {
+    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 = valida$1(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProduto(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutoEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoEditDialogComponent, selector: "app-produto-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</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-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></app-produto-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: ProdutoFormComponent, selector: "app-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produto-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</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-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></app-produto-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 ProdutosComponent {
+    constructor(ws, notification, dialog, auth, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dialog = dialog;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.items = [];
+        this.result = {
+            finalQtd: 0,
+            inicioQtd: 0,
+            items: [],
+            pagina: 0,
+            quantidade: 0,
+            valor: 0,
+            totalPaginas: 0
+        };
+        this._selectedItem = null;
+        this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
+        this.setting = new ProdutoSearchSetting();
+        this.focus = new FocusService();
+        this.paginaAtual = 1;
+        this.quantidadePagina = 50;
+        this.allowAdd = auth.permissoes.adminProdutoAdd;
+        this.allowExcluir = auth.permissoes.adminProdutoDelete;
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+        this.setting.exibeNaoControladoEstoque = true;
+        this.setting.exibeImprimiCozinha = true;
+    }
+    get selectedItem() {
+        return this._selectedItem;
+    }
+    set selectedItem(p) {
+        this._selectedItem = p;
+    }
+    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");
+    }
+    trocaPagina() {
+        this.atualiza(this.paginaAtual);
+    }
+    atualiza(pagina) {
+        if (pagina == undefined)
+            this.paginaAtual = 1;
+        else
+            this.paginaAtual = pagina;
+        this.isBusy = true;
+        this.ws.buscaPaginadaProdutos(this.setting, this.paginaAtual, this.quantidadePagina)
+            .subscribe(r => {
+            this.items = r.items;
+            this.result = r;
+            this.selectedItem = null;
+            console.info(r);
+            this.isBusy = false;
+        }, 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 produto ${item.nome}?`, () => {
+            this.isBusy = true;
+            this.ws.deleteProduto(item.id)
+                .subscribe(r => {
+                this.notification.showMsg("O produto foi excluído com sucesso.");
+                this.items.remove(item);
+                this.selectedItem = null;
+                this.isBusy = false;
+            }, 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(ProdutoAddDialogComponent, {
+            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(ProdutoEditDialogComponent, {
+            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() {
+        if (!this.selectedItem)
+            return;
+        const valMsg = valida$1(this.selectedItem, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProduto(this.selectedItem)
+            .subscribe(r => {
+            this.notification.showMsg("Salvo com sucesso.");
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+    filtros() {
+        let height = undefined;
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        const p = {
+            qtd: this.quantidadePagina,
+            setting: this.setting
+        };
+        const dialog = this.dialog.open(ProdutoBuscaFiltrosDialogComponent, {
+            data: p,
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (!result)
+                return;
+            const r = result;
+            this.quantidadePagina = r.qtd;
+            this.atualiza();
+        });
+    }
+}
+ProdutosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosComponent, selector: "app-produtos", ngImport: i0, 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      <button mat-icon-button (click)=\"filtros()\">\n        <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n      </button>\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 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>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>  \n  <div class=\"hbox\"  *ngIf=\"mobile\">\n    <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n    </ox-paginator>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>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            <button mat-icon-button (click)=\"filtros()\">\n              <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n            </button>\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 [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [codigo]=\"i.id\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n      <div class=\"hbox\">\n        <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n        </ox-paginator>\n        <div class=\"total-qtd\">Exibindo {{result.inicioQtd}}-{{result.finalQtd}} de {{result.quantidade}}</div>\n        \n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um produto no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <app-produto-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\" [editMode]=\"true\">\n        </app-produto-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}.total-qtd{align-self:center;font-size:small}\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: PaginatorComponent, selector: "ox-paginator", inputs: ["pageSize", "paginaAtual", "totalPaginas"], outputs: ["paginaAtualChange", "totalPaginasChange", "change"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: ProdutoFormComponent, selector: "app-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produtos', 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      <button mat-icon-button (click)=\"filtros()\">\n        <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n      </button>\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 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>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>  \n  <div class=\"hbox\"  *ngIf=\"mobile\">\n    <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n    </ox-paginator>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>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            <button mat-icon-button (click)=\"filtros()\">\n              <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n            </button>\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 [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [codigo]=\"i.id\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n      <div class=\"hbox\">\n        <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n        </ox-paginator>\n        <div class=\"total-qtd\">Exibindo {{result.inicioQtd}}-{{result.finalQtd}} de {{result.quantidade}}</div>\n        \n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um produto no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <app-produto-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\" [editMode]=\"true\">\n        </app-produto-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}.total-qtd{align-self:center;font-size:small}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+
+class MoverGrupoDialogComponent {
+    constructor(ws, dialogRef, notification, dataDialog) {
+        this.ws = ws;
+        this.dialogRef = dialogRef;
+        this.notification = notification;
+        this.dataDialog = dataDialog;
+        this.grupos = [];
+        this.selected = null;
+        this.isBusy = false;
+    }
+    ngOnInit() {
+        this.atualiza();
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.getAllProdutoGrupo()
+            .subscribe(r => {
+            this.grupos = r;
+            console.info(r);
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showHttpError(err);
+        });
+    }
+    salvar() {
+        if (!this.selected) {
+            this.notification.showMsgError("Selecione um novo grupo.");
+            return;
+        }
+        this.isBusy = true;
+        this.ws.transfereProdutoGrupo(this.dataDialog.id, this.selected.id)
+            .subscribe(r => {
+            console.info(r);
+            this.notification.showMsg(`${r} produtos foram atualizados com sucesso.`);
+            this.dialogRef.close();
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showHttpError(err);
+        });
+    }
+}
+MoverGrupoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MoverGrupoDialogComponent, deps: [{ token: CommonWebService }, { token: i3.MatDialogRef }, { token: NotificationService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+MoverGrupoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MoverGrupoDialogComponent, selector: "app-mover-grupo-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Transferir Produtos para um Novo Grupo</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    <div class=\"vbox\">\n        <p *ngIf=\"!selected\">Voc\u00EA pode transferir todos os produtos que utilizam o grupo <strong>'{{dataDialog.nome}}'</strong> para outro grupo.</p>\n        <p class=\"alert alert-warning\" *ngIf=\"selected\">Transferir produtos com grupo '{{dataDialog.nome}}'' para '{{selected?.nome}}'</p>\n        <h4>Selecione um novo grupo para transferir os produtos do grupo</h4>\n   \n        <mat-select class=\"form-group\" [(value)]=\"selected\">\n            <mat-option *ngFor=\"let i of grupos\" [value]=\"i\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n        \n    </div>\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MoverGrupoDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-mover-grupo-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Transferir Produtos para um Novo Grupo</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    <div class=\"vbox\">\n        <p *ngIf=\"!selected\">Voc\u00EA pode transferir todos os produtos que utilizam o grupo <strong>'{{dataDialog.nome}}'</strong> para outro grupo.</p>\n        <p class=\"alert alert-warning\" *ngIf=\"selected\">Transferir produtos com grupo '{{dataDialog.nome}}'' para '{{selected?.nome}}'</p>\n        <h4>Selecione um novo grupo para transferir os produtos do grupo</h4>\n   \n        <mat-select class=\"form-group\" [(value)]=\"selected\">\n            <mat-option *ngFor=\"let i of grupos\" [value]=\"i\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n        \n    </div>\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: i3.MatDialogRef }, { type: NotificationService }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }];
+    } });
+
+class ProdutosGruposComponent {
+    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.adminProdutoGrupoAdd;
+        this.allowExcluir = auth.permissoes.adminProdutoGrupoDelete;
+        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.buscaProdutoGrupo(this.setting)
+            .subscribe(r => {
+            this.items = r;
+            this.selectedItem = null;
+            console.info(r);
+            this.isBusy = false;
+        }, 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 grupo ${item.nome}?`, () => {
+            this.isBusy = true;
+            this.ws.deleteProdutoGrupo(item.id)
+                .subscribe(r => {
+                this.notification.showMsg("O grupo foi excluído com sucesso.");
+                this.items.remove(item);
+                this.selectedItem = null;
+                this.isBusy = false;
+            }, 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(ProdutoGrupoAddDialogComponent, {
+            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(ProdutoGrupoEditDialogComponent, {
+            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 = valida(item, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProdutoGrupo(item)
+            .subscribe(r => {
+            this.notification.showMsg("Salvo com sucesso.");
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+    moverGrupo() {
+        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(MoverGrupoDialogComponent, {
+            width: width,
+            data: this.selectedItem,
+            //height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result === undefined)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+}
+ProdutosGruposComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosGruposComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutosGruposComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosGruposComponent, selector: "app-produtos-grupos", ngImport: i0, 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 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      <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n        <mat-icon aria-label=\"Transferir Grupo\">sync_alt</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>Grupos 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            <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n              <mat-icon aria-label=\"Transferir Grupo\">move_up</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 grupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <app-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </app-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"], 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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-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: ProdutosGruposComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produtos-grupos', 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 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      <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n        <mat-icon aria-label=\"Transferir Grupo\">sync_alt</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>Grupos 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            <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n              <mat-icon aria-label=\"Transferir Grupo\">move_up</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 grupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <app-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </app-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 ProdutosSubgruposComponent {
+    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.adminProdutoGrupoAdd;
+        this.allowExcluir = auth.permissoes.adminProdutoGrupoDelete;
+        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.buscaProdutoSubgrupo(this.setting)
+            .subscribe(r => {
+            this.items = r;
+            this.selectedItem = null;
+            console.info(r);
+            this.isBusy = false;
+        }, 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 subgrupo ${item.nome}?`, () => {
+            this.isBusy = true;
+            this.ws.deleteProdutoSubgrupo(item.id)
+                .subscribe(r => {
+                this.notification.showMsg("O subgrupo foi excluído com sucesso.");
+                this.items.remove(item);
+                this.selectedItem = null;
+                this.isBusy = false;
+            }, 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(ProdutoSubgrupoAddDialogComponent, {
+            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(ProdutoSubgrupoEditDialogComponent, {
+            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() {
+        if (!this.selectedItem)
+            return;
+        const valMsg = valida(this.selectedItem, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProdutoSubgrupo(this.selectedItem)
+            .subscribe(r => {
+            this.notification.showMsg("Salvo com sucesso.");
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutosSubgruposComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosSubgruposComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutosSubgruposComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosSubgruposComponent, selector: "app-produtos-subgrupos", ngImport: i0, 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        <app-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </app-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"], 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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-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: ProdutosSubgruposComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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        <app-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </app-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 ProdutosCategoriasCardapioComponent {
+    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.adminProdutoGrupoAdd;
+        this.allowExcluir = auth.permissoes.adminProdutoGrupoDelete;
+        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.buscaProdutoCategoriaCardapio(this.setting)
+            .subscribe(r => {
+            this.items = r;
+            this.selectedItem = null;
+            console.info(r);
+            this.isBusy = false;
+        }, 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 grupo ${item.nome}?`, () => {
+            this.isBusy = true;
+            this.ws.deleteProdutoCategoriaCardapio(item.id)
+                .subscribe(r => {
+                this.notification.showMsg("O grupo foi excluído com sucesso.");
+                this.items.remove(item);
+                this.selectedItem = null;
+                this.isBusy = false;
+            }, 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(ProdutoCategoriaCardapioAddDialogComponent, {
+            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(ProdutoCategoriaCardapioEditDialogComponent, {
+            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() {
+        if (!this.selectedItem)
+            return;
+        const valMsg = valida(this.selectedItem, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProdutoCategoriaCardapio(this.selectedItem)
+            .subscribe(r => {
+            this.notification.showMsg("Salvo com sucesso.");
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+ProdutosCategoriasCardapioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosCategoriasCardapioComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutosCategoriasCardapioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosCategoriasCardapioComponent, selector: "app-produtos-categorias-cardapio", ngImport: i0, 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 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>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [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>Grupos 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 [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 grupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <app-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </app-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"], 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: ProdutoGrupoFormComponent, selector: "app-produto-grupo-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: ProdutosCategoriasCardapioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-produtos-categorias-cardapio', 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 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>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [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>Grupos 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 [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 grupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <app-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </app-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 }]; } });
+
+Array.prototype.remove = function (item) {
+    const index = this.indexOf(item);
+    if (index === -1)
+        return false;
+    this.splice(index, 1);
+    return true;
+};
+Array.prototype.firstOrNull = function () {
+    if (this.length > 0)
+        return this[0];
+    return null;
+};
+Date.prototype.addDays = function (days) {
+    var result = new Date(this);
+    result.setDate(result.getDate() + days);
+    return result;
+};
+class OxpiNglibModule {
+}
+OxpiNglibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, declarations: [BusyIndicatorComponent,
+        MonthYearPickerComponent,
+        ImageViewerComponent,
+        NumericPickerComponent,
+        PaginatorComponent,
+        CheckButtonComponent,
+        RadioButtonGroupComponent,
+        ItemCardComponent,
+        SafeHtmlPipe,
+        AlertDialogComponent,
+        FuncionariosComponent,
+        FuncionarioFormComponent,
+        FuncionarioEditDialogComponent,
+        FuncionarioAddDialogComponent,
+        ProdutosComponent,
+        ProdutoFormComponent,
+        ProdutoAddDialogComponent,
+        ProdutoBuscaFiltrosDialogComponent,
+        ProdutoEditDialogComponent,
+        ProdutosGruposComponent,
+        MoverGrupoDialogComponent,
+        ProdutoGrupoSelecaoDialogComponent,
+        ProdutoGrupoAddDialogComponent,
+        ProdutoGrupoEditDialogComponent,
+        ProdutoGrupoFormComponent,
+        ProdutosNcmDialogComponent,
+        ProdutosSubgruposComponent,
+        ProdutoSubgrupoSelecaoDialogComponent,
+        ProdutoSubgrupoAddDialogComponent,
+        ProdutoSubgrupoEditDialogComponent,
+        ProdutosCategoriasCardapioComponent,
+        ProdutoCategoriaCardapioAddDialogComponent,
+        ProdutoCategoriaCardapioEditDialogComponent,
+        ProdutoCategoriaCardapioSelecaoDialogComponent], imports: [BrowserModule,
+        BrowserAnimationsModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule,
+        MatDialogModule,
+        MatSelectModule,
+        MatAutocompleteModule], exports: [BusyIndicatorComponent,
+        MonthYearPickerComponent,
+        ImageViewerComponent,
+        NumericPickerComponent,
+        PaginatorComponent,
+        CheckButtonComponent,
+        RadioButtonGroupComponent,
+        ItemCardComponent,
+        SafeHtmlPipe] });
+OxpiNglibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, imports: [BrowserModule,
+        BrowserAnimationsModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule,
+        MatDialogModule,
+        MatSelectModule,
+        MatAutocompleteModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BusyIndicatorComponent,
+                        MonthYearPickerComponent,
+                        ImageViewerComponent,
+                        NumericPickerComponent,
+                        PaginatorComponent,
+                        CheckButtonComponent,
+                        RadioButtonGroupComponent,
+                        ItemCardComponent,
+                        SafeHtmlPipe,
+                        AlertDialogComponent,
+                        FuncionariosComponent,
+                        FuncionarioFormComponent,
+                        FuncionarioEditDialogComponent,
+                        FuncionarioAddDialogComponent,
+                        ProdutosComponent,
+                        ProdutoFormComponent,
+                        ProdutoAddDialogComponent,
+                        ProdutoBuscaFiltrosDialogComponent,
+                        ProdutoEditDialogComponent,
+                        ProdutosGruposComponent,
+                        MoverGrupoDialogComponent,
+                        ProdutoGrupoSelecaoDialogComponent,
+                        ProdutoGrupoAddDialogComponent,
+                        ProdutoGrupoEditDialogComponent,
+                        ProdutoGrupoFormComponent,
+                        ProdutosNcmDialogComponent,
+                        ProdutosSubgruposComponent,
+                        ProdutoSubgrupoSelecaoDialogComponent,
+                        ProdutoSubgrupoAddDialogComponent,
+                        ProdutoSubgrupoEditDialogComponent,
+                        ProdutosCategoriasCardapioComponent,
+                        ProdutoCategoriaCardapioAddDialogComponent,
+                        ProdutoCategoriaCardapioEditDialogComponent,
+                        ProdutoCategoriaCardapioSelecaoDialogComponent
+                    ],
+                    imports: [
+                        BrowserModule,
+                        BrowserAnimationsModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatDialogModule,
+                        MatSelectModule,
+                        MatAutocompleteModule,
+                    ],
+                    exports: [
+                        BusyIndicatorComponent,
+                        MonthYearPickerComponent,
+                        ImageViewerComponent,
+                        NumericPickerComponent,
+                        PaginatorComponent,
+                        CheckButtonComponent,
+                        RadioButtonGroupComponent,
+                        ItemCardComponent,
+                        SafeHtmlPipe
+                    ]
+                }]
+        }] });
+
+class BusyState {
+    constructor() {
+        this.isBusy = false;
+        this.counter = 0;
+    }
+    show() {
+        this.counter++;
+        this.isBusy = true;
+    }
+    hide() {
+        this.counter--;
+        if (this.counter < 0)
+            this.counter = 0;
+        if (this.counter == 0)
+            this.isBusy = false;
+    }
+}
+
+class Ordem {
+    constructor(ordens, isCrescente, onToggle) {
+        const d = ordens.filter(x => x.default === true).firstOrNull();
+        this.colName = d === null ? ordens[0].value : d.value;
+        this.isCrescente = isCrescente;
+        this.onToggle = onToggle;
+    }
+    toggle() {
+        this.isCrescente = !this.isCrescente;
+        if (this.onToggle !== undefined)
+            this.onToggle();
+    }
+    toString() {
+        return this.colName + (!this.isCrescente ? " desc" : "");
+    }
+}
+
+function printTxt(txt) {
+    const r = "<!doctype html><head><meta charset=\"utf-8\"></head><body><div style='font-family: \"Courier New\", Courier, monospace; white-space: pre-wrap;color: black;font-weight: bold;word-wrap: break-word;word-break: break-all;overflow-wrap: break-word;'>" + txt + '</div></body>';
+    printHtml(r);
+}
+function printHtml(r) {
+    const blob = new Blob([r], { type: 'text/html' });
+    const url = window.URL.createObjectURL(blob);
+    const w = window.open(url, '_blank');
+    if (w != null)
+        w.print();
+}
+function selectText(ev) {
+    ev.target.select();
+}
+
+class PagamentoRecebimentoSearchSetting extends SearchSetting {
+    constructor() {
+        super();
+        this.exibirPagamentos = true;
+        this.exibirRecebimentos = true;
+    }
+}
+
+class OcupacaoFilterSetting extends SearchSetting {
+    constructor() {
+        super();
+        this.dom = false;
+        this.seg = false;
+        this.ter = false;
+        this.qua = false;
+        this.qui = false;
+        this.sex = false;
+        this.sab = false;
+    }
+}
+
+class OcupacaoSearchSetting extends OcupacaoFilterSetting {
+    constructor() {
+        super();
+        this.dateFieldEnum = OcupacaoSearchDateField.DataBaseCaixa;
     }
 }
 var PorOcupacaoTipo;
@@ -1760,17 +3870,6 @@ class DuplicataSearchSetting extends SearchSetting {
     }
 }
 
-class ProdutoSearchSetting extends SearchSetting {
-    constructor() {
-        super();
-        this.exibeNaoControladoEstoque = true;
-        this.exibeApenasMostraRecepcao = false;
-        this.exibeInativo = false;
-        this.exibeImprimiCozinha = false;
-        this.exibeHePrato = false;
-    }
-}
-
 class SuitesIntervencoesSetting extends SearchSetting {
 }