oxpi-nglib 1.0.44 → 1.0.46

package/fesm2015/oxpi-nglib.mjs

@@ -7,7 +7,7 @@ import { HttpParams, HttpHeaders, HttpEventType } from '@angular/common/http';
 import { map } from 'rxjs';
 import * as i1$1 from '@angular/material/snack-bar';
 import * as i6 from '@angular/common';
-import * as i6$1 from '@angular/material/button';
+import * as i6$2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i7$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
@@ -16,11 +16,11 @@ import { FormsModule } from '@angular/forms';
 import * as i4 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i5 from '@angular/material/core';
+import * as i6$1 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { trigger, transition, style, animate } from '@angular/animations';
 import * as i12 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i13 from '@angular/material/slide-toggle';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i5$1 from '@angular/router';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import * as i1$2 from '@angular/platform-browser';
@@ -604,6 +604,14 @@ class FuncionarioFormComponent {
         this.ws = ws;
         this.isBusy = false;
         this.cargos = [];
+        this.exibeAtribuicoes = false;
+    }
+    get model() {
+        return this._model;
+    }
+    set model(value) {
+        this._model = value;
+        this.exibeAtribuicoes = (value === null || value === void 0 ? void 0 : value.cargoId) === 2;
     }
     ngOnInit() {
         this.getCargos();
@@ -619,12 +627,15 @@ class FuncionarioFormComponent {
             this.isBusy = false;
         });
     }
+    cargoChanged(ev) {
+        this.exibeAtribuicoes = ev.value === 2;
+    }
 }
 FuncionarioFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioFormComponent, deps: [{ token: CommonWebService }], target: i0.ɵɵFactoryTarget.Component });
-FuncionarioFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: { model: "model" }, ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+FuncionarioFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: { model: "model" }, ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"nome\">Nome</label>\n  <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" (selectionChange)=\"cargoChanged($event)\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"nome\">Nome</label>\n  <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"vbox\" *ngIf=\"model\">\n  <label>Atribui\u00E7\u00F5es</label>\n  <div class=\"vbox\">\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoConferenciaCheckout\" tabindex=-1>Confer\u00EAncia Checkout\n    </mat-slide-toggle>\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLimpeza\" tabindex=-1>Limpeza</mat-slide-toggle>\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLiberacaoLimpeza\" tabindex=-1>Libera\u00E7\u00E3o de Limpeza</mat-slide-toggle>\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoRevisao\" tabindex=-1>Revis\u00E3o</mat-slide-toggle>\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoFinalizaPedido\" tabindex=-1>Finaliza Pedido</mat-slide-toggle>\n  </div>\n\n  <div class=\"form-group\">\n    <label for=\"senha\">Senha (opcional)</label>\n    <input id=\"senha\" [(ngModel)]=\"model.senha\" required class=\"form-control input-300\" tabindex=\"3\">\n  </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-funcionario-form', template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>" }]
+            args: [{ selector: 'ox-funcionario-form', template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"nome\">Nome</label>\n  <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" (selectionChange)=\"cargoChanged($event)\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"nome\">Nome</label>\n  <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"vbox\" *ngIf=\"model\">\n  <label>Atribui\u00E7\u00F5es</label>\n  <div class=\"vbox\">\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoConferenciaCheckout\" tabindex=-1>Confer\u00EAncia Checkout\n    </mat-slide-toggle>\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLimpeza\" tabindex=-1>Limpeza</mat-slide-toggle>\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoLiberacaoLimpeza\" tabindex=-1>Libera\u00E7\u00E3o de Limpeza</mat-slide-toggle>\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoRevisao\" tabindex=-1>Revis\u00E3o</mat-slide-toggle>\n    <mat-slide-toggle [(ngModel)]=\"model.atribuicaoFinalizaPedido\" tabindex=-1>Finaliza Pedido</mat-slide-toggle>\n  </div>\n\n  <div class=\"form-group\">\n    <label for=\"senha\">Senha (opcional)</label>\n    <input id=\"senha\" [(ngModel)]=\"model.senha\" required class=\"form-control input-300\" tabindex=\"3\">\n  </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: CommonWebService }]; }, propDecorators: { model: [{
                 type: Input
             }] } });
@@ -647,7 +658,12 @@ class FuncionarioAddDialogComponent {
             senha: '',
             enviadoPC: false,
             isAtivo: true,
-            cargoId: 1
+            cargoId: 1,
+            atribuicaoConferenciaCheckout: true,
+            atribuicaoLimpeza: true,
+            atribuicaoLiberacaoLimpeza: true,
+            atribuicaoFinalizaPedido: true,
+            atribuicaoRevisao: true
         };
         this.mobile = this.screenHelper.isMedium;
         this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
@@ -680,7 +696,7 @@ class FuncionarioAddDialogComponent {
     }
 }
 FuncionarioAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FuncionarioAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioAddDialogComponent, selector: "ox-funcionario-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
+FuncionarioAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioAddDialogComponent, selector: "ox-funcionario-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioAddDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-funcionario-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -736,7 +752,7 @@ class FuncionarioEditDialogComponent {
     }
 }
 FuncionarioEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FuncionarioEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioEditDialogComponent, selector: "ox-funcionario-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
+FuncionarioEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioEditDialogComponent, selector: "ox-funcionario-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioEditDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-funcionario-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -790,7 +806,7 @@ class AlertDialogComponent {
     }
 }
 AlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-AlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AlertDialogComponent, selector: "app-alert-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+AlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AlertDialogComponent, selector: "app-alert-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "component", type: i6$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: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-alert-dialog', template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>" }]
@@ -1288,7 +1304,7 @@ class FuncionariosComponent {
     }
 }
 FuncionariosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionariosComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FuncionariosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionariosComponent, selector: "ox-funcionarios", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Funcion\u00E1rios</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um funcion\u00E1rio no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-funcionario-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-funcionario-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+FuncionariosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionariosComponent, selector: "ox-funcionarios", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Funcion\u00E1rios</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um funcion\u00E1rio no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-funcionario-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-funcionario-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionariosComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-funcionarios', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Funcion\u00E1rios</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um funcion\u00E1rio no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-funcionario-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-funcionario-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"] }]
@@ -1532,7 +1548,7 @@ class ProdutoCategoriaCardapioAddDialogComponent {
     }
 }
 ProdutoCategoriaCardapioAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoCategoriaCardapioAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioAddDialogComponent, selector: "ox-produto-categoria-cardapio-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Nova Categoria</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }] });
+ProdutoCategoriaCardapioAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioAddDialogComponent, selector: "ox-produto-categoria-cardapio-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Nova Categoria</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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: ProdutoCategoriaCardapioAddDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-categoria-cardapio-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Nova Categoria</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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"] }]
@@ -1588,7 +1604,7 @@ class ProdutoCategoriaCardapioEditDialogComponent {
     }
 }
 ProdutoCategoriaCardapioEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoCategoriaCardapioEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioEditDialogComponent, selector: "ox-produto-categoria-cardapio-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Categoria do Card\u00E1pio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }] });
+ProdutoCategoriaCardapioEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioEditDialogComponent, selector: "ox-produto-categoria-cardapio-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Categoria do Card\u00E1pio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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: ProdutoCategoriaCardapioEditDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-categoria-cardapio-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Categoria do Card\u00E1pio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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"] }]
@@ -1681,7 +1697,7 @@ class ProdutoCategoriaCardapioSelecaoDialogComponent {
     }
 }
 ProdutoCategoriaCardapioSelecaoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioSelecaoDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoCategoriaCardapioSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioSelecaoDialogComponent, selector: "ox-produto-categoria-cardapio-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n<!--\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n      <span>{{i.nome}}</span>\n    </div>\n-->\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+ProdutoCategoriaCardapioSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoCategoriaCardapioSelecaoDialogComponent, selector: "ox-produto-categoria-cardapio-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n<!--\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n      <span>{{i.nome}}</span>\n    </div>\n-->\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoCategoriaCardapioSelecaoDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-categoria-cardapio-selecao-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n<!--\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n      <span>{{i.nome}}</span>\n    </div>\n-->\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -1733,7 +1749,7 @@ class ProdutoGrupoAddDialogComponent {
     }
 }
 ProdutoGrupoAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoGrupoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoAddDialogComponent, selector: "ox-produto-grupo-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }] });
+ProdutoGrupoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoAddDialogComponent, selector: "ox-produto-grupo-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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: ProdutoGrupoAddDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-grupo-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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"] }]
@@ -1789,7 +1805,7 @@ class ProdutoGrupoEditDialogComponent {
     }
 }
 ProdutoGrupoEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoGrupoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoEditDialogComponent, selector: "ox-produto-grupo-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }] });
+ProdutoGrupoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoEditDialogComponent, selector: "ox-produto-grupo-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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: ProdutoGrupoEditDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-grupo-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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"] }]
@@ -1882,7 +1898,7 @@ class ProdutoGrupoSelecaoDialogComponent {
     }
 }
 ProdutoGrupoSelecaoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoSelecaoDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoGrupoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoSelecaoDialogComponent, selector: "ox-produto-grupo-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+ProdutoGrupoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoGrupoSelecaoDialogComponent, selector: "ox-produto-grupo-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoGrupoSelecaoDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-grupo-selecao-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -1926,7 +1942,7 @@ class ProdutosNcmDialogComponent {
     }
 }
 ProdutosNcmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosNcmDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutosNcmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosNcmDialogComponent, selector: "ox-produtos-ncm-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [codigo]=\"i.codigo\" [nome]=\"i.descricao\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+ProdutosNcmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosNcmDialogComponent, selector: "ox-produtos-ncm-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [codigo]=\"i.codigo\" [nome]=\"i.descricao\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosNcmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produtos-ncm-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Grupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [codigo]=\"i.codigo\" [nome]=\"i.descricao\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -1980,7 +1996,7 @@ class ProdutoSubgrupoAddDialogComponent {
     }
 }
 ProdutoSubgrupoAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoSubgrupoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoAddDialogComponent, selector: "ox-produto-subgrupo-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Subgrupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }] });
+ProdutoSubgrupoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoAddDialogComponent, selector: "ox-produto-subgrupo-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Subgrupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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: ProdutoSubgrupoAddDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-subgrupo-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Subgrupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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"] }]
@@ -2036,7 +2052,7 @@ class ProdutoSubgrupoEditDialogComponent {
     }
 }
 ProdutoSubgrupoEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoSubgrupoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoEditDialogComponent, selector: "ox-produto-subgrupo-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Subgrupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }] });
+ProdutoSubgrupoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoEditDialogComponent, selector: "ox-produto-subgrupo-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Subgrupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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: ProdutoSubgrupoEditDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-subgrupo-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Subgrupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <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"] }]
@@ -2132,7 +2148,7 @@ class ProdutoSubgrupoSelecaoDialogComponent {
     }
 }
 ProdutoSubgrupoSelecaoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoSelecaoDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoSubgrupoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoSelecaoDialogComponent, selector: "ox-produto-subgrupo-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Subgrupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+ProdutoSubgrupoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSubgrupoSelecaoDialogComponent, selector: "ox-produto-subgrupo-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Subgrupos</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem  && allowEdit\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [nome]=\"i.nome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSubgrupoSelecaoDialogComponent, decorators: [{
             type: Component,
             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"] }]
