oxpi-nglib 1.0.65 → 1.0.67

package/fesm2020/oxpi-nglib.mjs

@@ -160,6 +160,7 @@ class CommonWebService {
         this.PRODUTO_GRUPO_BASE_URL = '';
         this.PRODUTO_SUBGRUPO_BASE_URL = '';
         this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL = '';
+        this.PRODUTO_VERIFICACAO_GRUPO_BASE_URL = '';
         this.ESTOQUE_URL = '';
         this.MEDIA_BASE_URL = '';
         this.MEDIA_PRODUTO_IMAGEM_URL = '';
@@ -181,6 +182,7 @@ class CommonWebService {
         this.PRODUTO_GRUPO_BASE_URL = rootUrl + "ProdutoGrupo/";
         this.PRODUTO_SUBGRUPO_BASE_URL = rootUrl + "ProdutoSubgrupo/";
         this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL = rootUrl + "ProdutoCategoriaCardapio/";
+        this.PRODUTO_VERIFICACAO_GRUPO_BASE_URL = rootUrl + "ProdutoVerificaoGrupo/";
         this.ESTOQUE_URL = rootUrl + 'Estoque/';
         this.GERENCIAL_URL = rootUrl + 'Gerencial/';
         this.FINANCAS_URL = rootUrl + 'Financas/';
@@ -329,6 +331,26 @@ class CommonWebService {
         const url = this.PRODUTO_CATEGORIA_CARDAPIO_BASE_URL + id;
         return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
     }
+    buscaProdutoGrupoVerificacao(setting) {
+        const url = this.PRODUTO_VERIFICACAO_GRUPO_BASE_URL + CommonWebService.URL_PART_BUSCA;
+        return this.http.post(url, JSON.stringify(setting), this.getHttpOptions()).pipe(map(data => data));
+    }
+    getNextIdProdutoGrupoVerificacao() {
+        const url = this.PRODUTO_VERIFICACAO_GRUPO_BASE_URL + CommonWebService.URL_PART_NEXT_ID;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    saveProdutoGrupoVerificacao(s) {
+        const url = this.PRODUTO_VERIFICACAO_GRUPO_BASE_URL;
+        return this.http.post(url, JSON.stringify(s), this.getHttpOptions()).pipe(map(data => data));
+    }
+    addProdutoGrupoVerificacao(p) {
+        const url = this.PRODUTO_VERIFICACAO_GRUPO_BASE_URL;
+        return this.http.put(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    deleteProdutoGrupoVerificacao(id) {
+        const url = this.PRODUTO_VERIFICACAO_GRUPO_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));
@@ -1418,7 +1440,9 @@ function createProduct() {
         cBenef: null,
         destaque: false,
         variacoes: null,
-        adicionalDeProdutoId: null
+        adicionalDeProdutoId: null,
+        produtoVerificaoGrupoId: null,
+        produtoVerificaoGrupoNome: null,
     };
 }
 ;
@@ -2188,6 +2212,213 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
             args: [{ selector: 'ox-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 }]; } });
 
+class ProdutoVerificaoGrupoAddDialogComponent {
+    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,
+            ordem: 0
+        };
+        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 = validaProdutoGrupo(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.addProdutoGrupoVerificacao(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);
+        });
+    }
+}
+ProdutoVerificaoGrupoAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoVerificaoGrupoAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoVerificaoGrupoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoVerificaoGrupoAddDialogComponent, selector: "ox-produto-verificacao-grupo-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    <ox-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></ox-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$2.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: "ox-produto-grupo-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoVerificaoGrupoAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-produto-verificacao-grupo-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    <ox-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></ox-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 ProdutoVerificaoGrupoEditDialogComponent {
+    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);
+    }
+    desativar() {
+        if (!this.model)
+            return;
+        const item = this.model;
+        confirmaExclusao(this.dialog, `Deseja prosseguir com a exclusão do produto ${item.nome}?`, () => {
+            item.isAtivo = false;
+            this.salvar();
+        });
+    }
+    salvar() {
+        if (!this.model)
+            return;
+        const valMsg = validaProdutoGrupo(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveProdutoGrupoVerificacao(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);
+        });
+    }
+}
+ProdutoVerificaoGrupoEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoVerificaoGrupoEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoVerificaoGrupoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoVerificaoGrupoEditDialogComponent, selector: "ox-produto-verificacao-grupo-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    <ox-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></ox-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 (click)=\"desativar()\" tabindex=\"9\">DESATIVAR</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$2.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: "ox-produto-grupo-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoVerificaoGrupoEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-produto-verificacao-grupo-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    <ox-produto-grupo-form [model]=\"model\" *ngIf=\"model\"></ox-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 (click)=\"desativar()\" tabindex=\"9\">DESATIVAR</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 ProdutoVerificaoGrupoSelecaoDialogComponent {
+    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.buscaProdutoGrupoVerificacao(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(ProdutoVerificaoGrupoAddDialogComponent, {
+            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(ProdutoVerificaoGrupoEditDialogComponent, {
+            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();
+        });
+    }
+}
+ProdutoVerificaoGrupoSelecaoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoVerificaoGrupoSelecaoDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutoVerificaoGrupoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoVerificaoGrupoSelecaoDialogComponent, selector: "ox-produto-verificacao-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<!--\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$2.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", "ownership"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoVerificaoGrupoSelecaoDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-produto-verificacao-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<!--\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 CheckButtonComponent {
     constructor() {
         this.checked = false;
@@ -2501,6 +2732,28 @@ class ProdutoFormComponent {
             this.model.categoriaCardapioNome = result.nome;
         });
     }
+    editarVerificacaoGrupo() {
+        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(ProdutoVerificaoGrupoSelecaoDialogComponent, {
+            height: height,
+            width: width,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result == undefined)
+                return;
+            if (!this.model)
+                return;
+            this.model.produtoVerificaoGrupoId = result.id;
+            this.model.produtoVerificaoGrupoNome = result.nome;
+        });
+    }
     changeModo(ev) {
         this.selectedTab = ev.value;
     }
