oxpi-nglib 2.0.25 → 2.0.26

package/fesm2022/oxpi-nglib.mjs

@@ -3518,6 +3518,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                     args: [MAT_DIALOG_DATA]
                 }] }, { type: CommonWebService }, { type: NotificationService }, { type: ScreenHelperService }]; } });
 
+class ProdutoCardComponent {
+    get ownership() {
+        return this._ownership;
+    }
+    set ownership(value) {
+        this._ownership = value;
+        if (value != undefined)
+            this.auth.setOwnership(value);
+    }
+    constructor(auth) {
+        this.auth = auth;
+        this.produto = null;
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, deps: [{ token: AuthDataService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto?.precoVenda\">{{produto?.precoVenda | currency:\"BRL\"}}</span>\n        <div class=\"badges\">\n         <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\">\n            e\n         </div>\n         <div class=\"badge\"  *ngIf=\"produto?.isComposto\">\n            c\n         </div>\n         <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\">\n            i\n         </div>\n        </div>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:x-small;color:#515962;text-transform:lowercase}.valor-col .badges{display:flex;flex-direction:row;gap:4px}.valor-col .badges .badge{background:#f4f4f4;border-radius:4px;padding:2px 4px;font-size:x-small;color:#515962}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i6.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n    <div class=\"valor-col\">\n        <span class=\"valor\" *ngIf=\"produto?.precoVenda\">{{produto?.precoVenda | currency:\"BRL\"}}</span>\n        <div class=\"badges\">\n         <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\">\n            e\n         </div>\n         <div class=\"badge\"  *ngIf=\"produto?.isComposto\">\n            c\n         </div>\n         <div class=\"badge\"  *ngIf=\"produto?.isIngrediente\">\n            i\n         </div>\n        </div>\n    </div>\n    <div class=\"ownership\" *ngIf=\"ownership\">\n        <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n        <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n            <span class=\"startTime\">{{ownership.startTime  | date:\"dd/MM/yy\"}}</span>\n        </span>\n    </div>\n    <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n        cloud_done\n    </span>\n</div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:x-small;color:#515962;text-transform:lowercase}.valor-col .badges{display:flex;flex-direction:row;gap:4px}.valor-col .badges .badge{background:#f4f4f4;border-radius:4px;padding:2px 4px;font-size:x-small;color:#515962}\n"] }]
+        }], ctorParameters: function () { return [{ type: AuthDataService }]; }, propDecorators: { produto: [{
+                type: Input
+            }], ownership: [{
+                type: Input
+            }] } });
+
 class ProdutosComponent {
     get selectedItem() {
         return this._selectedItem;
@@ -3744,11 +3771,11 @@ class ProdutosComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutosComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3.MatDialog }, { token: AuthDataService }, { token: i5$1.ActivatedRoute }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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 [ownership]=\"i\" [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=\"21\">Composi\u00E7\u00E3o</button>\n        <button *ngIf=\"selectedItem && selectedItem?.isHistorico !== true\" mat-button (click)=\"verHistorico()\" tabindex=\"29\">\n          <i class=\"material-icons\">history</i></button>\n        \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-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-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", "ownership"] }, { kind: "component", type: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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-produto-card [ownership]=\"i\" [produto]=\"i\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-produto-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=\"21\">Composi\u00E7\u00E3o</button>\n        <button *ngIf=\"selectedItem && selectedItem?.isHistorico !== true\" mat-button (click)=\"verHistorico()\" tabindex=\"29\">\n          <i class=\"material-icons\">history</i></button>\n        \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-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-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", "ownership"] }, { kind: "component", type: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }, { kind: "component", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: ["produto", "ownership"] }, { kind: "pipe", type: i6.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", 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 [ownership]=\"i\" [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=\"21\">Composi\u00E7\u00E3o</button>\n        <button *ngIf=\"selectedItem && selectedItem?.isHistorico !== true\" mat-button (click)=\"verHistorico()\" tabindex=\"29\">\n          <i class=\"material-icons\">history</i></button>\n        \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"] }]
+            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-produto-card [ownership]=\"i\" [produto]=\"i\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-produto-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=\"21\">Composi\u00E7\u00E3o</button>\n        <button *ngIf=\"selectedItem && selectedItem?.isHistorico !== true\" mat-button (click)=\"verHistorico()\" tabindex=\"29\">\n          <i class=\"material-icons\">history</i></button>\n        \n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}.total-qtd{align-self:center;font-size:small}\n"] }]
         }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3.MatDialog }, { type: AuthDataService }, { type: i5$1.ActivatedRoute }, { type: ScreenHelperService }]; } });
 
 class ProdutosCategoriasCardapioComponent {
@@ -5488,7 +5515,8 @@ class OxpiNglibModule {
             FornecedoresAddDialogComponent,
             FornecedoresEditDialogComponent,
             SelecaoFornecedorDialogComponent,
-            ProdutosHistoryComponent], imports: [BrowserModule,
+            ProdutosHistoryComponent,
+            ProdutoCardComponent], imports: [BrowserModule,
             BrowserAnimationsModule,
             FormsModule,
             MatButtonModule,
@@ -5504,6 +5532,7 @@ class OxpiNglibModule {
             CheckButtonComponent,
             RadioButtonGroupComponent,
             ItemCardComponent,
+            ProdutoCardComponent,
             SafeHtmlPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: OxpiNglibModule, imports: [BrowserModule,
             BrowserAnimationsModule,
@@ -5570,7 +5599,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         FornecedoresAddDialogComponent,
                         FornecedoresEditDialogComponent,
                         SelecaoFornecedorDialogComponent,
-                        ProdutosHistoryComponent
+                        ProdutosHistoryComponent,
+                        ProdutoCardComponent
                     ],
                     imports: [
                         BrowserModule,
@@ -5592,6 +5622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         CheckButtonComponent,
                         RadioButtonGroupComponent,
                         ItemCardComponent,
+                        ProdutoCardComponent,
                         SafeHtmlPipe
                     ]
                 }]
@@ -5834,5 +5865,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AlertDialogComponent, AuthDataService, BusyIndicatorComponent, BusyState, CheckButtonComponent, ClientesAddDialogComponent, ClientesComponent, ClientesEditDialogComponent, ClientesFormComponent, CommonWebService, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, FornecedoresAddDialogComponent, FornecedoresComponent, FornecedoresEditDialogComponent, FornecedoresFormComponent, FuncionarioAddDialogComponent, FuncionarioEditDialogComponent, FuncionarioFormComponent, FuncionariosComponent, ImageViewerComponent, ItemCardComponent, LazyTrigger, MonthYearPickerComponent, MoverGrupoDialogComponent, NavegacaoSelecaoDialogUtil, NotificationService, NumberParser, NumericPickerComponent, OcupacaoConducao, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, Ownership, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, ProdutoAddDialogComponent, ProdutoBuscaFiltrosDialogComponent, ProdutoCategoriaCardapioAddDialogComponent, ProdutoCategoriaCardapioEditDialogComponent, ProdutoCategoriaCardapioSelecaoDialogComponent, ProdutoComposicaoAddDialogComponent, ProdutoComposicaoComponent, ProdutoEditDialogComponent, ProdutoFormComponent, ProdutoGrupoAddDialogComponent, ProdutoGrupoEditDialogComponent, ProdutoGrupoFormComponent, ProdutoGrupoSelecaoDialogComponent, ProdutoSearchSetting, ProdutoSelecaoDialogComponent, ProdutoSubgrupoAddDialogComponent, ProdutoSubgrupoEditDialogComponent, ProdutoSubgrupoSelecaoDialogComponent, ProdutoVerificaoGrupoAddDialogComponent, ProdutoVerificaoGrupoEditDialogComponent, ProdutoVerificaoGrupoSelecaoDialogComponent, ProdutosCategoriasCardapioComponent, ProdutosComponent, ProdutosGruposComponent, ProdutosHistoryComponent, ProdutosNcmDialogComponent, ProdutosSubgruposComponent, ProdutosVerificacaoGrupoComponent, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SelecaoClienteDialogComponent, SelecaoFornecedorDialogComponent, SuitesIntervencoesSetting, confirmaExclusao, createProduct, fadeAnimation, isNotNullOrUndefined, isNullOrUndefined, lateralAnimation, menuLateralAnimation, printHtml, printTxt, selectText, setOwnershipLogin, valNumberEmpty, valNumberMin, valTextEmpty, valTextMax, valida, validaPessoa, validaProduto, validaProdutoComposicao, validaProdutoGrupo, validaSetorEstoque };
+export { AlertDialogComponent, AuthDataService, BusyIndicatorComponent, BusyState, CheckButtonComponent, ClientesAddDialogComponent, ClientesComponent, ClientesEditDialogComponent, ClientesFormComponent, CommonWebService, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, FornecedoresAddDialogComponent, FornecedoresComponent, FornecedoresEditDialogComponent, FornecedoresFormComponent, FuncionarioAddDialogComponent, FuncionarioEditDialogComponent, FuncionarioFormComponent, FuncionariosComponent, ImageViewerComponent, ItemCardComponent, LazyTrigger, MonthYearPickerComponent, MoverGrupoDialogComponent, NavegacaoSelecaoDialogUtil, NotificationService, NumberParser, NumericPickerComponent, OcupacaoConducao, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, Ownership, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, ProdutoAddDialogComponent, ProdutoBuscaFiltrosDialogComponent, ProdutoCardComponent, ProdutoCategoriaCardapioAddDialogComponent, ProdutoCategoriaCardapioEditDialogComponent, ProdutoCategoriaCardapioSelecaoDialogComponent, ProdutoComposicaoAddDialogComponent, ProdutoComposicaoComponent, ProdutoEditDialogComponent, ProdutoFormComponent, ProdutoGrupoAddDialogComponent, ProdutoGrupoEditDialogComponent, ProdutoGrupoFormComponent, ProdutoGrupoSelecaoDialogComponent, ProdutoSearchSetting, ProdutoSelecaoDialogComponent, ProdutoSubgrupoAddDialogComponent, ProdutoSubgrupoEditDialogComponent, ProdutoSubgrupoSelecaoDialogComponent, ProdutoVerificaoGrupoAddDialogComponent, ProdutoVerificaoGrupoEditDialogComponent, ProdutoVerificaoGrupoSelecaoDialogComponent, ProdutosCategoriasCardapioComponent, ProdutosComponent, ProdutosGruposComponent, ProdutosHistoryComponent, ProdutosNcmDialogComponent, ProdutosSubgruposComponent, ProdutosVerificacaoGrupoComponent, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SelecaoClienteDialogComponent, SelecaoFornecedorDialogComponent, SuitesIntervencoesSetting, confirmaExclusao, createProduct, fadeAnimation, isNotNullOrUndefined, isNullOrUndefined, lateralAnimation, menuLateralAnimation, printHtml, printTxt, selectText, setOwnershipLogin, valNumberEmpty, valNumberMin, valTextEmpty, valTextMax, valida, validaPessoa, validaProduto, validaProdutoComposicao, validaProdutoGrupo, validaSetorEstoque };
 //# sourceMappingURL=oxpi-nglib.mjs.map