info-library 2.14.3 → 2.14.4

package/fesm2020/info-library.mjs

@@ -2576,6 +2576,7 @@ class InfoPaginatorComponent {
         this._total = 0;
         this.indexActive = 0;
         this.numberPages = 1;
+        this.numberItensPage = 0;
         this.pages = [];
         this.totalDescription = '';
     }
@@ -2621,13 +2622,19 @@ class InfoPaginatorComponent {
         if (this.index == index)
             return;
         this.index = index;
+        let aux = this.size * (this.index + 1);
+        this.numberItensPage = aux > this.total ? this.total : this.size;
         this.change.emit(this.index);
     }
-    next() {
-        this.goto(this.index + 1);
-    }
     previous() {
-        this.goto(this.index - 1);
+        if (this.index > 0)
+            this.goto(this.index - 1);
+        return of({ index: this.index, numberItensPage: this.numberItensPage });
+    }
+    next() {
+        if (this.index + 1 < this.numberPages)
+            this.goto(this.index + 1);
+        return of({ index: this.index, numberItensPage: this.numberItensPage });
     }
     setDescription() {
         let currentInit = (this.size * this.index) + 1;
@@ -3755,7 +3762,7 @@ function InfoGridComponent_info_pagebar_0_ng_container_2_Template(rf, ctx) { if
 function InfoGridComponent_info_pagebar_0_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r23 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function InfoGridComponent_info_pagebar_0_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.enabledSearch = !ctx_r22.enabledSearch); });
+    i0.ɵɵlistener("click", function InfoGridComponent_info_pagebar_0_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.find()); });
     i0.ɵɵelementStart(1, "mat-icon", 21);
     i0.ɵɵtext(2, "search");
     i0.ɵɵelementEnd();
@@ -3769,7 +3776,7 @@ function InfoGridComponent_info_pagebar_0_button_3_Template(rf, ctx) { if (rf &
 function InfoGridComponent_info_pagebar_0_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r25 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function InfoGridComponent_info_pagebar_0_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r24.enabledSearch = !ctx_r24.enabledSearch); });
+    i0.ɵɵlistener("click", function InfoGridComponent_info_pagebar_0_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r24.find()); });
     i0.ɵɵelementStart(1, "mat-icon", 21);
     i0.ɵɵtext(2, "search_off");
     i0.ɵɵelementEnd();
@@ -4355,10 +4362,7 @@ function InfoGridComponent_table_11_tr_7_ng_container_2_Template(rf, ctx) { if (
     i0.ɵɵproperty("ngIf", mod_r56[col_r67] != null && mod_r56[col_r67] != undefined);
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_3_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r136 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 76);
-    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_3_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r136); const mod_r56 = i0.ɵɵnextContext(2).$implicit; const ctx_r134 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r134.access(mod_r56)); });
-    i0.ɵɵelementStart(1, "mat-icon");
+    i0.ɵɵelementStart(0, "button", 76)(1, "mat-icon");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -4385,118 +4389,118 @@ function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_a_1_Template(rf, ct
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const mod_r56 = i0.ɵɵnextContext(3).$implicit;
-    const ctx_r138 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("href", ctx_r138.templateurl.replace("{id}", mod_r56.Id), i0.ɵɵsanitizeUrl);
+    const ctx_r135 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("href", ctx_r135.templateurl.replace("{id}", mod_r56.Id), i0.ɵɵsanitizeUrl);
     i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, "Abrir"));
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_ng_container_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r150 = i0.ɵɵgetCurrentView();
+    const _r147 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 83);
-    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_ng_container_2_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r150); const b_r146 = i0.ɵɵnextContext().$implicit; const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r148 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(b_r146.modalComponent != null ? ctx_r148.openCustomModal(b_r146.modalComponent, b_r146.widthModalComponent, mod_r56) : b_r146.api != null ? ctx_r148.eventButton(mod_r56, b_r146.api, b_r146.method, b_r146.confirm) : ctx_r148.navigateTo(b_r146.navigateTo, b_r146.passId, mod_r56.Id)); });
+    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_ng_container_2_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r147); const b_r143 = i0.ɵɵnextContext().$implicit; const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r145 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(b_r143.modalComponent != null ? ctx_r145.openCustomModal(b_r143.modalComponent, b_r143.widthModalComponent, mod_r56) : b_r143.api != null ? ctx_r145.eventButton(mod_r56, b_r143.api, b_r143.method, b_r143.confirm) : ctx_r145.navigateTo(b_r143.navigateTo, b_r143.passId, mod_r56.Id)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const b_r146 = i0.ɵɵnextContext().$implicit;
+    const b_r143 = i0.ɵɵnextContext().$implicit;
     const mod_r56 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 3, b_r146.label))("disabled", b_r146.disabledField && mod_r56[b_r146.disabledField] === true);