@@ -2515,7 +2531,7 @@ 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        </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        </div>\n    </div>\n    <div class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.estoqueControlado\" tabindex=-1>Controlado no Estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimiCozinha\" tabindex=-1>Imprime Cozinha</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimeCorredor\" tabindex=-1>Imprime Corredor</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.verNaRecepcao\" tabindex=-1>Ver na Recep\u00E7\u00E3o</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.omiteCliente\" tabindex=-1>N\u00E3o Exibe para o Cliente na Sa\u00EDda\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.isAtivo\" tabindex=-1>Ativado</mat-slide-toggle>\n    </div>\n\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 1\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.emiteNFCe\" tabindex=-1>Emite Fiscal\n        </mat-slide-toggle>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>GTIN</label>\n            <input id=\"gtin\" [(ngModel)]=\"model.gtin\" class=\"form-control input-120\" placeholder=\"SEM GTIN\"\n                maxlength=\"14\">\n        </div>\n        <div class=\"form-group\">\n            <label>CFOP</label>\n            <input id=\"cfop\" [(ngModel)]=\"model.cfop\" [matAutocomplete]=\"auto\" matInput class=\"form-control input-100\"\n                maxlength=\"4\">\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of cfopList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n        <div class=\"form-group\">\n            <label>NCM</label>\n            <div class=\"hbox\">\n                <input id=\"ncm\" (input)=\"lazyTriggerNcm.fire()\" [(ngModel)]=\"model.ncm\" class=\"form-control input-100\"\n                    maxlength=\"8\">\n                <button (click)=\"editarNCM()\" class=\"form-inline-button btn-form-margin\">\n                    <span class=\"material-icons\">\n                        search\n                    </span>\n                </button>\n                <span class=\"badge buscando\" *ngIf=\"isBusy\">Buscando...</span>\n                <span class=\"badge encontrado\" *ngIf=\"ncmEncontrado\">Encontrado</span>\n                <span class=\"badge nao-encontrado\" *ngIf=\"ncmNaoEncontrado\">N\u00E3o encontrado</span>\n            </div>\n        </div>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CEST</label>\n            <input id=\"cest\" [(ngModel)]=\"model.cest\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"7\">\n        </div>\n        <div class=\"form-group\">\n            <label>ICMS (ECF/SAT)</label>\n            <input id=\"aliquotaICMS\" [(ngModel)]=\"model.aliquotaICMS\" autocomplete=\"off\" class=\"form-control input-100 text-right\"\n                maxlength=\"5\">\n        </div>\n        <div class=\"form-group\">\n            <label>S. T. (ECF/SAT)</label>\n            <input id=\"sitTrib\" [(ngModel)]=\"model.sitTrib\" autocomplete=\"off\" [matAutocomplete]=\"autoST\" matInput\n                class=\"form-control input-120\" maxlength=\"5\">\n            <mat-autocomplete #autoST=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of stList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n    </div>\n    <h4>Campos da NFC-e</h4>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/CSOSN</label>\n            <mat-select [(value)]=\"model.csT_icms\"  class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of cstICMSList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. ICMS (%)</label>\n            <input id=\"pICMS_icms\" [ngModel]=\"model.pICMS_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pICMS_icmsParser.parse($event)\" (focusout)=\"pICMS_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>Modalidade BC</label>\n            <mat-select [(value)]=\"model.modBC_icms\" class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of modBaseICMS\" [value]=\"i.item1\">\n                    {{i.item1}} <small>{{i.item2}}</small>\n                </mat-option>\n            </mat-select>\n        </div>\n    </div>\n    <h6>ICMS Efetivo CST60/CSOSN500</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pRedBCEfet (%)</label>\n            <input id=\"pRedBCEfet_icms\" [ngModel]=\"model.pRedBCEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pRedBCEfet_icmsParser.parse($event)\" (focusout)=\"pRedBCEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pICMSEfet (%)</label>\n            <input id=\"picmsEfet_icms\" [ngModel]=\"model.picmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"picmsEfet_icmsParser.parse($event)\" (focusout)=\"picmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCEfet (R$)</label>\n            <input id=\"vbcEfet_icms\" [ngModel]=\"model.vbcEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcEfet_icmsParser.parse($event)\" (focusout)=\"vbcEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSEfet (R$)</label>\n            <input id=\"vicmsEfet_icms\" [ngModel]=\"model.vicmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsEfet_icmsParser.parse($event)\" (focusout)=\"vicmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Substitui\u00E7\u00E3o Tribut\u00E1ria (ST)</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pST (%)</label>\n            <input id=\"psT_icms\" [ngModel]=\"model.psT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"psT_icmsParser.parse($event)\" (focusout)=\"psT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCSTRet (R$)</label>\n            <input id=\"vbcstRet_icms\" [ngModel]=\"model.vbcstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcstRet_icmsParser.parse($event)\" (focusout)=\"vbcstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSubs (R$)</label>\n            <input id=\"vicmsSubstituto_icms\" [ngModel]=\"model.vicmsSubstituto_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsSubstituto_icmsParser.parse($event)\"\n                (focusout)=\"vicmsSubstituto_icmsParser.checkout()\" class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSTRet (R$)</label>\n            <input id=\"vicmsstRet_icms\" [ngModel]=\"model.vicmsstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsstRet_icmsParser.parse($event)\" (focusout)=\"vicmsstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Fundo de Combate a Pobresa</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pFCP (%)</label>\n            <input id=\"pfcP_icms\" [ngModel]=\"model.pfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcP_icmsParser.parse($event)\" (focusout)=\"pfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCP (R$)</label>\n            <input id=\"vbcfcP_icms\" [ngModel]=\"model.vbcfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcP_icmsParser.parse($event)\" (focusout)=\"vbcfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPST (%)</label>\n            <input id=\"pfcpsT_icms\" [ngModel]=\"model.pfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpsT_icmsParser.parse($event)\" (focusout)=\"pfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPST (R$)</label>\n            <input id=\"vbcfcpsT_icms\" [ngModel]=\"model.vbcfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpsT_icmsParser.parse($event)\" (focusout)=\"vbcfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPSTRet (%)</label>\n            <input id=\"pfcpstRet_icms\" [ngModel]=\"model.pfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpstRet_icmsParser.parse($event)\" (focusout)=\"pfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPSTRet (R$)</label>\n            <input id=\"vbcfcpstRet_icms\" [ngModel]=\"model.vbcfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpstRet_icmsParser.parse($event)\" (focusout)=\"vbcfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>PIS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/PIS</label>\n            <mat-select [(value)]=\"model.csT_pis\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliquota PIS (%)</label>\n            <input id=\"ppiS_pis\" [ngModel]=\"model.ppiS_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"ppiS_pisParser.parse($event)\" (focusout)=\"ppiS_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>PIS BC %</label>\n            <input id=\"vbC_pis\" [ngModel]=\"model.vbC_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_pisParser.parse($event)\" (focusout)=\"vbC_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    \n    <h6>COFINS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/COFINS</label>\n            <mat-select [(value)]=\"model.csT_cofins\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. COFINS (%)</label>\n            <input id=\"pcofinS_cofins\" [ngModel]=\"model.pcofinS_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pcofinS_cofinsParser.parse($event)\" (focusout)=\"pcofinS_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>COFINS BC %</label>\n            <input id=\"vbC_cofins\" [ngModel]=\"model.vbC_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_cofinsParser.parse($event)\" (focusout)=\"vbC_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 2\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.disponivelCardapio\" tabindex=-1>Dispon\u00EDvel no Card\u00E1pio Digital\n        </mat-slide-toggle>\n    </div>\n    <div class=\"form-group\">\n        <label>Descri\u00E7\u00E3o</label>\n        <textarea id=\"descricao\" [(ngModel)]=\"model.descricao\" cols=\"40\" rows=\"5\" class=\"form-control input-300\"\n            tabindex=\"2\"></textarea>\n    </div>\n    <div class=\"form-group\">\n        <label>Categoria</label>\n        <div class=\"hbox\">\n            <div id=\"categoriaCardapio\" (click)=\"editarCategoriaCardapio()\"\n                class=\"form-control grow-1 input-selecao input-300\">\n                {{model.categoriaCardapioNome}} </div>\n            <button (click)=\"editarCategoriaCardapio()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n    <div class=\"imagem-container\" *ngIf=\"editMode\">\n        <img [src]=\"imgUrl\" class=\"img-fluid\" *ngIf=\"imgUrl\" />\n\n        <input type=\"file\" #file placeholder=\"Choose file\" (change)=\"uploadFile(file.files)\" accept=\".jpg,.png\"\n            style=\"display: none;\">\n\n        <button mat-button color=\"primary\" type=\"button\" (click)=\"file.click()\">Escolher Imagem</button>\n\n        <span class=\"upload\" *ngIf=\"progress > 0\">\n            {{progress}}%\n        </span>\n        <span class=\"upload\" *ngIf=\"message\">\n            {{message}}\n        </span>\n    </div>\n\n</div>", styles: [".imagem-container{border:1px solid #ced4da;display:flex;flex-direction:column;border-radius:9px;max-width:460px}small{font-size:xx-small}.badge{color:#fff;font-size:xx-small;display:flex;align-items:center;padding:4px;border-radius:13px;margin-left:2px}.badge.encontrado{background:#05a301;border:1px solid #28d112}.badge.nao-encontrado{background:#a30101;border:1px solid #d17812}.badge.buscando{background:#929292;border:1px solid #a3a3a3}h6{margin:8px 0;color:#666}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i12.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i12.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i13.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        </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        </div>\n    </div>\n    <div class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.estoqueControlado\" tabindex=-1>Controlado no Estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimiCozinha\" tabindex=-1>Imprime Cozinha</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimeCorredor\" tabindex=-1>Imprime Corredor</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.verNaRecepcao\" tabindex=-1>Ver na Recep\u00E7\u00E3o</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.omiteCliente\" tabindex=-1>N\u00E3o Exibe para o Cliente na Sa\u00EDda\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.isAtivo\" tabindex=-1>Ativado</mat-slide-toggle>\n    </div>\n\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 1\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.emiteNFCe\" tabindex=-1>Emite Fiscal\n        </mat-slide-toggle>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>GTIN</label>\n            <input id=\"gtin\" [(ngModel)]=\"model.gtin\" class=\"form-control input-120\" placeholder=\"SEM GTIN\"\n                maxlength=\"14\">\n        </div>\n        <div class=\"form-group\">\n            <label>CFOP</label>\n            <input id=\"cfop\" [(ngModel)]=\"model.cfop\" [matAutocomplete]=\"auto\" matInput class=\"form-control input-100\"\n                maxlength=\"4\">\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of cfopList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n        <div class=\"form-group\">\n            <label>NCM</label>\n            <div class=\"hbox\">\n                <input id=\"ncm\" (input)=\"lazyTriggerNcm.fire()\" [(ngModel)]=\"model.ncm\" class=\"form-control input-100\"\n                    maxlength=\"8\">\n                <button (click)=\"editarNCM()\" class=\"form-inline-button btn-form-margin\">\n                    <span class=\"material-icons\">\n                        search\n                    </span>\n                </button>\n                <span class=\"badge buscando\" *ngIf=\"isBusy\">Buscando...</span>\n                <span class=\"badge encontrado\" *ngIf=\"ncmEncontrado\">Encontrado</span>\n                <span class=\"badge nao-encontrado\" *ngIf=\"ncmNaoEncontrado\">N\u00E3o encontrado</span>\n            </div>\n        </div>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CEST</label>\n            <input id=\"cest\" [(ngModel)]=\"model.cest\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"7\">\n        </div>\n        <div class=\"form-group\">\n            <label>ICMS (ECF/SAT)</label>\n            <input id=\"aliquotaICMS\" [(ngModel)]=\"model.aliquotaICMS\" autocomplete=\"off\" class=\"form-control input-100 text-right\"\n                maxlength=\"5\">\n        </div>\n        <div class=\"form-group\">\n            <label>S. T. (ECF/SAT)</label>\n            <input id=\"sitTrib\" [(ngModel)]=\"model.sitTrib\" autocomplete=\"off\" [matAutocomplete]=\"autoST\" matInput\n                class=\"form-control input-120\" maxlength=\"5\">\n            <mat-autocomplete #autoST=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of stList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n    </div>\n    <h4>Campos da NFC-e</h4>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/CSOSN</label>\n            <mat-select [(value)]=\"model.csT_icms\"  class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of cstICMSList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. ICMS (%)</label>\n            <input id=\"pICMS_icms\" [ngModel]=\"model.pICMS_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pICMS_icmsParser.parse($event)\" (focusout)=\"pICMS_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>Modalidade BC</label>\n            <mat-select [(value)]=\"model.modBC_icms\" class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of modBaseICMS\" [value]=\"i.item1\">\n                    {{i.item1}} <small>{{i.item2}}</small>\n                </mat-option>\n            </mat-select>\n        </div>\n    </div>\n    <h6>ICMS Efetivo CST60/CSOSN500</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pRedBCEfet (%)</label>\n            <input id=\"pRedBCEfet_icms\" [ngModel]=\"model.pRedBCEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pRedBCEfet_icmsParser.parse($event)\" (focusout)=\"pRedBCEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pICMSEfet (%)</label>\n            <input id=\"picmsEfet_icms\" [ngModel]=\"model.picmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"picmsEfet_icmsParser.parse($event)\" (focusout)=\"picmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCEfet (R$)</label>\n            <input id=\"vbcEfet_icms\" [ngModel]=\"model.vbcEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcEfet_icmsParser.parse($event)\" (focusout)=\"vbcEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSEfet (R$)</label>\n            <input id=\"vicmsEfet_icms\" [ngModel]=\"model.vicmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsEfet_icmsParser.parse($event)\" (focusout)=\"vicmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Substitui\u00E7\u00E3o Tribut\u00E1ria (ST)</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pST (%)</label>\n            <input id=\"psT_icms\" [ngModel]=\"model.psT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"psT_icmsParser.parse($event)\" (focusout)=\"psT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCSTRet (R$)</label>\n            <input id=\"vbcstRet_icms\" [ngModel]=\"model.vbcstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcstRet_icmsParser.parse($event)\" (focusout)=\"vbcstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSubs (R$)</label>\n            <input id=\"vicmsSubstituto_icms\" [ngModel]=\"model.vicmsSubstituto_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsSubstituto_icmsParser.parse($event)\"\n                (focusout)=\"vicmsSubstituto_icmsParser.checkout()\" class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSTRet (R$)</label>\n            <input id=\"vicmsstRet_icms\" [ngModel]=\"model.vicmsstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsstRet_icmsParser.parse($event)\" (focusout)=\"vicmsstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Fundo de Combate a Pobresa</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pFCP (%)</label>\n            <input id=\"pfcP_icms\" [ngModel]=\"model.pfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcP_icmsParser.parse($event)\" (focusout)=\"pfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCP (R$)</label>\n            <input id=\"vbcfcP_icms\" [ngModel]=\"model.vbcfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcP_icmsParser.parse($event)\" (focusout)=\"vbcfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPST (%)</label>\n            <input id=\"pfcpsT_icms\" [ngModel]=\"model.pfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpsT_icmsParser.parse($event)\" (focusout)=\"pfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPST (R$)</label>\n            <input id=\"vbcfcpsT_icms\" [ngModel]=\"model.vbcfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpsT_icmsParser.parse($event)\" (focusout)=\"vbcfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPSTRet (%)</label>\n            <input id=\"pfcpstRet_icms\" [ngModel]=\"model.pfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpstRet_icmsParser.parse($event)\" (focusout)=\"pfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPSTRet (R$)</label>\n            <input id=\"vbcfcpstRet_icms\" [ngModel]=\"model.vbcfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpstRet_icmsParser.parse($event)\" (focusout)=\"vbcfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>PIS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/PIS</label>\n            <mat-select [(value)]=\"model.csT_pis\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliquota PIS (%)</label>\n            <input id=\"ppiS_pis\" [ngModel]=\"model.ppiS_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"ppiS_pisParser.parse($event)\" (focusout)=\"ppiS_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>PIS BC %</label>\n            <input id=\"vbC_pis\" [ngModel]=\"model.vbC_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_pisParser.parse($event)\" (focusout)=\"vbC_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    \n    <h6>COFINS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/COFINS</label>\n            <mat-select [(value)]=\"model.csT_cofins\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. COFINS (%)</label>\n            <input id=\"pcofinS_cofins\" [ngModel]=\"model.pcofinS_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pcofinS_cofinsParser.parse($event)\" (focusout)=\"pcofinS_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>COFINS BC %</label>\n            <input id=\"vbC_cofins\" [ngModel]=\"model.vbC_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_cofinsParser.parse($event)\" (focusout)=\"vbC_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 2\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.disponivelCardapio\" tabindex=-1>Dispon\u00EDvel no Card\u00E1pio Digital\n        </mat-slide-toggle>\n    </div>\n    <div class=\"form-group\">\n        <label>Descri\u00E7\u00E3o</label>\n        <textarea id=\"descricao\" [(ngModel)]=\"model.descricao\" cols=\"40\" rows=\"5\" class=\"form-control input-300\"\n            tabindex=\"2\"></textarea>\n    </div>\n    <div class=\"form-group\">\n        <label>Categoria</label>\n        <div class=\"hbox\">\n            <div id=\"categoriaCardapio\" (click)=\"editarCategoriaCardapio()\"\n                class=\"form-control grow-1 input-selecao input-300\">\n                {{model.categoriaCardapioNome}} </div>\n            <button (click)=\"editarCategoriaCardapio()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n    <div class=\"imagem-container\" *ngIf=\"editMode\">\n        <img [src]=\"imgUrl\" class=\"img-fluid\" *ngIf=\"imgUrl\" />\n\n        <input type=\"file\" #file placeholder=\"Choose file\" (change)=\"uploadFile(file.files)\" accept=\".jpg,.png\"\n            style=\"display: none;\">\n\n        <button mat-button color=\"primary\" type=\"button\" (click)=\"file.click()\">Escolher Imagem</button>\n\n        <span class=\"upload\" *ngIf=\"progress > 0\">\n            {{progress}}%\n        </span>\n        <span class=\"upload\" *ngIf=\"message\">\n            {{message}}\n        </span>\n    </div>\n\n</div>", styles: [".imagem-container{border:1px solid #ced4da;display:flex;flex-direction:column;border-radius:9px;max-width:460px}small{font-size:xx-small}.badge{color:#fff;font-size:xx-small;display:flex;align-items:center;padding:4px;border-radius:13px;margin-left:2px}.badge.encontrado{background:#05a301;border:1px solid #28d112}.badge.nao-encontrado{background:#a30101;border:1px solid #d17812}.badge.buscando{background:#929292;border:1px solid #a3a3a3}h6{margin:8px 0;color:#666}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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        </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        </div>\n    </div>\n    <div class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.estoqueControlado\" tabindex=-1>Controlado no Estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimiCozinha\" tabindex=-1>Imprime Cozinha</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.imprimeCorredor\" tabindex=-1>Imprime Corredor</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.verNaRecepcao\" tabindex=-1>Ver na Recep\u00E7\u00E3o</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.omiteCliente\" tabindex=-1>N\u00E3o Exibe para o Cliente na Sa\u00EDda\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"model.isAtivo\" tabindex=-1>Ativado</mat-slide-toggle>\n    </div>\n\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 1\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.emiteNFCe\" tabindex=-1>Emite Fiscal\n        </mat-slide-toggle>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>GTIN</label>\n            <input id=\"gtin\" [(ngModel)]=\"model.gtin\" class=\"form-control input-120\" placeholder=\"SEM GTIN\"\n                maxlength=\"14\">\n        </div>\n        <div class=\"form-group\">\n            <label>CFOP</label>\n            <input id=\"cfop\" [(ngModel)]=\"model.cfop\" [matAutocomplete]=\"auto\" matInput class=\"form-control input-100\"\n                maxlength=\"4\">\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of cfopList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n        <div class=\"form-group\">\n            <label>NCM</label>\n            <div class=\"hbox\">\n                <input id=\"ncm\" (input)=\"lazyTriggerNcm.fire()\" [(ngModel)]=\"model.ncm\" class=\"form-control input-100\"\n                    maxlength=\"8\">\n                <button (click)=\"editarNCM()\" class=\"form-inline-button btn-form-margin\">\n                    <span class=\"material-icons\">\n                        search\n                    </span>\n                </button>\n                <span class=\"badge buscando\" *ngIf=\"isBusy\">Buscando...</span>\n                <span class=\"badge encontrado\" *ngIf=\"ncmEncontrado\">Encontrado</span>\n                <span class=\"badge nao-encontrado\" *ngIf=\"ncmNaoEncontrado\">N\u00E3o encontrado</span>\n            </div>\n        </div>\n    </div>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CEST</label>\n            <input id=\"cest\" [(ngModel)]=\"model.cest\" autocomplete=\"off\" class=\"form-control input-120\" maxlength=\"7\">\n        </div>\n        <div class=\"form-group\">\n            <label>ICMS (ECF/SAT)</label>\n            <input id=\"aliquotaICMS\" [(ngModel)]=\"model.aliquotaICMS\" autocomplete=\"off\" class=\"form-control input-100 text-right\"\n                maxlength=\"5\">\n        </div>\n        <div class=\"form-group\">\n            <label>S. T. (ECF/SAT)</label>\n            <input id=\"sitTrib\" [(ngModel)]=\"model.sitTrib\" autocomplete=\"off\" [matAutocomplete]=\"autoST\" matInput\n                class=\"form-control input-120\" maxlength=\"5\">\n            <mat-autocomplete #autoST=\"matAutocomplete\">\n                <mat-option *ngFor=\"let option of stList\" [value]=\"option.item1\">\n                    {{option.item1}} <small>{{option.item2}}</small>\n                </mat-option>\n            </mat-autocomplete>\n        </div>\n    </div>\n    <h4>Campos da NFC-e</h4>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/CSOSN</label>\n            <mat-select [(value)]=\"model.csT_icms\"  class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of cstICMSList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. ICMS (%)</label>\n            <input id=\"pICMS_icms\" [ngModel]=\"model.pICMS_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pICMS_icmsParser.parse($event)\" (focusout)=\"pICMS_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>Modalidade BC</label>\n            <mat-select [(value)]=\"model.modBC_icms\" class=\"form-control input-120\">\n                <mat-option *ngFor=\"let i of modBaseICMS\" [value]=\"i.item1\">\n                    {{i.item1}} <small>{{i.item2}}</small>\n                </mat-option>\n            </mat-select>\n        </div>\n    </div>\n    <h6>ICMS Efetivo CST60/CSOSN500</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pRedBCEfet (%)</label>\n            <input id=\"pRedBCEfet_icms\" [ngModel]=\"model.pRedBCEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pRedBCEfet_icmsParser.parse($event)\" (focusout)=\"pRedBCEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pICMSEfet (%)</label>\n            <input id=\"picmsEfet_icms\" [ngModel]=\"model.picmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"picmsEfet_icmsParser.parse($event)\" (focusout)=\"picmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCEfet (R$)</label>\n            <input id=\"vbcEfet_icms\" [ngModel]=\"model.vbcEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcEfet_icmsParser.parse($event)\" (focusout)=\"vbcEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSEfet (R$)</label>\n            <input id=\"vicmsEfet_icms\" [ngModel]=\"model.vicmsEfet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsEfet_icmsParser.parse($event)\" (focusout)=\"vicmsEfet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Substitui\u00E7\u00E3o Tribut\u00E1ria (ST)</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pST (%)</label>\n            <input id=\"psT_icms\" [ngModel]=\"model.psT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"psT_icmsParser.parse($event)\" (focusout)=\"psT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCSTRet (R$)</label>\n            <input id=\"vbcstRet_icms\" [ngModel]=\"model.vbcstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcstRet_icmsParser.parse($event)\" (focusout)=\"vbcstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSubs (R$)</label>\n            <input id=\"vicmsSubstituto_icms\" [ngModel]=\"model.vicmsSubstituto_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsSubstituto_icmsParser.parse($event)\"\n                (focusout)=\"vicmsSubstituto_icmsParser.checkout()\" class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vICMSSTRet (R$)</label>\n            <input id=\"vicmsstRet_icms\" [ngModel]=\"model.vicmsstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vicmsstRet_icmsParser.parse($event)\" (focusout)=\"vicmsstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>Fundo de Combate a Pobresa</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>pFCP (%)</label>\n            <input id=\"pfcP_icms\" [ngModel]=\"model.pfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcP_icmsParser.parse($event)\" (focusout)=\"pfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCP (R$)</label>\n            <input id=\"vbcfcP_icms\" [ngModel]=\"model.vbcfcP_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcP_icmsParser.parse($event)\" (focusout)=\"vbcfcP_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPST (%)</label>\n            <input id=\"pfcpsT_icms\" [ngModel]=\"model.pfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpsT_icmsParser.parse($event)\" (focusout)=\"pfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPST (R$)</label>\n            <input id=\"vbcfcpsT_icms\" [ngModel]=\"model.vbcfcpsT_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpsT_icmsParser.parse($event)\" (focusout)=\"vbcfcpsT_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>pFCPSTRet (%)</label>\n            <input id=\"pfcpstRet_icms\" [ngModel]=\"model.pfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pfcpstRet_icmsParser.parse($event)\" (focusout)=\"pfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>vBCFCPSTRet (R$)</label>\n            <input id=\"vbcfcpstRet_icms\" [ngModel]=\"model.vbcfcpstRet_icms | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbcfcpstRet_icmsParser.parse($event)\" (focusout)=\"vbcfcpstRet_icmsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    <h6>PIS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/PIS</label>\n            <mat-select [(value)]=\"model.csT_pis\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliquota PIS (%)</label>\n            <input id=\"ppiS_pis\" [ngModel]=\"model.ppiS_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"ppiS_pisParser.parse($event)\" (focusout)=\"ppiS_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>PIS BC %</label>\n            <input id=\"vbC_pis\" [ngModel]=\"model.vbC_pis | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_pisParser.parse($event)\" (focusout)=\"vbC_pisParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n    \n    <h6>COFINS</h6>\n    <div class=\"hbox gap-8\">\n        <div class=\"form-group\">\n            <label>CST/COFINS</label>\n            <mat-select [(value)]=\"model.csT_cofins\" class=\"form-control input-120\">\n                <mat-option [value]=\"null\">\n                    Nenhum\n                </mat-option>\n                <mat-option *ngFor=\"let i of cstCofinsList\" [value]=\"i.item1\">\n                    {{i.item1}}\n                </mat-option>\n            </mat-select>\n        </div>\n        <div class=\"form-group\">\n            <label>Aliq. COFINS (%)</label>\n            <input id=\"pcofinS_cofins\" [ngModel]=\"model.pcofinS_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"pcofinS_cofinsParser.parse($event)\" (focusout)=\"pcofinS_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n        <div class=\"form-group\">\n            <label>COFINS BC %</label>\n            <input id=\"vbC_cofins\" [ngModel]=\"model.vbC_cofins | number:'1.2-2'\" autocomplete=\"off\"\n                (ngModelChange)=\"vbC_cofinsParser.parse($event)\" (focusout)=\"vbC_cofinsParser.checkout()\"\n                class=\"form-control input-100 text-right\">\n        </div>\n    </div>\n</div>\n\n<div [@menuLateral] class=\"vbox\" *ngIf=\"selectedTab == 2\">\n\n    <div style=\"margin-bottom: 16px;\" class=\"vbox\">\n        <mat-slide-toggle [(ngModel)]=\"model.disponivelCardapio\" tabindex=-1>Dispon\u00EDvel no Card\u00E1pio Digital\n        </mat-slide-toggle>\n    </div>\n    <div class=\"form-group\">\n        <label>Descri\u00E7\u00E3o</label>\n        <textarea id=\"descricao\" [(ngModel)]=\"model.descricao\" cols=\"40\" rows=\"5\" class=\"form-control input-300\"\n            tabindex=\"2\"></textarea>\n    </div>\n    <div class=\"form-group\">\n        <label>Categoria</label>\n        <div class=\"hbox\">\n            <div id=\"categoriaCardapio\" (click)=\"editarCategoriaCardapio()\"\n                class=\"form-control grow-1 input-selecao input-300\">\n                {{model.categoriaCardapioNome}} </div>\n            <button (click)=\"editarCategoriaCardapio()\" class=\"form-inline-button btn-form-margin\">\n                <span class=\"material-icons\">\n                    search\n                </span>\n            </button>\n        </div>\n    </div>\n    <div class=\"imagem-container\" *ngIf=\"editMode\">\n        <img [src]=\"imgUrl\" class=\"img-fluid\" *ngIf=\"imgUrl\" />\n\n        <input type=\"file\" #file placeholder=\"Choose file\" (change)=\"uploadFile(file.files)\" accept=\".jpg,.png\"\n            style=\"display: none;\">\n\n        <button mat-button color=\"primary\" type=\"button\" (click)=\"file.click()\">Escolher Imagem</button>\n\n        <span class=\"upload\" *ngIf=\"progress > 0\">\n            {{progress}}%\n        </span>\n        <span class=\"upload\" *ngIf=\"message\">\n            {{message}}\n        </span>\n    </div>\n\n</div>", styles: [".imagem-container{border:1px solid #ced4da;display:flex;flex-direction:column;border-radius:9px;max-width:460px}small{font-size:xx-small}.badge{color:#fff;font-size:xx-small;display:flex;align-items:center;padding:4px;border-radius:13px;margin-left:2px}.badge.encontrado{background:#05a301;border:1px solid #28d112}.badge.nao-encontrado{background:#a30101;border:1px solid #d17812}.badge.buscando{background:#929292;border:1px solid #a3a3a3}h6{margin:8px 0;color:#666}\n"] }]
@@ -2587,7 +2603,7 @@ class ProdutoAddDialogComponent {
     }
 }
 ProdutoAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA, optional: true }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoAddDialogComponent, selector: "ox-produto-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form (nextIdClick)=\"getNextId()\" [model]=\"model\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }] });
+ProdutoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoAddDialogComponent, selector: "ox-produto-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form (nextIdClick)=\"getNextId()\" [model]=\"model\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoAddDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form (nextIdClick)=\"getNextId()\" [model]=\"model\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -2643,7 +2659,7 @@ class ProdutoBuscaFiltrosDialogComponent {
     }
 }
 ProdutoBuscaFiltrosDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoBuscaFiltrosDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoBuscaFiltrosDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoBuscaFiltrosDialogComponent, selector: "ox-produto-busca-filtros-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <span class=\"titulo\">Filtros de Pesquisa</span>\n    <button mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <h4>Op\u00E7\u00F5es de exibi\u00E7\u00E3o</h4>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeControladoEstoque\" tabindex=-1>Apenas controlado no\n            estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeMostraRecepcao\" tabindex=-1>Apenas o que mostra na recep\u00E7\u00E3o\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeImprimeCozinha\" tabindex=-1>Apenas imprime na cozinha\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeImprimeCorredor\" tabindex=-1>Apenas imprime no corredor\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeEmiteFiscal\" tabindex=-1>Apenas emite fiscal\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeNaoEmiteFiscal\" tabindex=-1>Apenas n\u00E3o emite fiscal\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeInativo\" tabindex=-1>Exibir desativados</mat-slide-toggle>\n    </div>\n    <div class=\"vbox margin-top-16\" *ngIf=\"exibeGrupos\">\n        <label>Selecione um ou mais grupos</label>\n        <mat-select (selectionChange)=\"changeGruposProdutos($event)\" multiple>\n            <mat-option *ngFor=\"let i of produtosGrupos\" [value]=\"i.id\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n    </div>\n    <div class=\"vbox margin-top-32\" *ngIf=\"exibeQtdPagina\">\n        <div class=\"form-group\">\n            <label>Quantidade de itens por p\u00E1gina</label>\n            <input [(ngModel)]=\"d.qtd\" class=\"form-control input-120 text-right\" maxlength=\"10\" type=\"number\">\n        </div>\n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button (click)=\"salvar()\">CONFIRMAR</button>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;margin-left:16px;text-transform:uppercase;flex-grow:1}mat-select{background:white;height:36px;padding:8px 16px;border-radius:.25rem;border:1px solid #ced4da}h4{margin:4px 0 2px;font-weight:500}\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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i13.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+ProdutoBuscaFiltrosDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoBuscaFiltrosDialogComponent, selector: "ox-produto-busca-filtros-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <span class=\"titulo\">Filtros de Pesquisa</span>\n    <button mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <h4>Op\u00E7\u00F5es de exibi\u00E7\u00E3o</h4>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeControladoEstoque\" tabindex=-1>Apenas controlado no\n            estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeMostraRecepcao\" tabindex=-1>Apenas o que mostra na recep\u00E7\u00E3o\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeImprimeCozinha\" tabindex=-1>Apenas imprime na cozinha\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeImprimeCorredor\" tabindex=-1>Apenas imprime no corredor\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeEmiteFiscal\" tabindex=-1>Apenas emite fiscal\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeNaoEmiteFiscal\" tabindex=-1>Apenas n\u00E3o emite fiscal\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeInativo\" tabindex=-1>Exibir desativados</mat-slide-toggle>\n    </div>\n    <div class=\"vbox margin-top-16\" *ngIf=\"exibeGrupos\">\n        <label>Selecione um ou mais grupos</label>\n        <mat-select (selectionChange)=\"changeGruposProdutos($event)\" multiple>\n            <mat-option *ngFor=\"let i of produtosGrupos\" [value]=\"i.id\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n    </div>\n    <div class=\"vbox margin-top-32\" *ngIf=\"exibeQtdPagina\">\n        <div class=\"form-group\">\n            <label>Quantidade de itens por p\u00E1gina</label>\n            <input [(ngModel)]=\"d.qtd\" class=\"form-control input-120 text-right\" maxlength=\"10\" type=\"number\">\n        </div>\n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button (click)=\"salvar()\">CONFIRMAR</button>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;margin-left:16px;text-transform:uppercase;flex-grow:1}mat-select{background:white;height:36px;padding:8px 16px;border-radius:.25rem;border:1px solid #ced4da}h4{margin:4px 0 2px;font-weight:500}\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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoBuscaFiltrosDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-busca-filtros-dialog', template: "<div class=\"ox-header\">\n    <span class=\"titulo\">Filtros de Pesquisa</span>\n    <button mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <h4>Op\u00E7\u00F5es de exibi\u00E7\u00E3o</h4>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeControladoEstoque\" tabindex=-1>Apenas controlado no\n            estoque</mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeMostraRecepcao\" tabindex=-1>Apenas o que mostra na recep\u00E7\u00E3o\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeImprimeCozinha\" tabindex=-1>Apenas imprime na cozinha\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeImprimeCorredor\" tabindex=-1>Apenas imprime no corredor\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeEmiteFiscal\" tabindex=-1>Apenas emite fiscal\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeNaoEmiteFiscal\" tabindex=-1>Apenas n\u00E3o emite fiscal\n        </mat-slide-toggle>\n        <mat-slide-toggle [(ngModel)]=\"d.setting.exibeInativo\" tabindex=-1>Exibir desativados</mat-slide-toggle>\n    </div>\n    <div class=\"vbox margin-top-16\" *ngIf=\"exibeGrupos\">\n        <label>Selecione um ou mais grupos</label>\n        <mat-select (selectionChange)=\"changeGruposProdutos($event)\" multiple>\n            <mat-option *ngFor=\"let i of produtosGrupos\" [value]=\"i.id\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n    </div>\n    <div class=\"vbox margin-top-32\" *ngIf=\"exibeQtdPagina\">\n        <div class=\"form-group\">\n            <label>Quantidade de itens por p\u00E1gina</label>\n            <input [(ngModel)]=\"d.qtd\" class=\"form-control input-120 text-right\" maxlength=\"10\" type=\"number\">\n        </div>\n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button (click)=\"salvar()\">CONFIRMAR</button>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;margin-left:16px;text-transform:uppercase;flex-grow:1}mat-select{background:white;height:36px;padding:8px 16px;border-radius:.25rem;border:1px solid #ced4da}h4{margin:4px 0 2px;font-weight:500}\n"] }]
