info-library 2.14.6 → 2.14.7

package/fesm2015/info-library.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Pipe, Component, Input, EventEmitter, forwardRef, Output, ViewChild, Renderer2, ElementRef, Directive, HostListener, ContentChildren, HostBinding, SecurityContext, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Pipe, Component, Input, EventEmitter, forwardRef, Output, HostListener, ViewChild, Renderer2, ElementRef, Directive, ContentChildren, HostBinding, SecurityContext, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { conformToMask, createTextMaskInputElement } from 'text-mask-core/dist/textMaskCore';
 import { __awaiter } from 'tslib';
 import { of, Observable } from 'rxjs';
@@ -854,7 +854,9 @@ class InfoModalComponent {
                 this.submit();
         });
     }
-    submit() {
+    submit(e = null) {
+        if (e)
+            e.preventDefault();
         if (this.onsave.observers.length > 0) {
             this.onsave.next();
             return;
@@ -892,7 +894,9 @@ class InfoModalComponent {
             this.loading = false;
         });
     }
-    close() {
+    close(e = null) {
+        if (e)
+            e.preventDefault();
         this.messages = [];
         this.loading = false;
         this._ref.close(this.prop);
@@ -909,7 +913,11 @@ class InfoModalComponent {
     setDisabledState(isDisabled) { }
 }
 /** @nocollapse */ InfoModalComponent.ɵfac = function InfoModalComponent_Factory(t) { return new (t || InfoModalComponent)(i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA), i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
-/** @nocollapse */ InfoModalComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoModalComponent, selectors: [["info-modal"]], inputs: { modaltitle: "modaltitle", showcloseicon: "showcloseicon", api: "api", method: "method", readonly: "readonly", loading: "loading", loadingblock: "loadingblock", form: "form", labelclose: "labelclose", labelcancel: "labelcancel", labelsubmit: "labelsubmit", messages: "messages", width: "width" }, outputs: { onsave: "onsave", onsuccess: "onsuccess" }, features: [i0.ɵɵProvidersFeature([
+/** @nocollapse */ InfoModalComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoModalComponent, selectors: [["info-modal"]], hostBindings: function InfoModalComponent_HostBindings(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵlistener("keydown.enter", function InfoModalComponent_keydown_enter_HostBindingHandler($event) { return ctx.submit($event); }, false, i0.ɵɵresolveDocument)("keydown.esc", function InfoModalComponent_keydown_esc_HostBindingHandler($event) { return ctx.close($event); }, false, i0.ɵɵresolveDocument);
+        }
+    }, inputs: { modaltitle: "modaltitle", showcloseicon: "showcloseicon", api: "api", method: "method", readonly: "readonly", loading: "loading", loadingblock: "loadingblock", form: "form", labelclose: "labelclose", labelcancel: "labelcancel", labelsubmit: "labelsubmit", messages: "messages", width: "width" }, outputs: { onsave: "onsave", onsuccess: "onsuccess" }, features: [i0.ɵɵProvidersFeature([
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef((() => InfoModalComponent)),
@@ -994,6 +1002,12 @@ class InfoModalComponent {
                 type: Output
             }], onsuccess: [{
                 type: Output
+            }], submit: [{
+                type: HostListener,
+                args: ['document:keydown.enter', ['$event']]
+            }], close: [{
+                type: HostListener,
+                args: ['document:keydown.esc', ['$event']]
             }] });
 })();
 
@@ -2847,18 +2861,28 @@ class InfoDialogComponent {
             this.model.labelCancel = 'Nao';
         }
     }
-    onclickCancel() {
+    onclickCancel(e = null) {
+        if (e)
+            e.preventDefault();
         this.ref.close(new InfoDialogResult(this.model.yesOrNo ? InfoDialogButtons.No : InfoDialogButtons.Cancel));
     }
-    onclickOk() {
+    onclickOk(e = null) {
+        if (e)
+            e.preventDefault();
         this.ref.close(new InfoDialogResult(this.model.yesOrNo ? InfoDialogButtons.Yes : InfoDialogButtons.Ok));
     }
-    onclickAux() {
+    onclickAux(e = null) {
+        if (e)
+            e.preventDefault();
         this.ref.close(new InfoDialogResult(InfoDialogButtons.Aux));
     }
 }
 /** @nocollapse */ InfoDialogComponent.ɵfac = function InfoDialogComponent_Factory(t) { return new (t || InfoDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
-/** @nocollapse */ InfoDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoDialogComponent, selectors: [["info-dialog"]], decls: 10, vars: 9, consts: [["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["mat-dialog-content", "", 1, "mb-3"], [3, "innerHTML", 4, "ngIf"], ["color", "danger", 4, "ngIf"], ["mat-dialog-actions", "", 1, "buttons"], ["mat-button", "", 3, "color", "click", 4, "ngIf"], ["mat-button", "", "cdkFocusInitial", "", 3, "color", "click"], ["mat-dialog-title", "", 3, "innerHTML"], [3, "innerHTML"], ["color", "danger"], ["mat-button", "", 3, "color", "click"]], template: function InfoDialogComponent_Template(rf, ctx) {
+/** @nocollapse */ InfoDialogComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoDialogComponent, selectors: [["info-dialog"]], hostBindings: function InfoDialogComponent_HostBindings(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵlistener("keydown.esc", function InfoDialogComponent_keydown_esc_HostBindingHandler($event) { return ctx.onclickCancel($event); }, false, i0.ɵɵresolveDocument)("keydown.enter", function InfoDialogComponent_keydown_enter_HostBindingHandler($event) { return ctx.onclickOk($event); }, false, i0.ɵɵresolveDocument)("keydown.space", function InfoDialogComponent_keydown_space_HostBindingHandler($event) { return ctx.onclickAux($event); }, false, i0.ɵɵresolveDocument);
+        }
+    }, decls: 10, vars: 9, consts: [["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["mat-dialog-content", "", 1, "mb-3"], [3, "innerHTML", 4, "ngIf"], ["color", "danger", 4, "ngIf"], ["mat-dialog-actions", "", 1, "buttons"], ["mat-button", "", 3, "color", "click", 4, "ngIf"], ["mat-button", "", "cdkFocusInitial", "", 3, "color", "click"], ["mat-dialog-title", "", 3, "innerHTML"], [3, "innerHTML"], ["color", "danger"], ["mat-button", "", 3, "color", "click"]], template: function InfoDialogComponent_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵtemplate(0, InfoDialogComponent_h1_0_Template, 2, 3, "h1", 0);
             i0.ɵɵelementStart(1, "div", 1);
@@ -2900,7 +2924,16 @@ class InfoDialogComponent {
                         type: Inject,
                         args: [MAT_DIALOG_DATA]
                     }] }];
-    }, null);
+    }, { onclickCancel: [{
+                type: HostListener,
+                args: ['document:keydown.esc', ['$event']]
+            }], onclickOk: [{
+                type: HostListener,
+                args: ['document:keydown.enter', ['$event']]
+            }], onclickAux: [{
+                type: HostListener,
+                args: ['document:keydown.space', ['$event']]
+            }] });
 })();
 
 function InfoPaginatorComponent_div_0_label_3_Template(rf, ctx) {
@@ -5900,11 +5933,11 @@ class InfoGridComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("messages", ctx.messages);
         }
-    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgStyle, i1$2.NgSwitch, i1$2.NgSwitchCase, i3.ɵNgNoValidate, i3.NgControlStatusGroup, i3.NgForm, i4.MatIcon, i13.MatButton, i13.MatAnchor, i7.MatProgressBar, i15.MatTooltip, InfoAlertComponent, InfoPaginatorComponent, InfoPagebarComponent, i1$2.DecimalPipe, i1$2.DatePipe, InfoTranslatePipe], styles: ["[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%]   #auto-refresh[_ngcontent-%COMP%]{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}[_nghost-%COMP%]   #auto-refresh[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:18px;cursor:default}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]{background:#fcfcfc}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{width:25px;height:25px;line-height:25px;text-align:center}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:18px}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:hover{transition:color .2s}[_nghost-%COMP%]   .search-container[_ngcontent-%COMP%]{margin-top:10px;position:relative}[_nghost-%COMP%]   .title-grid[_ngcontent-%COMP%]{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_id[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_dia[_ngcontent-%COMP%]{width:80px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_moeda[_ngcontent-%COMP%]{width:90px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_dataposicao[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_referencia[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_data[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_datacotacao[_ngcontent-%COMP%]{width:125px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_conta[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_identificador[_ngcontent-%COMP%]{width:250px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_cliente[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_nome[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_descricao[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_nome[_ngcontent-%COMP%]{width:400px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   .icone-secundario[_ngcontent-%COMP%]{font-size:12px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table-title[_ngcontent-%COMP%]{padding:0!important}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]{border-collapse:separate;border-spacing:0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:transparent}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th.actions[_ngcontent-%COMP%]{border-bottom-width:0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:after{display:none}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .managercols[_ngcontent-%COMP%]{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]:hover   .managercols[_ngcontent-%COMP%]{opacity:1!important}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{height:32px;background:var(--ux-cor-hover)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:13px;font-weight:600;cursor:default;transition:color .2s ease-in-out;padding:7px 0 0 5px;border:solid 1px transparent;border-width:1px 0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{border-left-width:1px;border-radius:3px 0 0 3px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:nth-last-child(2){border-right-width:1px;border-radius:0 3px 3px 0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background:var(--ux-cor-hover)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]   .mat-icon.icone-expandido[_ngcontent-%COMP%]{transform:rotate(180deg)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais.mostrar-mais-expandido[_ngcontent-%COMP%]{bottom:0;box-shadow:none}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td.td-actions[_ngcontent-%COMP%]{padding-top:3px;padding-bottom:3px;border-bottom:none;margin-top:0;margin-right:3px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td.td-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled{pointer-events:none;opacity:.4}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{height:17px;line-height:17px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel[_ngcontent-%COMP%]{overflow:hidden;height:35px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel.break-word[_ngcontent-%COMP%]{word-break:break-word}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel.label-expandida[_ngcontent-%COMP%]{height:100%}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   *[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected-row[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{cursor:pointer}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   td[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border-color:var(--cor-C)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   .mostrar-mais[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected-row[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]{background-color:var(--cor-C)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover{background:var(--ux-cor-hover)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover   .mostrar-mais[_ngcontent-%COMP%]{background-color:var(--ux-cor-hover)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover   .td-actions[_ngcontent-%COMP%]{background:var(--ux-cor-hover)}"] });
+    }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgStyle, i1$2.NgSwitch, i1$2.NgSwitchCase, i3.ɵNgNoValidate, i3.NgControlStatusGroup, i3.NgForm, i4.MatIcon, i13.MatButton, i13.MatAnchor, i7.MatProgressBar, i15.MatTooltip, InfoAlertComponent, InfoPaginatorComponent, InfoPagebarComponent, i1$2.DecimalPipe, i1$2.DatePipe, InfoTranslatePipe], styles: ["[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%]   #auto-refresh[_ngcontent-%COMP%]{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}[_nghost-%COMP%]   #auto-refresh[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:18px;cursor:default}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]{background:#fcfcfc}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{width:25px;height:25px;line-height:25px;text-align:center}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{font-size:18px}[_nghost-%COMP%]   .table-title[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:hover{transition:color .2s}[_nghost-%COMP%]   .search-container[_ngcontent-%COMP%]{margin-top:10px;position:relative}[_nghost-%COMP%]   .title-grid[_ngcontent-%COMP%]{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_id[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_dia[_ngcontent-%COMP%]{width:80px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_moeda[_ngcontent-%COMP%]{width:90px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_dataposicao[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_referencia[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_data[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_datacotacao[_ngcontent-%COMP%]{width:125px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_conta[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_identificador[_ngcontent-%COMP%]{width:250px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_cliente[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_nome[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_descricao[_ngcontent-%COMP%], [_nghost-%COMP%]   table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   .col_nome[_ngcontent-%COMP%]{width:400px}[_nghost-%COMP%]   table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   .icone-secundario[_ngcontent-%COMP%]{font-size:12px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table-title[_ngcontent-%COMP%]{padding:0!important}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]{border-collapse:separate;border-spacing:0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]{background:transparent}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th.actions[_ngcontent-%COMP%]{border-bottom-width:0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:after{display:none}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .managercols[_ngcontent-%COMP%]{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]:hover   .managercols[_ngcontent-%COMP%]{opacity:1!important}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]{height:33px;background:var(--ux-cor-hover)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{font-size:13px;font-weight:600;cursor:default;transition:color .2s ease-in-out;padding:7px 0 0 5px;border:solid 1px transparent;border-width:1px 0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{border-left-width:1px;border-radius:3px 0 0 3px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:nth-last-child(2){border-right-width:1px;border-radius:0 3px 3px 0}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background:var(--ux-cor-hover)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]   .mat-icon.icone-expandido[_ngcontent-%COMP%]{transform:rotate(180deg)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .mostrar-mais.mostrar-mais-expandido[_ngcontent-%COMP%]{bottom:0;box-shadow:none}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td.td-actions[_ngcontent-%COMP%]{padding-top:3px;padding-bottom:3px;border-bottom:none;margin-top:0;margin-right:3px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td.td-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled{pointer-events:none;opacity:.4}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{height:17px;line-height:17px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel[_ngcontent-%COMP%]{overflow:hidden;height:35px}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel.break-word[_ngcontent-%COMP%]{word-break:break-word}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   .td-expansivel[_ngcontent-%COMP%]   .label-expansivel.label-expandida[_ngcontent-%COMP%]{height:100%}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   *[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected-row[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{cursor:pointer}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   td[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border-color:var(--cor-C)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   .mostrar-mais[_ngcontent-%COMP%], .uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.selected-row[_ngcontent-%COMP%]   .mostrar-mais[_ngcontent-%COMP%]{background-color:var(--cor-C)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover{background:var(--ux-cor-hover)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover   .mostrar-mais[_ngcontent-%COMP%]{background-color:var(--ux-cor-hover)}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover   .td-actions[_ngcontent-%COMP%]{background:var(--ux-cor-hover)}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoGridComponent, [{
             type: Component,
-            args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" icon=\"work\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n    <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n        <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n    </button>\r\n\r\n    <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n        <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n            <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n            {{ b.label | translate }}\r\n        </button>\r\n    </ng-container>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"find()\">\r\n        <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"find()\">\r\n        <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n        <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n    </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n    <div class=\"table-responsive white\">\r\n        <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n            <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n                <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n                        <div class=\"row\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n                        <div class=\"search-buttons \">\r\n                            <ng-container *ngIf=\"searchonlyonebutton\">\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    {{ 'Buscar' | translate }}\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngIf=\"!searchonlyonebutton\">\r\n                                <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n                                    <mat-icon class=\"fs-20\">close</mat-icon>\r\n                                </button>\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    <mat-icon class=\"fs-20\">search</mat-icon>\r\n                                </button>\r\n                                \r\n                                <ng-container *ngFor=\"let b of searchbuttons\">\r\n                                    <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n                                        <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n                                    </button>\r\n                                </ng-container>\r\n                  \r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <fieldset *ngIf=\"!showPagebar\"><legend [innerHTML]=\"pagebarTitle | translate\"></legend></fieldset>\r\n        <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n        <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n            <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n        </div>\r\n\r\n        <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" (mouseleave)=\"overIndex = -1\" *ngIf=\"data != null\" >\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n                        <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                        <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                    </ng-container>\r\n\r\n                    <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n                        <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n                            <mat-icon>add_circle_outline</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n                            <mat-icon class=\"icon-out\">settings</mat-icon>\r\n                        </button>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody class=\"grid-content\">\r\n                <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons, 'selected-row': j == overIndex }\" [class]=\"mod.Class\" (click)=\"access(mod)\" (mouseenter)=\"overIndex = j\" >\r\n                    <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n                        <ng-container *ngFor=\"let icon of icons\">\r\n                            <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n                        </ng-container>\r\n                    </td>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n                        <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n                        <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n                            <ng-container *ngSwitchCase=\"'label'\">\r\n                                <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n                                    <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': enabledexpand && colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === true\" [innerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n                                    <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': enabledexpand == true && colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n                                    <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': enabledexpand == true && colunasItensExpandidos[j][i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j,i)\">\r\n                                        <mat-icon [ngClass]=\"{'icone-expandido': enabledexpand == true && colunasItensExpandidos[j][i] }\">keyboard_arrow_down</mat-icon>\r\n                                    </div>\r\n                                    <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n                                </td>\r\n                                <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n                            </ng-container>\r\n\r\n                            <td nowrap *ngSwitchCase=\"'date'\" [innerHTML]=\"mod[col] | date:'shortDate'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'monthyear'\" [innerHTML]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n                           \r\n                            <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n                                <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n                                <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n                                <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n                            </td>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"enabledclickaccess\">\r\n                        <td class=\"td-actions clickaccess\">\r\n                            <button mat-icon-button type=\"button\" *ngIf=\"enabledview\">\r\n                                <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!enabledclickaccess\">\r\n                        <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n                            <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </a>\r\n\r\n                            <ng-container *ngFor=\"let b of buttons\">\r\n                                <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"b.label | translate\" (click)=\"b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n                                    <mat-icon>{{b.icon}}</mat-icon>\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Download' | translate\" (click)=\"download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n                                <mat-icon>file_download</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"detail(mod)\" *ngIf=\"enableddetail\">\r\n                                <mat-icon>list</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Informacao' | translate\" (click)=\"info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n                                <mat-icon>info</mat-icon>\r\n                            </button>\r\n                            \r\n                            <!-- <button mat-icon-button type=\"button\" [matTooltip]=\"'Visualizar' | translate\" (click)=\"view(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Editar' | translate\" (click)=\"edit(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit\">\r\n                                <mat-icon>edit</mat-icon>\r\n                            </button> -->\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n                                <mat-icon>delete</mat-icon>\r\n                            </button>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n                                <mat-icon>arrow_forward</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n        <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n        <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: [":host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table{border-collapse:separate;border-spacing:0}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:32px;background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;transition:color .2s ease-in-out;padding:7px 0 0 5px;border:solid 1px transparent;border-width:1px 0}:host.uxc3 div.table-responsive .table tbody tr td:first-child{border-left-width:1px;border-radius:3px 0 0 3px}:host.uxc3 div.table-responsive .table tbody tr td:nth-last-child(2){border-right-width:1px;border-radius:0 3px 3px 0}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{padding-top:3px;padding-bottom:3px;border-bottom:none;margin-top:0;margin-right:3px}:host.uxc3 div.table-responsive .table tbody tr td.td-actions button:disabled{pointer-events:none;opacity:.4}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover *,:host.uxc3 div.table-responsive .table tbody tr.selected-row *{cursor:pointer}:host.uxc3 div.table-responsive .table tbody tr:hover td,:host.uxc3 div.table-responsive .table tbody tr.selected-row td{border-color:var(--cor-C)}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais,:host.uxc3 div.table-responsive .table tbody tr.selected-row .mostrar-mais{background-color:var(--cor-C)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:var(--ux-cor-hover)}\n"] }]
+            args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" icon=\"work\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n    <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n        <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n    </button>\r\n\r\n    <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n        <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n            <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n            {{ b.label | translate }}\r\n        </button>\r\n    </ng-container>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"find()\">\r\n        <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"find()\">\r\n        <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n        <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n    </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n    <div class=\"table-responsive white\">\r\n        <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n            <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n                <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n                        <div class=\"row\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n                        <div class=\"search-buttons \">\r\n                            <ng-container *ngIf=\"searchonlyonebutton\">\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    {{ 'Buscar' | translate }}\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngIf=\"!searchonlyonebutton\">\r\n                                <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n                                    <mat-icon class=\"fs-20\">close</mat-icon>\r\n                                </button>\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    <mat-icon class=\"fs-20\">search</mat-icon>\r\n                                </button>\r\n                                \r\n                                <ng-container *ngFor=\"let b of searchbuttons\">\r\n                                    <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n                                        <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n                                    </button>\r\n                                </ng-container>\r\n                  \r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <fieldset *ngIf=\"!showPagebar\"><legend [innerHTML]=\"pagebarTitle | translate\"></legend></fieldset>\r\n        <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n        <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n            <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n        </div>\r\n\r\n        <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" (mouseleave)=\"overIndex = -1\" *ngIf=\"data != null\" >\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n                        <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                        <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                    </ng-container>\r\n\r\n                    <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n                        <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n                            <mat-icon>add_circle_outline</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n                            <mat-icon class=\"icon-out\">settings</mat-icon>\r\n                        </button>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody class=\"grid-content\">\r\n                <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons, 'selected-row': j == overIndex }\" [class]=\"mod.Class\" (click)=\"access(mod)\" (mouseenter)=\"overIndex = j\" >\r\n                    <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n                        <ng-container *ngFor=\"let icon of icons\">\r\n                            <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n                        </ng-container>\r\n                    </td>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n                        <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n                        <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n                            <ng-container *ngSwitchCase=\"'label'\">\r\n                                <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n                                    <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': enabledexpand && colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === true\" [innerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n                                    <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': enabledexpand == true && colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n                                    <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': enabledexpand == true && colunasItensExpandidos[j][i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j,i)\">\r\n                                        <mat-icon [ngClass]=\"{'icone-expandido': enabledexpand == true && colunasItensExpandidos[j][i] }\">keyboard_arrow_down</mat-icon>\r\n                                    </div>\r\n                                    <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n                                </td>\r\n                                <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n                            </ng-container>\r\n\r\n                            <td nowrap *ngSwitchCase=\"'date'\" [innerHTML]=\"mod[col] | date:'shortDate'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'monthyear'\" [innerHTML]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n                           \r\n                            <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n                                <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n                                <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n                                <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n                            </td>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"enabledclickaccess\">\r\n                        <td class=\"td-actions clickaccess\">\r\n                            <button mat-icon-button type=\"button\" *ngIf=\"enabledview\">\r\n                                <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!enabledclickaccess\">\r\n                        <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n                            <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </a>\r\n\r\n                            <ng-container *ngFor=\"let b of buttons\">\r\n                                <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"b.label | translate\" (click)=\"b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n                                    <mat-icon>{{b.icon}}</mat-icon>\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Download' | translate\" (click)=\"download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n                                <mat-icon>file_download</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"detail(mod)\" *ngIf=\"enableddetail\">\r\n                                <mat-icon>list</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Informacao' | translate\" (click)=\"info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n                                <mat-icon>info</mat-icon>\r\n                            </button>\r\n                            \r\n                            <!-- <button mat-icon-button type=\"button\" [matTooltip]=\"'Visualizar' | translate\" (click)=\"view(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Editar' | translate\" (click)=\"edit(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit\">\r\n                                <mat-icon>edit</mat-icon>\r\n                            </button> -->\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n                                <mat-icon>delete</mat-icon>\r\n                            </button>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n                                <mat-icon>arrow_forward</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n        <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n        <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: [":host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table{border-collapse:separate;border-spacing:0}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:33px;background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;transition:color .2s ease-in-out;padding:7px 0 0 5px;border:solid 1px transparent;border-width:1px 0}:host.uxc3 div.table-responsive .table tbody tr td:first-child{border-left-width:1px;border-radius:3px 0 0 3px}:host.uxc3 div.table-responsive .table tbody tr td:nth-last-child(2){border-right-width:1px;border-radius:0 3px 3px 0}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{padding-top:3px;padding-bottom:3px;border-bottom:none;margin-top:0;margin-right:3px}:host.uxc3 div.table-responsive .table tbody tr td.td-actions button:disabled{pointer-events:none;opacity:.4}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover *,:host.uxc3 div.table-responsive .table tbody tr.selected-row *{cursor:pointer}:host.uxc3 div.table-responsive .table tbody tr:hover td,:host.uxc3 div.table-responsive .table tbody tr.selected-row td{border-color:var(--cor-C)}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais,:host.uxc3 div.table-responsive .table tbody tr.selected-row .mostrar-mais{background-color:var(--cor-C)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:var(--ux-cor-hover)}\n"] }]
         }], function () { return [{ type: InfoDialogModal }, { type: InfoPlatformModel }, { type: i1$3.MatDialog }, { type: InfoFormPropModel }, { type: InfoDataService }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: InfoAuthenticationService }, { type: i0.ChangeDetectorRef }, { type: InfoTranslateService }, { type: InfoLastSearchModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { pagetitle: [{
                 type: Input
             }], prefixtitle: [{