@@ -2566,10 +2819,10 @@ class ProdutoFormComponent {
     }
 }
 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: "ox-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\" maxlength=\"30\" [(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\" maxlength=\"60\" [(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            (ngModelChange)=\"estoqueMinimoParser.parse($event)\" (focusout)=\"estoqueMinimoParser.checkout()\">\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\" maxlength=\"300\" [(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            (ngModelChange)=\"qtdMinSubEstoqueParser.parse($event)\" (focusout)=\"qtdMinSubEstoqueParser.checkout()\">\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        \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 class=\"form-group\">\n            <label>cBenef</label>\n            <input id=\"cBenef\" [(ngModel)]=\"model.cBenef\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"20\">\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 style=\"margin-bottom: 8px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.destaque\" tabindex=-1>Destaque 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>Varia\u00E7\u00F5es (separados por ';')</label>\n        <input placeholder=\"Ex.: bem passado;ao ponto;mal passado\" id=\"variacoes\" maxlength=\"300\" [(ngModel)]=\"model.variacoes\" class=\"form-control input-300\" maxlength=\"300\">\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$2.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: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: RadioButtonGroupComponent, selector: "ox-radio-button-group", inputs: ["selectedItem", "items"], outputs: ["change"] }, { kind: "pipe", type: i6.DecimalPipe, name: "number" }], animations: [lateralAnimation] });
+ProdutoFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoFormComponent, selector: "ox-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\" maxlength=\"30\" [(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\" maxlength=\"60\" [(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            (ngModelChange)=\"estoqueMinimoParser.parse($event)\" (focusout)=\"estoqueMinimoParser.checkout()\">\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\" maxlength=\"300\" [(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            (ngModelChange)=\"qtdMinSubEstoqueParser.parse($event)\" (focusout)=\"qtdMinSubEstoqueParser.checkout()\">\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        \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 class=\"form-group\">\n            <label>cBenef</label>\n            <input id=\"cBenef\" [(ngModel)]=\"model.cBenef\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"20\">\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 style=\"margin-bottom: 8px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.destaque\" tabindex=-1>Destaque 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>Varia\u00E7\u00F5es (separados por ';')</label>\n        <input placeholder=\"Ex.: bem passado;ao ponto;mal passado\" id=\"variacoes\" maxlength=\"300\" [(ngModel)]=\"model.variacoes\" class=\"form-control input-300\" maxlength=\"300\">\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=\"form-group\">\n        <label>Grupo no App Camareiras</label>\n        <div class=\"hbox\">\n            <div id=\"verificacaoGrupo\" (click)=\"editarVerificacaoGrupo()\"\n                class=\"form-control grow-1 input-selecao input-300\">\n                {{model.categoriaCardapioNome}} </div>\n            <button (click)=\"editarVerificacaoGrupo()\" 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$2.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: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { 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: 'ox-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\" maxlength=\"30\" [(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\" maxlength=\"60\" [(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            (ngModelChange)=\"estoqueMinimoParser.parse($event)\" (focusout)=\"estoqueMinimoParser.checkout()\">\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\" maxlength=\"300\" [(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            (ngModelChange)=\"qtdMinSubEstoqueParser.parse($event)\" (focusout)=\"qtdMinSubEstoqueParser.checkout()\">\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        \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 class=\"form-group\">\n            <label>cBenef</label>\n            <input id=\"cBenef\" [(ngModel)]=\"model.cBenef\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"20\">\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 style=\"margin-bottom: 8px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.destaque\" tabindex=-1>Destaque 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>Varia\u00E7\u00F5es (separados por ';')</label>\n        <input placeholder=\"Ex.: bem passado;ao ponto;mal passado\" id=\"variacoes\" maxlength=\"300\" [(ngModel)]=\"model.variacoes\" class=\"form-control input-300\" maxlength=\"300\">\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"] }]
+            args: [{ selector: 'ox-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\" maxlength=\"30\" [(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\" maxlength=\"60\" [(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            (ngModelChange)=\"estoqueMinimoParser.parse($event)\" (focusout)=\"estoqueMinimoParser.checkout()\">\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\" maxlength=\"300\" [(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            (ngModelChange)=\"qtdMinSubEstoqueParser.parse($event)\" (focusout)=\"qtdMinSubEstoqueParser.checkout()\">\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        \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 class=\"form-group\">\n            <label>cBenef</label>\n            <input id=\"cBenef\" [(ngModel)]=\"model.cBenef\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"20\">\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 style=\"margin-bottom: 8px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.destaque\" tabindex=-1>Destaque 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>Varia\u00E7\u00F5es (separados por ';')</label>\n        <input placeholder=\"Ex.: bem passado;ao ponto;mal passado\" id=\"variacoes\" maxlength=\"300\" [(ngModel)]=\"model.variacoes\" class=\"form-control input-300\" maxlength=\"300\">\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=\"form-group\">\n        <label>Grupo no App Camareiras</label>\n        <div class=\"hbox\">\n            <div id=\"verificacaoGrupo\" (click)=\"editarVerificacaoGrupo()\"\n                class=\"form-control grow-1 input-selecao input-300\">\n                {{model.categoriaCardapioNome}} </div>\n            <button (click)=\"editarVerificacaoGrupo()\" 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: [{
@@ -3371,16 +3624,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
         }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: i5$1.ActivatedRoute }, { type: ScreenHelperService }]; } });
 
 class ProdutosCategoriasCardapioComponent {
-    constructor(ws, notification, dialog, auth, screenHelper) {
+    constructor(ws, notification, dialog, auth, route, screenHelper) {
         this.ws = ws;
         this.notification = notification;
         this.dialog = dialog;
+        this.route = route;
         this.screenHelper = screenHelper;
         this.isBusy = false;
         this.items = [];
         this.selectedItem = null;
         this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
         this.setting = new SearchSetting();
+        this.exibeGruposVerificacao = false;
         this.focus = new FocusService();
         this.allowAdd = auth.permissoes.adminProdutoGrupoAdd;
         this.allowExcluir = auth.permissoes.adminProdutoGrupoDelete;
@@ -3388,6 +3643,7 @@ class ProdutosCategoriasCardapioComponent {
         this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
     }
     ngOnInit() {
+        this.exibeGruposVerificacao = this.route.snapshot.paramMap.get('exibeGruposVerificacao') === 'true';
         this.setting.ordem = "nome";
         this.atualiza();
     }
@@ -3409,6 +3665,148 @@ class ProdutosCategoriasCardapioComponent {
     atualiza() {
         this.isBusy = true;
         this.ws.buscaProdutoCategoriaCardapio(this.setting)
+            .subscribe({
+            next: r => {
+                this.items = r;
+                this.selectedItem = null;
+                console.info(r);
+                this.isBusy = false;
+            }, error: err => {
+                this.isBusy = false;
+                this.notification.showHttpError(err);
+            }
+        });
+    }
+    excluir() {
+        const item = this.selectedItem;
+        if (!item)
+            return;
+        confirmaExclusao(this.dialog, `Deseja prosseguir com a exclusão do grupo ${item.nome}?`, () => {
+            this.isBusy = true;
+            this.ws.deleteProdutoCategoriaCardapio(item.id)
+                .subscribe({
+                next: r => {
+                    this.notification.showMsg("O grupo foi excluído com sucesso.");
+                    this.items.remove(item);
+                    this.selectedItem = null;
+                    this.isBusy = false;
+                },
+                error: err => {
+                    this.isBusy = false;
+                    this.notification.showMsg(err.error);
+                }
+            });
+        });
+    }
+    novo() {
+        let height = (window.innerHeight * 0.90) + 'px';
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            //height = (window.innerHeight * 0.98) + 'px';
+        }
+        const dialog = this.dialog.open(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 = validaProdutoGrupo(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: i5$1.ActivatedRoute }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutosCategoriasCardapioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosCategoriasCardapioComponent, selector: "ox-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        <ox-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-produto-grupo-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"], 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$2.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", "ownership"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-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: 'ox-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        <ox-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-produto-grupo-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: i5$1.ActivatedRoute }, { type: ScreenHelperService }]; } });
+
+class ProdutosVerificacaoGrupoComponent {
+    constructor(ws, notification, dialog, auth, route, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dialog = dialog;
+        this.route = route;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.items = [];
+        this.selectedItem = null;
+        this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
+        this.setting = new SearchSetting();
+        this.exibeGruposVerificacao = false;
+        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.exibeGruposVerificacao = this.route.snapshot.paramMap.get('exibeGruposVerificacao') === 'true';
+        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.buscaProdutoGrupoVerificacao(this.setting)
             .subscribe(r => {
             this.items = r;
             this.selectedItem = null;
@@ -3425,7 +3823,7 @@ class ProdutosCategoriasCardapioComponent {
             return;
         confirmaExclusao(this.dialog, `Deseja prosseguir com a exclusão do grupo ${item.nome}?`, () => {
             this.isBusy = true;
-            this.ws.deleteProdutoCategoriaCardapio(item.id)
+            this.ws.deleteProdutoGrupoVerificacao(item.id)
                 .subscribe(r => {
                 this.notification.showMsg("O grupo foi excluído com sucesso.");
                 this.items.remove(item);
@@ -3444,7 +3842,7 @@ class ProdutosCategoriasCardapioComponent {
             width = (window.innerWidth * 0.99) + 'px';
             //height = (window.innerHeight * 0.98) + 'px';
         }
-        const dialog = this.dialog.open(ProdutoCategoriaCardapioAddDialogComponent, {
+        const dialog = this.dialog.open(ProdutoVerificaoGrupoAddDialogComponent, {
             width: width,
             //height: height,
             maxWidth: '100%',
@@ -3464,7 +3862,7 @@ class ProdutosCategoriasCardapioComponent {
             width = (window.innerWidth * 0.99) + 'px';
             height = (window.innerHeight * 0.99) + 'px';
         }
-        const dialog = this.dialog.open(ProdutoCategoriaCardapioEditDialogComponent, {
+        const dialog = this.dialog.open(ProdutoVerificaoGrupoEditDialogComponent, {
             data: item,
             width: width,
             //height: height,
@@ -3487,7 +3885,7 @@ class ProdutosCategoriasCardapioComponent {
             return;
         }
         this.isBusy = true;
-        this.ws.saveProdutoCategoriaCardapio(this.selectedItem)
+        this.ws.saveProdutoGrupoVerificacao(this.selectedItem)
             .subscribe(r => {
             this.notification.showMsg("Salvo com sucesso.");
             this.isBusy = false;
@@ -3497,12 +3895,12 @@ class ProdutosCategoriasCardapioComponent {
         });
     }
 }
-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: "ox-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        <ox-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-produto-grupo-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"], 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$2.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", "ownership"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-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: [{
+ProdutosVerificacaoGrupoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosVerificacaoGrupoComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: i5$1.ActivatedRoute }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutosVerificacaoGrupoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosVerificacaoGrupoComponent, selector: "ox-produtos-verificacao-grupo", 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        <ox-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-produto-grupo-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"], 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$2.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", "ownership"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-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: ProdutosVerificacaoGrupoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-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        <ox-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-produto-grupo-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"] }]
-        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
+            args: [{ selector: 'ox-produtos-verificacao-grupo', 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        <ox-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-produto-grupo-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: i5$1.ActivatedRoute }, { type: ScreenHelperService }]; } });
 
 class MoverGrupoDialogComponent {
     constructor(ws, dialogRef, notification, dataDialog) {
@@ -4946,6 +5344,10 @@ OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         ProdutoCategoriaCardapioAddDialogComponent,
         ProdutoCategoriaCardapioEditDialogComponent,
         ProdutoCategoriaCardapioSelecaoDialogComponent,
+        ProdutosVerificacaoGrupoComponent,
+        ProdutoVerificaoGrupoAddDialogComponent,
+        ProdutoVerificaoGrupoEditDialogComponent,
+        ProdutoVerificaoGrupoSelecaoDialogComponent,
         ProdutoComposicaoComponent,
         ProdutoComposicaoAddDialogComponent,
         ProdutoSelecaoDialogComponent,
@@ -5022,6 +5424,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                         ProdutoCategoriaCardapioAddDialogComponent,
                         ProdutoCategoriaCardapioEditDialogComponent,
                         ProdutoCategoriaCardapioSelecaoDialogComponent,
+                        ProdutosVerificacaoGrupoComponent,
+                        ProdutoVerificaoGrupoAddDialogComponent,
+                        ProdutoVerificaoGrupoEditDialogComponent,
+                        ProdutoVerificaoGrupoSelecaoDialogComponent,
                         ProdutoComposicaoComponent,
                         ProdutoComposicaoAddDialogComponent,
                         ProdutoSelecaoDialogComponent,
@@ -5187,6 +5593,7 @@ class ConsumoProdutoSearchSetting extends SearchSetting {
         this.dateFieldEnum = OcupacaoSearchDateField.DataBaseCaixa;
         this.exibeVendas = true;
         this.exibeConsumoInterno = true;
+        this.porSubgrupo = false;
         this.horaInicial = 0;
         this.minutoInicial = 0;
         this.horaFinal = 23;
@@ -5283,5 +5690,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AlertDialogComponent, AuthDataService, BusyIndicatorComponent, BusyState, CheckButtonComponent, ClientesAddDialogComponent, ClientesComponent, ClientesEditDialogComponent, ClientesFormComponent, CommonWebService, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, FornecedoresAddDialogComponent, FornecedoresComponent, FornecedoresEditDialogComponent, FornecedoresFormComponent, FuncionarioAddDialogComponent, FuncionarioEditDialogComponent, FuncionarioFormComponent, FuncionariosComponent, ImageViewerComponent, ItemCardComponent, LazyTrigger, MonthYearPickerComponent, MoverGrupoDialogComponent, NavegacaoSelecaoDialogUtil, NotificationService, NumberParser, NumericPickerComponent, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, Ownership, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, ProdutoAddDialogComponent, ProdutoBuscaFiltrosDialogComponent, ProdutoCategoriaCardapioAddDialogComponent, ProdutoCategoriaCardapioEditDialogComponent, ProdutoCategoriaCardapioSelecaoDialogComponent, ProdutoComposicaoAddDialogComponent, ProdutoComposicaoComponent, ProdutoEditDialogComponent, ProdutoFormComponent, ProdutoGrupoAddDialogComponent, ProdutoGrupoEditDialogComponent, ProdutoGrupoFormComponent, ProdutoGrupoSelecaoDialogComponent, ProdutoSearchSetting, ProdutoSelecaoDialogComponent, ProdutoSubgrupoAddDialogComponent, ProdutoSubgrupoEditDialogComponent, ProdutoSubgrupoSelecaoDialogComponent, ProdutosCategoriasCardapioComponent, ProdutosComponent, ProdutosGruposComponent, ProdutosNcmDialogComponent, ProdutosSubgruposComponent, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SelecaoClienteDialogComponent, SelecaoFornecedorDialogComponent, SuitesIntervencoesSetting, confirmaExclusao, createProduct, fadeAnimation, isNotNullOrUndefined, isNullOrUndefined, lateralAnimation, menuLateralAnimation, printHtml, printTxt, selectText, setOwnershipLogin, valNumberEmpty, valNumberMin, valTextEmpty, valTextMax, valida, validaPessoa, validaProduto, validaProdutoComposicao, validaProdutoGrupo, validaSetorEstoque };
+export { AlertDialogComponent, AuthDataService, BusyIndicatorComponent, BusyState, CheckButtonComponent, ClientesAddDialogComponent, ClientesComponent, ClientesEditDialogComponent, ClientesFormComponent, CommonWebService, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, FornecedoresAddDialogComponent, FornecedoresComponent, FornecedoresEditDialogComponent, FornecedoresFormComponent, FuncionarioAddDialogComponent, FuncionarioEditDialogComponent, FuncionarioFormComponent, FuncionariosComponent, ImageViewerComponent, ItemCardComponent, LazyTrigger, MonthYearPickerComponent, MoverGrupoDialogComponent, NavegacaoSelecaoDialogUtil, NotificationService, NumberParser, NumericPickerComponent, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, Ownership, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, ProdutoAddDialogComponent, ProdutoBuscaFiltrosDialogComponent, ProdutoCategoriaCardapioAddDialogComponent, ProdutoCategoriaCardapioEditDialogComponent, ProdutoCategoriaCardapioSelecaoDialogComponent, ProdutoComposicaoAddDialogComponent, ProdutoComposicaoComponent, ProdutoEditDialogComponent, ProdutoFormComponent, ProdutoGrupoAddDialogComponent, ProdutoGrupoEditDialogComponent, ProdutoGrupoFormComponent, ProdutoGrupoSelecaoDialogComponent, ProdutoSearchSetting, ProdutoSelecaoDialogComponent, ProdutoSubgrupoAddDialogComponent, ProdutoSubgrupoEditDialogComponent, ProdutoSubgrupoSelecaoDialogComponent, ProdutoVerificaoGrupoAddDialogComponent, ProdutoVerificaoGrupoEditDialogComponent, ProdutoVerificaoGrupoSelecaoDialogComponent, ProdutosCategoriasCardapioComponent, ProdutosComponent, ProdutosGruposComponent, ProdutosNcmDialogComponent, ProdutosSubgruposComponent, ProdutosVerificacaoGrupoComponent, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SelecaoClienteDialogComponent, SelecaoFornecedorDialogComponent, SuitesIntervencoesSetting, confirmaExclusao, createProduct, fadeAnimation, isNotNullOrUndefined, isNullOrUndefined, lateralAnimation, menuLateralAnimation, printHtml, printTxt, selectText, setOwnershipLogin, valNumberEmpty, valNumberMin, valTextEmpty, valTextMax, valida, validaPessoa, validaProduto, validaProdutoComposicao, validaProdutoGrupo, validaSetorEstoque };
 //# sourceMappingURL=oxpi-nglib.mjs.map