@@ -2699,7 +2715,7 @@ class ProdutoEditDialogComponent {
     }
 }
 ProdutoEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoEditDialogComponent, selector: "ox-produto-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }] });
+ProdutoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoEditDialogComponent, selector: "ox-produto-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoEditDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -2776,7 +2792,7 @@ class ProdutoComposicaoAddDialogComponent {
     }
 }
 ProdutoComposicaoAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoComposicaoAddDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoComposicaoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoComposicaoAddDialogComponent, selector: "lib-produto-composicao-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <span class=\"titulo\">Composi\u00E7\u00E3o '{{model.produtoNome}}'</span>\n    <button mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <h4>{{model.produtoItemNome}}</h4>\n        <div class=\"form-group\">\n            <label>Quantidade</label>\n            <input id=\"quantidade\" [(ngModel)]=\"model.quantidade\" class=\"form-control input-120\" maxlength=\"10\"\n                type=\"number\">\n        </div>\n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button (click)=\"salvar()\">CONFIRMAR</button>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+ProdutoComposicaoAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoComposicaoAddDialogComponent, selector: "lib-produto-composicao-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <span class=\"titulo\">Composi\u00E7\u00E3o '{{model.produtoNome}}'</span>\n    <button mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <h4>{{model.produtoItemNome}}</h4>\n        <div class=\"form-group\">\n            <label>Quantidade</label>\n            <input id=\"quantidade\" [(ngModel)]=\"model.quantidade\" class=\"form-control input-120\" maxlength=\"10\"\n                type=\"number\">\n        </div>\n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button (click)=\"salvar()\">CONFIRMAR</button>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoComposicaoAddDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-produto-composicao-add-dialog', template: "<div class=\"ox-header\">\n    <span class=\"titulo\">Composi\u00E7\u00E3o '{{model.produtoNome}}'</span>\n    <button mat-icon-button mat-dialog-close>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <h4>{{model.produtoItemNome}}</h4>\n        <div class=\"form-group\">\n            <label>Quantidade</label>\n            <input id=\"quantidade\" [(ngModel)]=\"model.quantidade\" class=\"form-control input-120\" maxlength=\"10\"\n                type=\"number\">\n        </div>\n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button (click)=\"salvar()\">CONFIRMAR</button>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -2900,7 +2916,7 @@ class ProdutoSelecaoDialogComponent {
     }
 }
 ProdutoSelecaoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSelecaoDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: CommonWebService }, { token: NotificationService }, { token: AuthDataService }, { token: ScreenHelperService }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSelecaoDialogComponent, selector: "lib-produto-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Produtos</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 [codigo]=\"i.id\" [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 == null\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+ProdutoSelecaoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoSelecaoDialogComponent, selector: "lib-produto-selecao-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Produtos</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 [codigo]=\"i.id\" [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 == null\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoSelecaoDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-produto-selecao-dialog', template: "<div class=\"dialog-header\">\n    <h2>Produtos</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 [codigo]=\"i.id\" [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 == null\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -3037,7 +3053,7 @@ class ProdutoComposicaoComponent {
     }
 }
 ProdutoComposicaoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoComposicaoComponent, deps: [{ token: i3.MatDialogRef }, { token: i3.MatDialog }, { token: MAT_DIALOG_DATA }, { token: CommonWebService }, { token: NotificationService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoComposicaoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoComposicaoComponent, selector: "ox-produto-composicao", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Composi\u00E7\u00E3o do Produto '{{produto.nome}}'</h2>\n  </div>\n  <div class=\"tool-panel\">\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()\">\n            <mat-icon aria-label=\"novo\">add</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n            <mat-icon aria-label=\"editar\">edit</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem\">\n            <mat-icon aria-label=\"editar\">delete</mat-icon>\n          </button>\n        </div>\n      </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [codigo]=\"i.quantidade\" [nome]=\"i.produtoItemNome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
+ProdutoComposicaoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoComposicaoComponent, selector: "ox-produto-composicao", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Composi\u00E7\u00E3o do Produto '{{produto.nome}}'</h2>\n  </div>\n  <div class=\"tool-panel\">\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()\">\n            <mat-icon aria-label=\"novo\">add</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n            <mat-icon aria-label=\"editar\">edit</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem\">\n            <mat-icon aria-label=\"editar\">delete</mat-icon>\n          </button>\n        </div>\n      </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [codigo]=\"i.quantidade\" [nome]=\"i.produtoItemNome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: 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: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoComposicaoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produto-composicao', template: "<div class=\"dialog-header\">\n    <h2>Composi\u00E7\u00E3o do Produto '{{produto.nome}}'</h2>\n  </div>\n  <div class=\"tool-panel\">\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()\">\n            <mat-icon aria-label=\"novo\">add</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n            <mat-icon aria-label=\"editar\">edit</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem\">\n            <mat-icon aria-label=\"editar\">delete</mat-icon>\n          </button>\n        </div>\n      </div>\n  </div>\n  <div class=\"dialog-content\">\n      <ox-item-card [codigo]=\"i.quantidade\" [nome]=\"i.produtoItemNome\" (click)=\"selectItem(i)\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"></ox-item-card>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -3096,7 +3112,7 @@ class PaginatorComponent {
     }
 }
 PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: PaginatorComponent, selector: "ox-paginator", inputs: { pageSize: "pageSize", paginaAtual: "paginaAtual", totalPaginas: "totalPaginas" }, outputs: { paginaAtualChange: "paginaAtualChange", totalPaginasChange: "totalPaginasChange", change: "change" }, ngImport: i0, template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"], dependencies: [{ kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: PaginatorComponent, selector: "ox-paginator", inputs: { pageSize: "pageSize", paginaAtual: "paginaAtual", totalPaginas: "totalPaginas" }, outputs: { paginaAtualChange: "paginaAtualChange", totalPaginasChange: "totalPaginasChange", change: "change" }, ngImport: i0, template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"], dependencies: [{ kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-paginator', template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"] }]
@@ -3326,7 +3342,7 @@ class ProdutosComponent {
     }
 }
 ProdutosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: i5$1.ActivatedRoute }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosComponent, selector: "ox-produtos", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      <button mat-icon-button (click)=\"filtros()\">\n        <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>  \n  <div class=\"hbox\"  *ngIf=\"mobile\">\n    <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n    </ox-paginator>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n            <button mat-icon-button (click)=\"filtros()\">\n              <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n            </button>\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [codigo]=\"i.id\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n      <div class=\"hbox\">\n        <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n        </ox-paginator>\n        <div class=\"total-qtd\">Exibindo {{result.inicioQtd}}-{{result.finalQtd}} de {{result.quantidade}}</div>\n        \n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um produto no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-produto-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\" [editMode]=\"true\">\n        </ox-produto-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-raised-button color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">Salvar</button>\n        <button (click)=\"composicao()\" mat-raised-button *ngIf=\"selectedItem && usaEstoqueOnline\" tabindex=\"20\">Composi\u00E7\u00E3o</button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}.total-qtd{align-self:center;font-size:small}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: PaginatorComponent, selector: "ox-paginator", inputs: ["pageSize", "paginaAtual", "totalPaginas"], outputs: ["paginaAtualChange", "totalPaginasChange", "change"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+ProdutosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosComponent, selector: "ox-produtos", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      <button mat-icon-button (click)=\"filtros()\">\n        <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>  \n  <div class=\"hbox\"  *ngIf=\"mobile\">\n    <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n    </ox-paginator>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n            <button mat-icon-button (click)=\"filtros()\">\n              <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n            </button>\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [codigo]=\"i.id\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n      <div class=\"hbox\">\n        <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n        </ox-paginator>\n        <div class=\"total-qtd\">Exibindo {{result.inicioQtd}}-{{result.finalQtd}} de {{result.quantidade}}</div>\n        \n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um produto no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-produto-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\" [editMode]=\"true\">\n        </ox-produto-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-raised-button color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">Salvar</button>\n        <button (click)=\"composicao()\" mat-raised-button *ngIf=\"selectedItem && usaEstoqueOnline\" tabindex=\"20\">Composi\u00E7\u00E3o</button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}.total-qtd{align-self:center;font-size:small}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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: PaginatorComponent, selector: "ox-paginator", inputs: ["pageSize", "paginaAtual", "totalPaginas"], outputs: ["paginaAtualChange", "totalPaginasChange", "change"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produtos', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      <button mat-icon-button (click)=\"filtros()\">\n        <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>  \n  <div class=\"hbox\"  *ngIf=\"mobile\">\n    <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n    </ox-paginator>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n            <button mat-icon-button (click)=\"filtros()\">\n              <mat-icon aria-label=\"Filtros\">manage_search</mat-icon>\n            </button>\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [desativado]=\"!i.isAtivo\" [cloud]=\"i.enviadoPC\" [codigo]=\"i.id\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n      <div class=\"hbox\">\n        <ox-paginator (change)=\"trocaPagina()\" [(paginaAtual)]=\"paginaAtual\" [(totalPaginas)]=\"result.totalPaginas\">\n        </ox-paginator>\n        <div class=\"total-qtd\">Exibindo {{result.inicioQtd}}-{{result.finalQtd}} de {{result.quantidade}}</div>\n        \n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um produto no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-produto-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\" [editMode]=\"true\">\n        </ox-produto-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-raised-button color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">Salvar</button>\n        <button (click)=\"composicao()\" mat-raised-button *ngIf=\"selectedItem && usaEstoqueOnline\" tabindex=\"20\">Composi\u00E7\u00E3o</button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}.total-qtd{align-self:center;font-size:small}\n"] }]
