oxpi-nglib 3.0.2 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -24,6 +24,8 @@ import * as i2$2 from '@angular/material/checkbox';
24
24
  import { MatCheckboxModule } from '@angular/material/checkbox';
25
25
  import * as i4$1 from '@angular/material/datepicker';
26
26
  import { MatDatepickerModule } from '@angular/material/datepicker';
27
+ import * as i4$2 from '@angular/material/menu';
28
+ import { MatMenuModule } from '@angular/material/menu';
27
29
  import * as FileSaver from 'file-saver';
28
30
  import { MatAutocompleteModule } from '@angular/material/autocomplete';
29
31
  import { DomSanitizer } from '@angular/platform-browser';
@@ -2165,11 +2167,11 @@ class FornecedoresComponent {
2165
2167
  });
2166
2168
  }
2167
2169
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2168
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresComponent, isStandalone: true, selector: "app-fornecedores", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (mobile) {\r\n <div class=\"tool-panel\">\r\n <div class=\"tool-section ordem-sm2\">\r\n <label>A\u00E7\u00F5es</label>\r\n <div class=\"tool-row\">\r\n <button mat-icon-button (click)=\"atualiza()\">\r\n <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n </button>\r\n @if (allowAdd) {\r\n <button mat-icon-button (click)=\"novo()\">\r\n <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\r\n </button>\r\n }\r\n @if (selectedItem && allowExcluir) {\r\n <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\r\n </button>\r\n }\r\n <button mat-icon-button (click)=\"baixarExcel()\">\r\n <mat-icon aria-label=\"Exportar Excel\">file_download</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"tool-section\">\r\n <label>Pesquisa</label>\r\n <div class=\"search-input-container\">\r\n <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n (input)=\"lazyTrigger.fire()\">\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n@if (items) {\r\n <div class=\"result-container\">\r\n @if (mobile) {\r\n <div class=\"cards-container cards-container-shadow\">\r\n @for (i of items; track i) {\r\n <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n }\r\n </div>\r\n }\r\n @if (!mobile) {\r\n <div class=\"listagem-desktop-grid\">\r\n <div class=\"listagem-column-container listagem-list-column\">\r\n <h3>Fornecedores</h3>\r\n <div class=\"tool-panel tool-panel-float\">\r\n <div class=\"tool-section\">\r\n <label>Pesquisa</label>\r\n <div class=\"search-input-container\">\r\n <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n (input)=\"lazyTrigger.fire()\">\r\n </div>\r\n </div>\r\n <div class=\"tool-section ordem-sm2\">\r\n <label>A\u00E7\u00F5es</label>\r\n <div class=\"tool-row\">\r\n <button mat-icon-button (click)=\"atualiza()\">\r\n <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n </button>\r\n @if (allowAdd) {\r\n <button mat-icon-button (click)=\"novo()\">\r\n <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n </button>\r\n }\r\n @if (selectedItem && allowExcluir) {\r\n <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n </button>\r\n }\r\n <button mat-icon-button (click)=\"baixarExcel()\">\r\n <mat-icon aria-label=\"Exportar Excel\">file_download</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"listagem-list-container\">\r\n @if (items.length === 0) {\r\n <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n }\r\n @for (i of items; track i) {\r\n <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\r\n }\r\n </div>\r\n </div>\r\n <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\r\n @if (!selectedItem) {\r\n <h3 class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\r\n }\r\n @if (selectedItem) {\r\n <h3>{{selectedItem.nome | uppercase}}</h3>\r\n }\r\n <div class=\"listagem-form-container\">\r\n @if (selectedItem) {\r\n <app-fornecedores-form [@fade] [model]=\"selectedItem\"></app-fornecedores-form>\r\n }\r\n </div>\r\n <div class=\"listagem-form-acoes\">\r\n @if (selectedItem) {\r\n <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n <mat-icon>save</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado", "ownership"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2170
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FornecedoresComponent, isStandalone: true, selector: "app-fornecedores", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n<mat-menu #menuImportarExportar=\"matMenu\">\r\n <button mat-menu-item (click)=\"baixarExcel()\">\r\n <mat-icon>file_download</mat-icon>\r\n <span>Baixar em Excel</span>\r\n </button>\r\n</mat-menu>\r\n@if (mobile) {\r\n <div class=\"tool-panel\">\r\n <div class=\"tool-section ordem-sm2\">\r\n <label>A\u00E7\u00F5es</label>\r\n <div class=\"tool-row\">\r\n <button mat-icon-button (click)=\"atualiza()\">\r\n <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n </button>\r\n @if (allowAdd) {\r\n <button mat-icon-button (click)=\"novo()\">\r\n <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\r\n </button>\r\n }\r\n @if (selectedItem && allowExcluir) {\r\n <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\r\n </button>\r\n }\r\n <button mat-icon-button [matMenuTriggerFor]=\"menuImportarExportar\">\r\n <mat-icon aria-label=\"Importar/Exportar\">drive_folder_upload</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"tool-section\">\r\n <label>Pesquisa</label>\r\n <div class=\"search-input-container\">\r\n <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n (input)=\"lazyTrigger.fire()\">\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n@if (items) {\r\n <div class=\"result-container\">\r\n @if (mobile) {\r\n <div class=\"cards-container cards-container-shadow\">\r\n @for (i of items; track i) {\r\n <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n }\r\n </div>\r\n }\r\n @if (!mobile) {\r\n <div class=\"listagem-desktop-grid\">\r\n <div class=\"listagem-column-container listagem-list-column\">\r\n <h3>Fornecedores</h3>\r\n <div class=\"tool-panel tool-panel-float\">\r\n <div class=\"tool-section\">\r\n <label>Pesquisa</label>\r\n <div class=\"search-input-container\">\r\n <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n (input)=\"lazyTrigger.fire()\">\r\n </div>\r\n </div>\r\n <div class=\"tool-section ordem-sm2\">\r\n <label>A\u00E7\u00F5es</label>\r\n <div class=\"tool-row\">\r\n <button mat-icon-button (click)=\"atualiza()\">\r\n <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n </button>\r\n @if (allowAdd) {\r\n <button mat-icon-button (click)=\"novo()\">\r\n <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n </button>\r\n }\r\n @if (selectedItem && allowExcluir) {\r\n <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n </button>\r\n }\r\n <button mat-icon-button [matMenuTriggerFor]=\"menuImportarExportar\">\r\n <mat-icon aria-label=\"Importar/Exportar\">drive_folder_upload</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"listagem-list-container\">\r\n @if (items.length === 0) {\r\n <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n }\r\n @for (i of items; track i) {\r\n <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\r\n }\r\n </div>\r\n </div>\r\n <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\r\n @if (!selectedItem) {\r\n <h3 class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\r\n }\r\n @if (selectedItem) {\r\n <h3>{{selectedItem.nome | uppercase}}</h3>\r\n }\r\n <div class=\"listagem-form-container\">\r\n @if (selectedItem) {\r\n <app-fornecedores-form [@fade] [model]=\"selectedItem\"></app-fornecedores-form>\r\n }\r\n </div>\r\n <div class=\"listagem-form-acoes\">\r\n @if (selectedItem) {\r\n <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n <mat-icon>save</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado", "ownership"] }, { kind: "component", type: FornecedoresFormComponent, selector: "app-fornecedores-form", inputs: ["model"] }, { kind: "pipe", type: i4.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2169
2171
  }
