oxpi-nglib 3.0.1 → 3.0.3

package/fesm2022/oxpi-nglib.mjs

@@ -24,9 +24,11 @@ import * as i2$2 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i4$1 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i4$2 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as FileSaver from 'file-saver';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { DomSanitizer } from '@angular/platform-browser';
-import * as FileSaver from 'file-saver';
 
 function valTextEmpty(v) {
     return v === null ||
@@ -193,6 +195,10 @@ class CommonWebService {
         const url = this.FORNECEDOR_BASE_URL + id;
         return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
     }
+    baixarExcelFornecedores(setting) {
+        const url = this.FORNECEDOR_BASE_URL + 'ExportaExcel/';
+        return this.http.post(url, JSON.stringify(setting), this.getExcelOptions());
+    }
     getOperadores() {
         const url = this.OPERADOR_BASE_URL;
         return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
@@ -1850,6 +1856,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                 type: Input
             }] } });
 
+class ExportFileService {
+    empresaNomeFile;
+    constructor() { }
+    start(empresaNomeFile) {
+        this.empresaNomeFile = empresaNomeFile.replace(' ', "_").toLowerCase();
+        ;
+    }
+    exportarExcel(r, fileName) {
+        const blob = new Blob([r], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+        FileSaver.saveAs(blob, `${fileName}.${this.empresaNomeFile}.xlsx`);
+    }
+    printHtml(r) {
+        const s = r + '<script>window.onload = function() { window.print(); }</script>';
+        const blob = new Blob([s], { type: 'text/html' });
+        const url = window.URL.createObjectURL(blob);
+        const w = window.open(url, '_blank', 'noreferrer');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ExportFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ExportFileService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ExportFileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 class FornecedoresAddDialogComponent {
     ws = inject(CommonWebService);
     notification = inject(NotificationService);
@@ -1975,6 +2008,7 @@ class FornecedoresComponent {
     notification = inject(NotificationService);
     dialog = inject(MatDialog);
     screenHelper = inject(ScreenHelperService);
+    exFile = inject(ExportFileService);
     cdr = inject(ChangeDetectorRef);
     mobile;
     isBusy = false;
@@ -2092,6 +2126,22 @@ class FornecedoresComponent {
             this.atualiza();
         });
     }
+    baixarExcel() {
+        this.isBusy = true;
+        this.ws.baixarExcelFornecedores(this.setting)
+            .subscribe({
+            next: r => {
+                this.exFile.exportarExcel(r, 'fornecedores');
+                this.isBusy = false;
+                this.cdr.markForCheck();
+            },
+            error: err => {
+                this.isBusy = false;
+                this.notification.showHttpError(err);
+                this.cdr.markForCheck();
+            }
+        });
+    }
     salvar() {
         const item = this.selectedItem;
         if (!item)
@@ -2117,11 +2167,11 @@ class FornecedoresComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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      </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              </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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FornecedoresComponent, decorators: [{
             type: Component,
-            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      </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              </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"] }]
+            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"] }]
         }], ctorParameters: () => [] });
 
 class SelecaoFornecedorDialogComponent {
@@ -3119,33 +3169,6 @@ class SuitesIntervencoesSetting extends SearchSetting {
     status;
 }
 
-class ExportFileService {
-    empresaNomeFile;
-    constructor() { }
-    start(empresaNomeFile) {
-        this.empresaNomeFile = empresaNomeFile.replace(' ', "_").toLowerCase();
-        ;
-    }
-    exportarExcel(r, fileName) {
-        const blob = new Blob([r], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-        FileSaver.saveAs(blob, `${fileName}.${this.empresaNomeFile}.xlsx`);
-    }
-    printHtml(r) {
-        const s = r + '<script>window.onload = function() { window.print(); }</script>';
-        const blob = new Blob([s], { type: 'text/html' });
-        const url = window.URL.createObjectURL(blob);
-        const w = window.open(url, '_blank', 'noreferrer');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ExportFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ExportFileService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ExportFileService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
 class Preferences {
     constructor() {
     }