@@ -3460,7 +3476,7 @@ 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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+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"] }, { 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"] }]
@@ -3510,7 +3526,7 @@ class MoverGrupoDialogComponent {
     }
 }
 MoverGrupoDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MoverGrupoDialogComponent, deps: [{ token: CommonWebService }, { token: i3.MatDialogRef }, { token: NotificationService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-MoverGrupoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MoverGrupoDialogComponent, selector: "ox-mover-grupo-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Transferir Produtos para um Novo Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <p *ngIf=\"!selected\">Voc\u00EA pode transferir todos os produtos que utilizam o grupo <strong>'{{dataDialog.nome}}'</strong> para outro grupo.</p>\n        <p class=\"alert alert-warning\" *ngIf=\"selected\">Transferir produtos com grupo '{{dataDialog.nome}}'' para '{{selected?.nome}}'</p>\n        <h4>Selecione um novo grupo para transferir os produtos do grupo</h4>\n   \n        <mat-select class=\"form-group\" [(value)]=\"selected\">\n            <mat-option *ngFor=\"let i of grupos\" [value]=\"i\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n        \n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+MoverGrupoDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MoverGrupoDialogComponent, selector: "ox-mover-grupo-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Transferir Produtos para um Novo Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <p *ngIf=\"!selected\">Voc\u00EA pode transferir todos os produtos que utilizam o grupo <strong>'{{dataDialog.nome}}'</strong> para outro grupo.</p>\n        <p class=\"alert alert-warning\" *ngIf=\"selected\">Transferir produtos com grupo '{{dataDialog.nome}}'' para '{{selected?.nome}}'</p>\n        <h4>Selecione um novo grupo para transferir os produtos do grupo</h4>\n   \n        <mat-select class=\"form-group\" [(value)]=\"selected\">\n            <mat-option *ngFor=\"let i of grupos\" [value]=\"i\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n        \n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MoverGrupoDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-mover-grupo-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Transferir Produtos para um Novo Grupo</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <div class=\"vbox\">\n        <p *ngIf=\"!selected\">Voc\u00EA pode transferir todos os produtos que utilizam o grupo <strong>'{{dataDialog.nome}}'</strong> para outro grupo.</p>\n        <p class=\"alert alert-warning\" *ngIf=\"selected\">Transferir produtos com grupo '{{dataDialog.nome}}'' para '{{selected?.nome}}'</p>\n        <h4>Selecione um novo grupo para transferir os produtos do grupo</h4>\n   \n        <mat-select class=\"form-group\" [(value)]=\"selected\">\n            <mat-option *ngFor=\"let i of grupos\" [value]=\"i\">\n                {{i.nome}}\n            </mat-option>\n        </mat-select>\n        \n    </div>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -3676,7 +3692,7 @@ class ProdutosGruposComponent {
     }
 }
 ProdutosGruposComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosGruposComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutosGruposComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosGruposComponent, selector: "ox-produtos-grupos", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n        <mat-icon aria-label=\"Transferir Grupo\">sync_alt</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Grupos de Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n              <mat-icon aria-label=\"Transferir Grupo\">move_up</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um grupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+ProdutosGruposComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosGruposComponent, selector: "ox-produtos-grupos", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n        <mat-icon aria-label=\"Transferir Grupo\">sync_alt</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Grupos de Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n              <mat-icon aria-label=\"Transferir Grupo\">move_up</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um grupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <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"] }, { 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: ProdutosGruposComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produtos-grupos', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n        <mat-icon aria-label=\"Transferir Grupo\">sync_alt</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Grupos de Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"moverGrupo()\" *ngIf=\"selectedItem\" [@fade]>\n              <mat-icon aria-label=\"Transferir Grupo\">move_up</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um grupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <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"] }]
@@ -3810,7 +3826,7 @@ class ProdutosSubgruposComponent {
     }
 }
 ProdutosSubgruposComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosSubgruposComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutosSubgruposComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosSubgruposComponent, selector: "ox-produtos-subgrupos", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Subgrupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Subgrupo\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Subgrupos de Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um subgrupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <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$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: ProdutoGrupoFormComponent, selector: "ox-produto-grupo-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+ProdutosSubgruposComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosSubgruposComponent, selector: "ox-produtos-subgrupos", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Subgrupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Subgrupo\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Subgrupos de Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um subgrupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <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"] }, { 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: ProdutosSubgruposComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-produtos-subgrupos', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo Subgrupo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir Subgrupo\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Subgrupos de Produtos</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um subgrupo no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-produto-grupo-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-produto-grupo-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"] }]
@@ -3886,7 +3902,7 @@ class ClientesAddDialogComponent {
     }
 }
 ClientesAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA, optional: true }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ClientesAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesAddDialogComponent, selector: "app-clientes-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }] });
+ClientesAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesAddDialogComponent, selector: "app-clientes-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesAddDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-clientes-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -3947,7 +3963,7 @@ class ClientesEditDialogComponent {
     }
 }
 ClientesEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ClientesEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesEditDialogComponent, selector: "app-clientes-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }] });
+ClientesEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesEditDialogComponent, selector: "app-clientes-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesEditDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-clientes-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Cliente</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-clientes-form [model]=\"model\" *ngIf=\"model\"></app-clientes-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -4095,7 +4111,7 @@ class ClientesComponent {
     }
 }
 ClientesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ClientesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesComponent, selector: "app-clientes", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Clientes</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-clientes-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-clientes-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+ClientesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ClientesComponent, selector: "app-clientes", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Clientes</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-clientes-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-clientes-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }, { kind: "component", type: ClientesFormComponent, selector: "app-clientes-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ClientesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-clientes', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Clientes</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um cliente no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-clientes-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-clientes-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"] }]
@@ -4186,7 +4202,7 @@ class SelecaoClienteDialogComponent {
     }
 }
 SelecaoClienteDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SelecaoClienteDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-SelecaoClienteDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: SelecaoClienteDialogComponent, selector: "app-selecao-cliente-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Clientes</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n      <span>{{i.nome}}</span>\n    </div>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+SelecaoClienteDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: SelecaoClienteDialogComponent, selector: "app-selecao-cliente-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Clientes</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n      <span>{{i.nome}}</span>\n    </div>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SelecaoClienteDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-selecao-cliente-dialog', template: "<div class=\"dialog-header\">\n    <h2>Sele\u00E7\u00E3o de Clientes</h2>\n  </div>\n  <div class=\"tool-panel\">\n    <div class=\"tool-section\">\n      <label>Pesquisa</label>\n      <div class=\"search-input-container\">\n        <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n      </div>\n    </div>\n    <div class=\"tool-section\">\n      <label>A\u00E7\u00F5es</label>\n      <div class=\"tool-row\">\n        <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n          <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n          <mat-icon aria-label=\"novo\">add</mat-icon>\n        </button>\n        <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n          <mat-icon aria-label=\"editar\">edit</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"dialog-content\">\n    <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n      <span>{{i.nome}}</span>\n    </div>\n  </div>\n  <div class=\"dialog-footer\">\n    <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n    <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n  </div>\n  <ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n  ", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -4255,7 +4271,7 @@ class FornecedoresAddDialogComponent {
     }
 }
 FornecedoresAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA, optional: true }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FornecedoresAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresAddDialogComponent, selector: "app-fornecedores-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }] });
+FornecedoresAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresAddDialogComponent, selector: "app-fornecedores-add-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresAddDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fornecedores-add-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Novo Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" [disabled]=\"isBusy\" (click)=\"salvar()\"  tabindex=\"100\">SALVAR</button>\n    <button mat-button [mat-dialog-close] >VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -4316,7 +4332,7 @@ class FornecedoresEditDialogComponent {
     }
 }
 FornecedoresEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FornecedoresEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresEditDialogComponent, selector: "app-fornecedores-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }] });
+FornecedoresEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresEditDialogComponent, selector: "app-fornecedores-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresEditDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fornecedores-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Fornecedor</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <app-fornecedores-form [model]=\"model\" *ngIf=\"model\"></app-fornecedores-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -4464,7 +4480,7 @@ class FornecedoresComponent {
     }
 }
 FornecedoresComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-FornecedoresComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresComponent, selector: "app-fornecedores", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Fornecedores</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-fornecedores-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-fornecedores-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+FornecedoresComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FornecedoresComponent, selector: "app-fornecedores", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Fornecedores</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-fornecedores-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-fornecedores-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FornecedoresComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fornecedores', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n    <div class=\"tool-section ordem-sm2\">\n        <label>A\u00E7\u00F5es</label>\n        <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n                <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\n            </button>\n        </div>\n    </div>\n    <div class=\"tool-section\">\n        <label>Pesquisa</label>\n        <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                (input)=\"lazyTrigger.fire()\">\n        </div>\n    </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n    </div>\n    <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n        <div class=\"listagem-column-container listagem-list-column\">\n            <h3>Fornecedores</h3>\n            <div class=\"tool-panel tool-panel-float\">\n                <div class=\"tool-section\">\n                    <label>Pesquisa</label>\n                    <div class=\"search-input-container\">\n                        <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\n                            (input)=\"lazyTrigger.fire()\">\n                    </div>\n                </div>\n                <div class=\"tool-section ordem-sm2\">\n                    <label>A\u00E7\u00F5es</label>\n                    <div class=\"tool-row\">\n                        <button mat-icon-button (click)=\"atualiza()\">\n                            <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n                            <mat-icon aria-label=\"Novo\">add</mat-icon>\n                        </button>\n                        <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n                            <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"listagem-list-container\">\n                <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n                <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n                    (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\n            </div>\n        </div>\n        <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\n            <h3 *ngIf=\"!selectedItem\" class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\n            <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n            <div class=\"listagem-form-container\">\n                <app-fornecedores-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\"></app-fornecedores-form>\n            </div>\n            <div class=\"listagem-form-acoes\">\n                <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n                    <mat-icon>save</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fafafa}\n"] }]
@@ -4555,7 +4571,7 @@ class SelecaoFornecedorDialogComponent {
     }
 }
 SelecaoFornecedorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SelecaoFornecedorDialogComponent, deps: [{ token: i3.MatDialogRef }, { token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-SelecaoFornecedorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: SelecaoFornecedorDialogComponent, selector: "app-selecao-fornecedor-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"novo\">add</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n        <mat-icon aria-label=\"editar\">edit</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n    <span>{{i.nome}}</span>\n  </div>\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+SelecaoFornecedorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: SelecaoFornecedorDialogComponent, selector: "app-selecao-fornecedor-dialog", ngImport: i0, template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"novo\">add</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n        <mat-icon aria-label=\"editar\">edit</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n    <span>{{i.nome}}</span>\n  </div>\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: SelecaoFornecedorDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-selecao-fornecedor-dialog', template: "<div class=\"dialog-header\">\n  <h2>Sele\u00E7\u00E3o de Fornecedores</h2>\n</div>\n<div class=\"tool-panel\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input (keydown)=\"nav.onKeyDown($event)\" cdkFocusInitial [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button color=\"primary\" mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"novo\">add</mat-icon>\n      </button>\n      <button color=\"primary\" mat-icon-button (click)=\"editar()\" *ngIf=\"selectedItem\">\n        <mat-icon aria-label=\"editar\">edit</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"dialog-content\">\n  <div (click)=\"selectItem(i)\" [ngClass]=\"{selected: selectedItem === i}\" class=\"list-item\" *ngFor=\"let i of items\">\n    <span>{{i.nome}}</span>\n  </div>\n</div>\n<div class=\"dialog-footer\">\n  <button mat-button [disabled]=\"selectedItem == undefined\" color=\"primary\" [mat-dialog-close]=\"selectedItem\">CONFIRMAR</button>\n  <button mat-button [mat-dialog-close]=\"undefined\">VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
@@ -4612,7 +4628,7 @@ class ImageViewerComponent {
     }
 }
 ImageViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ImageViewerComponent, selector: "ox-image-viewer", inputs: { info: "info", infos: "infos", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ImageViewerComponent, selector: "ox-image-viewer", inputs: { info: "info", infos: "infos", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ImageViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-image-viewer', template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"] }]
@@ -4730,7 +4746,7 @@ class MonthYearPickerComponent {
     }
 }
 MonthYearPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MonthYearPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonthYearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MonthYearPickerComponent, selector: "ox-month-year-picker", inputs: { blockFuture: "blockFuture", modoAnual: "modoAnual", ano: "ano", mes: "mes" }, outputs: { anoChange: "anoChange", mesChange: "mesChange", changed: "changed" }, ngImport: i0, template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"], dependencies: [{ kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+MonthYearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MonthYearPickerComponent, selector: "ox-month-year-picker", inputs: { blockFuture: "blockFuture", modoAnual: "modoAnual", ano: "ano", mes: "mes" }, outputs: { anoChange: "anoChange", mesChange: "mesChange", changed: "changed" }, ngImport: i0, template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"], dependencies: [{ kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MonthYearPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-month-year-picker', template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"] }]
@@ -4831,7 +4847,7 @@ class NumericPickerComponent {
     }
 }
 NumericPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NumericPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NumericPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NumericPickerComponent, selector: "ox-numeric-picker", inputs: { value: "value", max: "max", min: "min" }, outputs: { valueChange: "valueChange", change: "change" }, ngImport: i0, template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"], dependencies: [{ kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+NumericPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NumericPickerComponent, selector: "ox-numeric-picker", inputs: { value: "value", max: "max", min: "min" }, outputs: { valueChange: "valueChange", change: "change" }, ngImport: i0, template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"], dependencies: [{ kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NumericPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-numeric-picker', template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"] }]