+    i0.ɵɵproperty("matTooltipShowDelay", 800)("matTooltip", i0.ɵɵpipeBind1(1, 4, b_r143.label))("disabled", b_r143.disabledField && mod_r56[b_r143.disabledField] === true);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(b_r146.icon);
+    i0.ɵɵtextInterpolate(b_r143.icon);
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_ng_container_2_button_1_Template, 4, 5, "button", 81);
+    i0.ɵɵtemplate(1, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_ng_container_2_button_1_Template, 4, 6, "button", 81);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const b_r146 = ctx.$implicit;
+    const b_r143 = ctx.$implicit;
     const mod_r56 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", b_r146.showOnlyClass == null || b_r146.showOnlyClass == mod_r56.Class);
+    i0.ɵɵproperty("ngIf", b_r143.showOnlyClass == null || b_r143.showOnlyClass == mod_r56.Class);
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r157 = i0.ɵɵgetCurrentView();
+    const _r154 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 84);
-    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r157); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r155 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r155.download(mod_r56.Download)); });
+    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r154); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r152 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r152.download(mod_r56.Download)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3, "file_download");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "Download"));
+    i0.ɵɵproperty("matTooltipShowDelay", 800)("matTooltip", i0.ɵɵpipeBind1(1, 2, "Download"));
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r160 = i0.ɵɵgetCurrentView();
+    const _r157 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 84);
-    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r160); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r158 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r158.detail(mod_r56)); });
+    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r157); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r155 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r155.detail(mod_r56)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3, "list");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "Detalhe"));
+    i0.ɵɵproperty("matTooltipShowDelay", 800)("matTooltip", i0.ɵɵpipeBind1(1, 2, "Detalhe"));
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r163 = i0.ɵɵgetCurrentView();
+    const _r160 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 83);
-    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r163); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r161 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r161.info(mod_r56 == null ? null : mod_r56.Info)); });
+    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r160); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r158 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r158.info(mod_r56 == null ? null : mod_r56.Info)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3, "info");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const mod_r56 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, "Informacao"))("disabled", (mod_r56 == null ? null : mod_r56.Info) == "");
+    i0.ɵɵproperty("matTooltipShowDelay", 800)("matTooltip", i0.ɵɵpipeBind1(1, 3, "Informacao"))("disabled", (mod_r56 == null ? null : mod_r56.Info) == "");
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r167 = i0.ɵɵgetCurrentView();
+    const _r164 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 84);
-    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r167); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r165 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r165.delete(mod_r56)); });
+    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r164); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r162 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r162.delete(mod_r56)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3, "delete");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "Excluir"));
+    i0.ɵɵproperty("matTooltipShowDelay", 800)("matTooltip", i0.ɵɵpipeBind1(1, 2, "Excluir"));
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r170 = i0.ɵɵgetCurrentView();
+    const _r167 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 84);
-    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r170); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r168 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r168.edit(mod_r56)); });
+    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r167); const mod_r56 = i0.ɵɵnextContext(3).$implicit; const ctx_r165 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r165.edit(mod_r56)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "mat-icon");
     i0.ɵɵtext(3, "arrow_forward");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "Acessar"));
+    i0.ɵɵproperty("matTooltipShowDelay", 800)("matTooltip", i0.ɵɵpipeBind1(1, 2, "Acessar"));
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_td_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td", 78);
     i0.ɵɵtemplate(1, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_a_1_Template, 4, 4, "a", 79);
     i0.ɵɵtemplate(2, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_ng_container_2_Template, 2, 1, "ng-container", 19);