2170
2172
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresComponent, decorators: [{
2171
2173
  type: Component,
2172
- args: [{ selector: 'app-fornecedores', animations: [fadeAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatButtonModule, MatIconModule, BusyIndicatorComponent, ItemCardComponent, FornecedoresFormComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n@if (mobile) {\r\n <div class=\"tool-panel\">\r\n <div class=\"tool-section ordem-sm2\">\r\n <label>A\u00E7\u00F5es</label>\r\n <div class=\"tool-row\">\r\n <button mat-icon-button (click)=\"atualiza()\">\r\n <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n </button>\r\n @if (allowAdd) {\r\n <button mat-icon-button (click)=\"novo()\">\r\n <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\r\n </button>\r\n }\r\n @if (selectedItem && allowExcluir) {\r\n <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\r\n </button>\r\n }\r\n <button mat-icon-button (click)=\"baixarExcel()\">\r\n <mat-icon aria-label=\"Exportar Excel\">file_download</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"tool-section\">\r\n <label>Pesquisa</label>\r\n <div class=\"search-input-container\">\r\n <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n (input)=\"lazyTrigger.fire()\">\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n@if (items) {\r\n <div class=\"result-container\">\r\n @if (mobile) {\r\n <div class=\"cards-container cards-container-shadow\">\r\n @for (i of items; track i) {\r\n <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n }\r\n </div>\r\n }\r\n @if (!mobile) {\r\n <div class=\"listagem-desktop-grid\">\r\n <div class=\"listagem-column-container listagem-list-column\">\r\n <h3>Fornecedores</h3>\r\n <div class=\"tool-panel tool-panel-float\">\r\n <div class=\"tool-section\">\r\n <label>Pesquisa</label>\r\n <div class=\"search-input-container\">\r\n <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n (input)=\"lazyTrigger.fire()\">\r\n </div>\r\n </div>\r\n <div class=\"tool-section ordem-sm2\">\r\n <label>A\u00E7\u00F5es</label>\r\n <div class=\"tool-row\">\r\n <button mat-icon-button (click)=\"atualiza()\">\r\n <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n </button>\r\n @if (allowAdd) {\r\n <button mat-icon-button (click)=\"novo()\">\r\n <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n </button>\r\n }\r\n @if (selectedItem && allowExcluir) {\r\n <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n </button>\r\n }\r\n <button mat-icon-button (click)=\"baixarExcel()\">\r\n <mat-icon aria-label=\"Exportar Excel\">file_download</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"listagem-list-container\">\r\n @if (items.length === 0) {\r\n <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n }\r\n @for (i of items; track i) {\r\n <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\r\n }\r\n </div>\r\n </div>\r\n <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\r\n @if (!selectedItem) {\r\n <h3 class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\r\n }\r\n @if (selectedItem) {\r\n <h3>{{selectedItem.nome | uppercase}}</h3>\r\n }\r\n <div class=\"listagem-form-container\">\r\n @if (selectedItem) {\r\n <app-fornecedores-form [@fade] [model]=\"selectedItem\"></app-fornecedores-form>\r\n }\r\n </div>\r\n <div class=\"listagem-form-acoes\">\r\n @if (selectedItem) {\r\n <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n <mat-icon>save</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"] }]
2174
+ args: [{ selector: 'app-fornecedores', animations: [fadeAnimation], changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MatButtonModule, MatIconModule, MatMenuModule, BusyIndicatorComponent, ItemCardComponent, FornecedoresFormComponent], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\r\n<mat-menu #menuImportarExportar=\"matMenu\">\r\n <button mat-menu-item (click)=\"baixarExcel()\">\r\n <mat-icon>file_download</mat-icon>\r\n <span>Baixar em Excel</span>\r\n </button>\r\n</mat-menu>\r\n@if (mobile) {\r\n <div class=\"tool-panel\">\r\n <div class=\"tool-section ordem-sm2\">\r\n <label>A\u00E7\u00F5es</label>\r\n <div class=\"tool-row\">\r\n <button mat-icon-button (click)=\"atualiza()\">\r\n <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n </button>\r\n @if (allowAdd) {\r\n <button mat-icon-button (click)=\"novo()\">\r\n <mat-icon aria-label=\"Novo Grupo\">add</mat-icon>\r\n </button>\r\n }\r\n @if (selectedItem && allowExcluir) {\r\n <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n <mat-icon aria-label=\"Excluir Grupo\">delete</mat-icon>\r\n </button>\r\n }\r\n <button mat-icon-button [matMenuTriggerFor]=\"menuImportarExportar\">\r\n <mat-icon aria-label=\"Importar/Exportar\">drive_folder_upload</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"tool-section\">\r\n <label>Pesquisa</label>\r\n <div class=\"search-input-container\">\r\n <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n (input)=\"lazyTrigger.fire()\">\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n@if (items) {\r\n <div class=\"result-container\">\r\n @if (mobile) {\r\n <div class=\"cards-container cards-container-shadow\">\r\n @for (i of items; track i) {\r\n <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" (click)=\"abreCadastro(i)\"></ox-item-card>\r\n }\r\n </div>\r\n }\r\n @if (!mobile) {\r\n <div class=\"listagem-desktop-grid\">\r\n <div class=\"listagem-column-container listagem-list-column\">\r\n <h3>Fornecedores</h3>\r\n <div class=\"tool-panel tool-panel-float\">\r\n <div class=\"tool-section\">\r\n <label>Pesquisa</label>\r\n <div class=\"search-input-container\">\r\n <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\"\r\n (input)=\"lazyTrigger.fire()\">\r\n </div>\r\n </div>\r\n <div class=\"tool-section ordem-sm2\">\r\n <label>A\u00E7\u00F5es</label>\r\n <div class=\"tool-row\">\r\n <button mat-icon-button (click)=\"atualiza()\">\r\n <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\r\n </button>\r\n @if (allowAdd) {\r\n <button mat-icon-button (click)=\"novo()\">\r\n <mat-icon aria-label=\"Novo\">add</mat-icon>\r\n </button>\r\n }\r\n @if (selectedItem && allowExcluir) {\r\n <button mat-icon-button (click)=\"excluir()\" [@fade]>\r\n <mat-icon aria-label=\"Excluir\">delete</mat-icon>\r\n </button>\r\n }\r\n <button mat-icon-button [matMenuTriggerFor]=\"menuImportarExportar\">\r\n <mat-icon aria-label=\"Importar/Exportar\">drive_folder_upload</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"listagem-list-container\">\r\n @if (items.length === 0) {\r\n <h4 class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\r\n }\r\n @for (i of items; track i) {\r\n <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" [class.selected]=\"i === selectedItem\"\r\n (click)=\"selectedItem = i; onSelectItem();\"></ox-item-card >\r\n }\r\n </div>\r\n </div>\r\n <div id=\"form-column\" class=\"listagem-column-container listagem-column-form\">\r\n @if (!selectedItem) {\r\n <h3 class=\"selecione-um-item-msg\">Selecione um fornecedor no lado direito</h3>\r\n }\r\n @if (selectedItem) {\r\n <h3>{{selectedItem.nome | uppercase}}</h3>\r\n }\r\n <div class=\"listagem-form-container\">\r\n @if (selectedItem) {\r\n <app-fornecedores-form [@fade] [model]=\"selectedItem\"></app-fornecedores-form>\r\n }\r\n </div>\r\n <div class=\"listagem-form-acoes\">\r\n @if (selectedItem) {\r\n <button (click)=\"salvar()\" mat-fab color=\"primary\" tabindex=\"20\">\r\n <mat-icon>save</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n}", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#f0f0f0}:host{background-color:#fafafa}\n"] }]
2173
2175
  }], ctorParameters: () => [] });
2174
2176
 
2175
2177
  class SelecaoFornecedorDialogComponent {