-    i0.ɵɵtemplate(3, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_3_Template, 4, 3, "button", 80);
-    i0.ɵɵtemplate(4, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_4_Template, 4, 3, "button", 80);
-    i0.ɵɵtemplate(5, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_5_Template, 4, 4, "button", 81);
-    i0.ɵɵtemplate(6, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_6_Template, 4, 3, "button", 80);
-    i0.ɵɵtemplate(7, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_7_Template, 4, 3, "button", 80);
+    i0.ɵɵtemplate(3, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_3_Template, 4, 4, "button", 80);
+    i0.ɵɵtemplate(4, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_4_Template, 4, 4, "button", 80);
+    i0.ɵɵtemplate(5, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_5_Template, 4, 5, "button", 81);
+    i0.ɵɵtemplate(6, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_6_Template, 4, 4, "button", 80);
+    i0.ɵɵtemplate(7, InfoGridComponent_table_11_tr_7_ng_container_4_td_1_button_7_Template, 4, 4, "button", 80);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const mod_r56 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r137 = i0.ɵɵnextContext(2);
+    const ctx_r134 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r137.templateurl != "");
+    i0.ɵɵproperty("ngIf", ctx_r134.templateurl != "");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r137.buttons);
+    i0.ɵɵproperty("ngForOf", ctx_r134.buttons);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", mod_r56.Download != null);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r137.enableddetail);
+    i0.ɵɵproperty("ngIf", ctx_r134.enableddetail);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", (mod_r56 == null ? null : mod_r56.Info) != null);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", (ctx_r137.disabledcol == "" || mod_r56[ctx_r137.disabledcol] === true) && ctx_r137.enableddelete && ctx_r137.hasPermissionDelete && !mod_r56.HideDelete);
+    i0.ɵɵproperty("ngIf", (ctx_r134.disabledcol == "" || mod_r56[ctx_r134.disabledcol] === true) && ctx_r134.enableddelete && ctx_r134.hasPermissionDelete && !mod_r56.HideDelete);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", (ctx_r137.disabledcol == "" || mod_r56[ctx_r137.disabledcol] === true) && ctx_r137.enablededit && ctx_r137.hasPermissionEdit || ctx_r137.enabledview);
+    i0.ɵɵproperty("ngIf", (ctx_r134.disabledcol == "" || mod_r56[ctx_r134.disabledcol] === true) && ctx_r134.enablededit && ctx_r134.hasPermissionEdit || ctx_r134.enabledview);
 } }
 function InfoGridComponent_table_11_tr_7_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -4508,11 +4512,11 @@ function InfoGridComponent_table_11_tr_7_ng_container_4_Template(rf, ctx) { if (
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r61.templateurl != "" || ctx_r61.buttons != null && ctx_r61.buttons.length > 0 || mod_r56.Download != null || ctx_r61.enableddetail || (mod_r56 == null ? null : mod_r56.Info) != null || ctx_r61.enabledview || (ctx_r61.disabledcol == "" || mod_r56[ctx_r61.disabledcol] === true) && ctx_r61.enablededit && ctx_r61.hasPermissionEdit || (ctx_r61.disabledcol == "" || mod_r56[ctx_r61.disabledcol] === true) && ctx_r61.enableddelete && ctx_r61.hasPermissionDelete);
 } }
-const _c9 = function (a0) { return { "default-color": a0 }; };
+const _c9 = function (a0, a1) { return { "default-color": a0, "selected-row": a1 }; };
 function InfoGridComponent_table_11_tr_7_Template(rf, ctx) { if (rf & 1) {
-    const _r174 = i0.ɵɵgetCurrentView();
+    const _r171 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr", 51);
-    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r174); const mod_r56 = restoredCtx.$implicit; const ctx_r173 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r173.access(mod_r56)); });
+    i0.ɵɵlistener("click", function InfoGridComponent_table_11_tr_7_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r171); const mod_r56 = restoredCtx.$implicit; const ctx_r170 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r170.access(mod_r56)); })("mouseenter", function InfoGridComponent_table_11_tr_7_Template_tr_mouseenter_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r171); const j_r57 = restoredCtx.index; const ctx_r172 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r172.over(j_r57)); });
     i0.ɵɵtemplate(1, InfoGridComponent_table_11_tr_7_td_1_Template, 2, 1, "td", 7);
     i0.ɵɵtemplate(2, InfoGridComponent_table_11_tr_7_ng_container_2_Template, 3, 2, "ng-container", 19);
     i0.ɵɵtemplate(3, InfoGridComponent_table_11_tr_7_ng_container_3_Template, 3, 1, "ng-container", 7);
@@ -4520,9 +4524,10 @@ function InfoGridComponent_table_11_tr_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const mod_r56 = ctx.$implicit;
+    const j_r57 = ctx.index;
     const ctx_r43 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(mod_r56.Class);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c9, !ctx_r43.enabledclassicons));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(7, _c9, !ctx_r43.enabledclassicons, j_r57 == ctx_r43.overIndex));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r43.enabledclassicons && (mod_r56 == null ? null : mod_r56.Icon) != null);
     i0.ɵɵadvance(1);
@@ -4541,7 +4546,7 @@ function InfoGridComponent_table_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(5, InfoGridComponent_table_11_th_5_Template, 3, 2, "th", 38);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "tbody", 39);
-    i0.ɵɵtemplate(7, InfoGridComponent_table_11_tr_7_Template, 5, 9, "tr", 40);
+    i0.ɵɵtemplate(7, InfoGridComponent_table_11_tr_7_Template, 5, 10, "tr", 40);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext();
@@ -4661,6 +4666,8 @@ class InfoGridComponent {
         this.resultTitle = '';
         this.enabledSearch = false;
         this.searchModelReset = null;
+        this.disabledClick = false;
+        this.overIndex = -1;
         this.showPagebar = false;
         this.hasPermissionNew = false;
         this.hasPermissionEdit = false;
@@ -4860,6 +4867,7 @@ class InfoGridComponent {
             this._router.navigateByUrl(url);
     }
     openCustomModal(modalComponent, width, model = null) {
+        this.disabledClick = true;
         this._prop.set(InfoPageAction.None, model);
         this.openModal(modalComponent, width);
     }
@@ -4966,7 +4974,9 @@ class InfoGridComponent {
         else
             this.getPaged();
     }
-    cancelSearch() {
+    cancelSearch(e = null) {
+        if (e)
+            e.preventDefault();
         Object.assign(this.searchmodel, this.searchModelReset);
         if (!this.searchopened)
             this.enabledSearch = false;
@@ -4978,7 +4988,9 @@ class InfoGridComponent {
             this.paginator.index = 0;
         this.getData();
     }
-    add() {
+    add(e = null) {
+        if (e)
+            e.preventDefault();
         if (this.form != null) {
             this._prop.set(InfoPageAction.New, this.defaultnewobject);
             this.openModal();
@@ -5000,14 +5012,22 @@ class InfoGridComponent {
         this.colunasItensExpandidos[linha][coluna] = !this.colunasItensExpandidos[linha][coluna];
     }
     access(model) {
-        if (this.enabledclickaccess) {
-            if (this.enabledclickevent)
-                this.onview.emit(model);
-            else
-                this.edit(model);
+        if (this.disabledClick) {
+            this.disabledClick = false;
+            return;
         }
+        //if (this.enabledclickaccess){
+        if (this.enabledclickevent)
+            this.onview.emit(model);
+        else
+            this.edit(model, false);
+        //}
+    }
+    over(index) {
+        this.overIndex = index;
     }
     view(model) {
+        this.disabledClick = true;
         if (this.form != null) {
             this._prop.set(InfoPageAction.View, model);
             this.openModal();
@@ -5021,7 +5041,8 @@ class InfoGridComponent {
         }
         this.onview.emit(model);
     }
-    edit(model) {
+    edit(model, disabledClick = true) {
+        this.disabledClick = disabledClick;
         if (this.hasPermissionEdit) {
             if (this.form != null) {
                 this._prop.set(InfoPageAction.Edit, model);
@@ -5051,6 +5072,7 @@ class InfoGridComponent {
         }
     }
     delete(model) {
+        this.disabledClick = true;
         if (this.customdelete.observers.length > 0) {
             this.customdelete.emit(model);
             return;
@@ -5092,6 +5114,18 @@ class InfoGridComponent {
             }
         });
     }
+    find(e = null) {
+        if (e)
+            e.preventDefault();
+        this.enabledSearch = !this.enabledSearch;
+        if (this.enabledSearch) {
+            setTimeout(() => {
+                let primeiroCampo = document.querySelector('.grid-search info-input input');
+                if (primeiroCampo)
+                    primeiroCampo.focus();
+            }, 50);
+        }
+    }
     fillIcons() {
         this.icons = [];
         if (this.data == null)
@@ -5222,6 +5256,50 @@ class InfoGridComponent {
             });
         }
     }
+    shortcutEdit(e) {
+        e.preventDefault();
+        if (this.overIndex > -1)
+            this.edit(this.data[this.overIndex], false);
+    }
+    shortcutDelete(e) {
+        e.preventDefault();
+        if (this.overIndex > -1)
+            this.delete(this.data[this.overIndex]);
+    }
+    shortcutFirst(e) {
+        e.preventDefault();
+        this.overIndex = 0;
+    }
+    shortcutLast(e) {
+        e.preventDefault();
+        this.overIndex = this.size - 1;
+    }
+    shortcutNavigateDown(e) {
+        e.preventDefault();
+        this.overIndex--;
+        if (this.overIndex < 0)
+            this.paginator.previous().subscribe(r => {
+                this.overIndex = r.numberItensPage;
+            });
+    }
+    shortcutNavigateUp(e) {
+        e.preventDefault();
+        this.overIndex++;
+        if (this.overIndex >= this.size)
+            this.paginator.next().subscribe(r => {
+                this.overIndex = 0;
+            });
+    }
+    shortcutPagePrevious(e) {
+        e.preventDefault();
+        this.overIndex = -1;
+        this.paginator.previous();
+    }
+    shortcutPageNext(e) {
+        e.preventDefault();
+        this.overIndex = -1;
+        this.paginator.next();
+    }
 }
 /** @nocollapse */ InfoGridComponent.ɵfac = function InfoGridComponent_Factory(t) { return new (t || InfoGridComponent)(i0.ɵɵdirectiveInject(InfoDialogModal), i0.ɵɵdirectiveInject(InfoPlatformModel), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(InfoFormPropModel), i0.ɵɵdirectiveInject(InfoDataService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(InfoAuthenticationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(InfoTranslateService), i0.ɵɵdirectiveInject(InfoLastSearchModel), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
 /** @nocollapse */ InfoGridComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: InfoGridComponent, selectors: [["info-grid"]], contentQueries: function InfoGridComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -5236,7 +5314,9 @@ class InfoGridComponent {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formSearch = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
-    } }, inputs: { pagetitle: "pagetitle", prefixtitle: "prefixtitle", description: "description", pagebarbuttons: "pagebarbuttons", fullarea: "fullarea", api: "api", method: "method", form: "form", width: "width", parent: "parent", apidownload: "apidownload", methoddownload: "methoddownload", backurl: "backurl", newurl: "newurl", newlabel: "newlabel", editurl: "editurl", viewurl: "viewurl", templateurl: "templateurl", paged: "paged", size: "size", autorefresh: "autorefresh", enabledcols: "enabledcols", enablednew: "enablednew", enablededit: "enablededit", enableddelete: "enableddelete", enabledview: "enabledview", enabledcancelsearch: "enabledcancelsearch", enableddetail: "enableddetail", enabledclassicons: "enabledclassicons", enabledclickaccess: "enabledclickaccess", enabledclickevent: "enabledclickevent", enabledexpand: "enabledexpand", searchopened: "searchopened", searchonlyonebutton: "searchonlyonebutton", disablesearchlast: "disablesearchlast", statictitle: "statictitle", disabledcol: "disabledcol", accessicon: "accessicon", loadoninit: "loadoninit", data: "data", searchmodel: "searchmodel", dynamiccols: "dynamiccols", buttons: "buttons", searchbuttons: "searchbuttons", showmessageerror: "showmessageerror", defaultnewobject: "defaultnewobject", parentIdUrl: "parentIdUrl", cols: "cols" }, outputs: { onbeforesearch: "onbeforesearch", onloadcomplete: "onloadcomplete", onclosemodal: "onclosemodal", onnew: "onnew", onedit: "onedit", onview: "onview", ondelete: "ondelete", customdelete: "customdelete", parentIdUrlChange: "parentIdUrlChange" }, features: [i0.ɵɵProvidersFeature([InfoFormPropModel])], ngContentSelectors: _c14, decls: 17, vars: 17, consts: [["icon", "work", 3, "pagetitle", "description", 4, "ngIf"], [3, "ngClass"], [1, "table-responsive", "white"], [1, "table-title", "grid-search", 3, "ngStyle"], ["autocomplete", "off", 3, "ngSubmit"], ["formSearch", "ngForm"], ["class", "search-container row", 4, "ngIf"], [4, "ngIf"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], ["id", "auto-refresh", 4, "ngIf"], ["class", "table table-hover", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "blank-table", 4, "ngIf"], [3, "hidden", "size", "change"], ["paginator", ""], ["class", "block", 4, "ngIf"], [3, "messages"], ["icon", "work", 3, "pagetitle", "description"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], ["type", "button", "mat-button", "", "color", "primary", 3, "click"], ["class", "fs-20", 4, "ngIf"], [1, "search-container", "row"], [1, "row"], [3, "class", 4, "ngIf"], [1, "search-buttons"], ["mat-button", "", "type", "submit", "color", "primary", 3, "disabled"], ["mat-button", "", "type", "button", "color", "warn", 3, "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "click"], ["mat-button", "", "type", "button", "color", "primary", 3, "disabled", "click"], [3, "innerHTML"], ["color", "primary", "mode", "indeterminate"], ["id", "auto-refresh"], ["matTooltipPosition", "left", 1, "material-icons", 3, "matTooltip"], [1, "table", "table-hover", 3, "ngStyle", "ngClass"], ["style", "width: 5%;", 4, "ngIf"], ["class", "actions align-right buttons", 4, "ngIf"], [1, "grid-content"], [3, "ngClass", "class", "click", 4, "ngFor", "ngForOf"], [2, "width", "5%"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass"], [1, "actions", "align-right", "buttons"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "class", "managercols", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 1, "managercols", 3, "matTooltip", "click"], [1, "icon-out"], [3, "ngClass", "click"], ["class", "material-icons", 3, "matTooltip", "ngClass", 4, "ngIf"], [1, "material-icons", 3, "matTooltip", "ngClass"], [3, "ngSwitch", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["nowrap", "", 3, "innerHTML", 4, "ngSwitchCase"], ["nowrap", "", 4, "ngSwitchCase"], ["nowrap", "", 3, "class", 4, "ngSwitchCase"], ["class", "text-center", 4, "ngSwitchCase"], [3, "ngClass", 4, "ngIf"], [3, "ngClass", "innerHTML", 4, "ngIf"], ["class", "break-word", 3, "ngClass", 4, "ngIf"], ["class", "mostrar-mais", 3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "innerHTML"], [1, "break-word", 3, "ngClass"], [1, "mostrar-mais", 3, "ngClass", "click"], ["nowrap", "", 3, "innerHTML"], ["nowrap", ""], [1, "text-center"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["checked", ""], ["unchecked", ""], [1, "td-actions", "clickaccess"], ["mat-icon-button", "", "type", "button", 3, "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "click"], ["class", "td-actions", 4, "ngIf"], [1, "td-actions"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "disabled", "click"], ["mat-icon-button", "", "type", "button", 3, "matTooltip", "click"], [1, "blank-table"], [1, "block"]], template: function InfoGridComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, hostBindings: function InfoGridComponent_HostBindings(rf, ctx) { if (rf & 1) {
+        i0.ɵɵlistener("keydown.esc", function InfoGridComponent_keydown_esc_HostBindingHandler($event) { return ctx.cancelSearch($event); }, false, i0.ɵɵresolveDocument)("keydown.insert", function InfoGridComponent_keydown_insert_HostBindingHandler($event) { return ctx.add($event); }, false, i0.ɵɵresolveDocument)("keydown.control.+", function InfoGridComponent_keydown_control___HostBindingHandler($event) { return ctx.add($event); }, false, i0.ɵɵresolveDocument)("keydown.control.f", function InfoGridComponent_keydown_control_f_HostBindingHandler($event) { return ctx.find($event); }, false, i0.ɵɵresolveDocument)("keydown.enter", function InfoGridComponent_keydown_enter_HostBindingHandler($event) { return ctx.shortcutEdit($event); }, false, i0.ɵɵresolveDocument)("keydown.delete", function InfoGridComponent_keydown_delete_HostBindingHandler($event) { return ctx.shortcutDelete($event); }, false, i0.ɵɵresolveDocument)("keydown.home", function InfoGridComponent_keydown_home_HostBindingHandler($event) { return ctx.shortcutFirst($event); }, false, i0.ɵɵresolveDocument)("keydown.end", function InfoGridComponent_keydown_end_HostBindingHandler($event) { return ctx.shortcutLast($event); }, false, i0.ɵɵresolveDocument)("keydown.arrowup", function InfoGridComponent_keydown_arrowup_HostBindingHandler($event) { return ctx.shortcutNavigateDown($event); }, false, i0.ɵɵresolveDocument)("keydown.arrowdown", function InfoGridComponent_keydown_arrowdown_HostBindingHandler($event) { return ctx.shortcutNavigateUp($event); }, false, i0.ɵɵresolveDocument)("keydown.arrowleft", function InfoGridComponent_keydown_arrowleft_HostBindingHandler($event) { return ctx.shortcutPagePrevious($event); }, false, i0.ɵɵresolveDocument)("keydown.arrowright", function InfoGridComponent_keydown_arrowright_HostBindingHandler($event) { return ctx.shortcutPageNext($event); }, false, i0.ɵɵresolveDocument);
+    } }, inputs: { pagetitle: "pagetitle", prefixtitle: "prefixtitle", description: "description", pagebarbuttons: "pagebarbuttons", fullarea: "fullarea", api: "api", method: "method", form: "form", width: "width", parent: "parent", apidownload: "apidownload", methoddownload: "methoddownload", backurl: "backurl", newurl: "newurl", newlabel: "newlabel", editurl: "editurl", viewurl: "viewurl", templateurl: "templateurl", paged: "paged", size: "size", autorefresh: "autorefresh", enabledcols: "enabledcols", enablednew: "enablednew", enablededit: "enablededit", enableddelete: "enableddelete", enabledview: "enabledview", enabledcancelsearch: "enabledcancelsearch", enableddetail: "enableddetail", enabledclassicons: "enabledclassicons", enabledclickaccess: "enabledclickaccess", enabledclickevent: "enabledclickevent", enabledexpand: "enabledexpand", searchopened: "searchopened", searchonlyonebutton: "searchonlyonebutton", disablesearchlast: "disablesearchlast", statictitle: "statictitle", disabledcol: "disabledcol", accessicon: "accessicon", loadoninit: "loadoninit", data: "data", searchmodel: "searchmodel", dynamiccols: "dynamiccols", buttons: "buttons", searchbuttons: "searchbuttons", showmessageerror: "showmessageerror", defaultnewobject: "defaultnewobject", parentIdUrl: "parentIdUrl", cols: "cols" }, outputs: { onbeforesearch: "onbeforesearch", onloadcomplete: "onloadcomplete", onclosemodal: "onclosemodal", onnew: "onnew", onedit: "onedit", onview: "onview", ondelete: "ondelete", customdelete: "customdelete", parentIdUrlChange: "parentIdUrlChange" }, features: [i0.ɵɵProvidersFeature([InfoFormPropModel])], ngContentSelectors: _c14, decls: 17, vars: 17, consts: [["icon", "work", 3, "pagetitle", "description", 4, "ngIf"], [3, "ngClass"], [1, "table-responsive", "white"], [1, "table-title", "grid-search", 3, "ngStyle"], ["autocomplete", "off", 3, "ngSubmit"], ["formSearch", "ngForm"], ["class", "search-container row", 4, "ngIf"], [4, "ngIf"], [1, "loading-bar"], ["color", "primary", "mode", "indeterminate", 4, "ngIf"], ["id", "auto-refresh", 4, "ngIf"], ["class", "table table-hover", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "blank-table", 4, "ngIf"], [3, "hidden", "size", "change"], ["paginator", ""], ["class", "block", 4, "ngIf"], [3, "messages"], ["icon", "work", 3, "pagetitle", "description"], ["mat-button", "", "type", "button", "color", "primary", 3, "click", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["mat-button", "", "type", "button", "color", "primary", 3, "click"], [1, "fs-20"], ["type", "button", "mat-button", "", "color", "primary", 3, "click"], ["class", "fs-20", 4, "ngIf"], [1, "search-container", "row"], [1, "row"], [3, "class", 4, "ngIf"], [1, "search-buttons"], ["mat-button", "", "type", "submit", "color", "primary", 3, "disabled"], ["mat-button", "", "type", "button", "color", "warn", 3, "click", 4, "ngIf"], ["mat-button", "", "type", "button", "color", "warn", 3, "click"], ["mat-button", "", "type", "button", "color", "primary", 3, "disabled", "click"], [3, "innerHTML"], ["color", "primary", "mode", "indeterminate"], ["id", "auto-refresh"], ["matTooltipPosition", "left", 1, "material-icons", 3, "matTooltip"], [1, "table", "table-hover", 3, "ngStyle", "ngClass"], ["style", "width: 5%;", 4, "ngIf"], ["class", "actions align-right buttons", 4, "ngIf"], [1, "grid-content"], [3, "ngClass", "class", "click", "mouseenter", 4, "ngFor", "ngForOf"], [2, "width", "5%"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass", 4, "ngIf"], [3, "ngStyle", "ngClass"], [1, "actions", "align-right", "buttons"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "class", "managercols", "matTooltipPosition", "left", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 3, "matTooltip", "click"], ["mat-icon-button", "", "type", "button", "matTooltipPosition", "left", 1, "managercols", 3, "matTooltip", "click"], [1, "icon-out"], [3, "ngClass", "click", "mouseenter"], ["class", "material-icons", 3, "matTooltip", "ngClass", 4, "ngIf"], [1, "material-icons", 3, "matTooltip", "ngClass"], [3, "ngSwitch", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["nowrap", "", 3, "innerHTML", 4, "ngSwitchCase"], ["nowrap", "", 4, "ngSwitchCase"], ["nowrap", "", 3, "class", 4, "ngSwitchCase"], ["class", "text-center", 4, "ngSwitchCase"], [3, "ngClass", 4, "ngIf"], [3, "ngClass", "innerHTML", 4, "ngIf"], ["class", "break-word", 3, "ngClass", 4, "ngIf"], ["class", "mostrar-mais", 3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "innerHTML"], [1, "break-word", 3, "ngClass"], [1, "mostrar-mais", 3, "ngClass", "click"], ["nowrap", "", 3, "innerHTML"], ["nowrap", ""], [1, "text-center"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["checked", ""], ["unchecked", ""], [1, "td-actions", "clickaccess"], ["mat-icon-button", "", "type", "button", 4, "ngIf"], ["mat-icon-button", "", "type", "button"], ["class", "td-actions", 4, "ngIf"], [1, "td-actions"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltipShowDelay", "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "type", "button", 3, "matTooltipShowDelay", "matTooltip", "disabled", "click", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 3, "href", "matTooltip"], ["mat-icon-button", "", "type", "button", 3, "matTooltipShowDelay", "matTooltip", "disabled", "click"], ["mat-icon-button", "", "type", "button", 3, "matTooltipShowDelay", "matTooltip", "click"], [1, "blank-table"], [1, "block"]], template: function InfoGridComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵtemplate(0, InfoGridComponent_info_pagebar_0_Template, 6, 7, "info-pagebar", 0);
         i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "form", 4, 5);
@@ -5279,10 +5359,10 @@ class InfoGridComponent {
         i0.ɵɵproperty("ngIf", ctx.loading);
         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%]   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:40px;background:#f9f9f9}.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}.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-color:#f9f9f9}.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:7px;padding-bottom:6px;border-bottom:none;margin-top:1px}.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{background:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   .mostrar-mais[_ngcontent-%COMP%]{background-color:#f9f9f9}.uxc3[_nghost-%COMP%]   div.table-responsive[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even):hover{background:#fff}.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:#fff}.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:#fff}"] });
+    } }, 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)}"] });
 (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)=\"enabledSearch = !enabledSearch\">\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)=\"enabledSearch = !enabledSearch\">\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 }\" *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 }\" [class]=\"mod.Class\" (click)=\"access(mod)\">\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\" (click)=\"access(mod)\" *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\" [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\" [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\" [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\" [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\" [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\" [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 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:40px;background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;transition:color .2s ease-in-out}: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-color:#f9f9f9}: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:7px;padding-bottom:6px;border-bottom:none;margin-top:1px}: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{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais{background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:#fff}\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 }\" *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)=\"over(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"] }]
     }], 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: [{
@@ -5406,6 +5486,42 @@ class InfoGridComponent {
             type: Input
         }], cols: [{
             type: Input
+        }], cancelSearch: [{
+            type: HostListener,
+            args: ['document:keydown.esc', ['$event']]
+        }], add: [{
+            type: HostListener,
+            args: ['document:keydown.insert', ['$event']]
+        }, {
+            type: HostListener,
+            args: ['document:keydown.control.+', ['$event']]
+        }], find: [{
+            type: HostListener,
+            args: ['document:keydown.control.f', ['$event']]
+        }], shortcutEdit: [{
+            type: HostListener,
+            args: ['document:keydown.enter', ['$event']]
+        }], shortcutDelete: [{
+            type: HostListener,
+            args: ['document:keydown.delete', ['$event']]
+        }], shortcutFirst: [{
+            type: HostListener,
+            args: ['document:keydown.home', ['$event']]
+        }], shortcutLast: [{
+            type: HostListener,
+            args: ['document:keydown.end', ['$event']]
+        }], shortcutNavigateDown: [{
+            type: HostListener,
+            args: ['document:keydown.arrowup', ['$event']]
+        }], shortcutNavigateUp: [{
+            type: HostListener,
+            args: ['document:keydown.arrowdown', ['$event']]
+        }], shortcutPagePrevious: [{
+            type: HostListener,
+            args: ['document:keydown.arrowleft', ['$event']]
+        }], shortcutPageNext: [{
+            type: HostListener,
+            args: ['document:keydown.arrowright', ['$event']]
         }] }); })();
 class InfoGridModalComponent {
     constructor(_prop, _ref, _modal) {