info-library 2.14.4 → 2.14.5

package/fesm2020/info-library.mjs

@@ -2615,6 +2615,7 @@ class InfoPaginatorComponent {
         else {
             this.pages.push(0);
         }
+        this.setNumberItensPage();
         this.setDescription();
         this.show = true;
     }
@@ -2622,19 +2623,28 @@ 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.setNumberItensPage();
         this.change.emit(this.index);
     }
     previous() {
-        if (this.index > 0)
+        if (this.index > 0) {
             this.goto(this.index - 1);
-        return of({ index: this.index, numberItensPage: this.numberItensPage });
+            return of({ index: this.index, numberItensPage: this.numberItensPage });
+        }
+        else
+            return of(null);
     }
     next() {
-        if (this.index + 1 < this.numberPages)
+        if (this.index + 1 < this.numberPages) {
             this.goto(this.index + 1);
-        return of({ index: this.index, numberItensPage: this.numberItensPage });
+            return of({ index: this.index, numberItensPage: this.numberItensPage });
+        }
+        else
+            return of(null);
+    }
+    setNumberItensPage() {
+        let aux = this.size * (this.index + 1);
+        this.numberItensPage = aux > this.total ? this.total : this.size;
     }
     setDescription() {
         let currentInit = (this.size * this.index) + 1;
@@ -4516,7 +4526,7 @@ 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 _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(_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.ɵɵ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.overIndex = 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);
@@ -4540,7 +4550,10 @@ function InfoGridComponent_table_11_tr_7_Template(rf, ctx) { if (rf & 1) {
 const _c10 = function (a0) { return { "min-height.px": a0 }; };
 const _c11 = function (a0, a1) { return { "loading": a0, "clickaccess": a1 }; };
 function InfoGridComponent_table_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 36)(1, "thead")(2, "tr");
+    const _r174 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "table", 36);
+    i0.ɵɵlistener("mouseleave", function InfoGridComponent_table_11_Template_table_mouseleave_0_listener() { i0.ɵɵrestoreView(_r174); const ctx_r173 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r173.overIndex = -1); });
+    i0.ɵɵelementStart(1, "thead")(2, "tr");
     i0.ɵɵtemplate(3, InfoGridComponent_table_11_th_3_Template, 1, 0, "th", 37);
     i0.ɵɵtemplate(4, InfoGridComponent_table_11_ng_container_4_Template, 3, 2, "ng-container", 19);
     i0.ɵɵtemplate(5, InfoGridComponent_table_11_th_5_Template, 3, 2, "th", 38);
@@ -5023,9 +5036,6 @@ class InfoGridComponent {
             this.edit(model, false);
         //}
     }
-    over(index) {
-        this.overIndex = index;
-    }
     view(model) {
         this.disabledClick = true;
         if (this.form != null) {
@@ -5272,33 +5282,38 @@ class InfoGridComponent {
     }
     shortcutLast(e) {
         e.preventDefault();
-        this.overIndex = this.size - 1;
+        this.overIndex = this.paginator.numberItensPage - 1;
     }
     shortcutNavigateDown(e) {
         e.preventDefault();
         this.overIndex--;
         if (this.overIndex < 0)
             this.paginator.previous().subscribe(r => {
-                this.overIndex = r.numberItensPage;
+                this.overIndex = r == null ? 0 : r.numberItensPage;
             });
     }
     shortcutNavigateUp(e) {
         e.preventDefault();
         this.overIndex++;
-        if (this.overIndex >= this.size)
+        if (this.overIndex >= this.paginator.numberItensPage)
             this.paginator.next().subscribe(r => {
-                this.overIndex = 0;
+                this.overIndex = r == null ? this.paginator.numberItensPage : 0;
             });
     }
     shortcutPagePrevious(e) {
         e.preventDefault();
-        this.overIndex = -1;
-        this.paginator.previous();
+        this.paginator.previous().subscribe(r => {
+            if (r != null)
+                this.overIndex = -1;
+        });
+        ;
     }
     shortcutPageNext(e) {
         e.preventDefault();
-        this.overIndex = -1;
-        this.paginator.next();
+        this.paginator.next().subscribe(r => {
+            if (r != null)
+                this.overIndex = -1;
+        });
     }
 }
 /** @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)); };
@@ -5315,8 +5330,8 @@ class InfoGridComponent {
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formSearch = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
     } }, 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.ɵɵ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.space", function InfoGridComponent_keydown_space_HostBindingHandler($event) { return ctx.shortcutEdit($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", "mouseleave", 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", "mouseleave"], ["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);
@@ -5362,7 +5377,7 @@ class InfoGridComponent {
     } }, 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)=\"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"] }]
+        args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" icon=\"work\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n    <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n        <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n    </button>\r\n\r\n    <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n        <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n            <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n            {{ b.label | translate }}\r\n        </button>\r\n    </ng-container>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"find()\">\r\n        <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"find()\">\r\n        <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n        <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n    </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n    <div class=\"table-responsive white\">\r\n        <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n            <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n                <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n                        <div class=\"row\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n                        <div class=\"search-buttons \">\r\n                            <ng-container *ngIf=\"searchonlyonebutton\">\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    {{ 'Buscar' | translate }}\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngIf=\"!searchonlyonebutton\">\r\n                                <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n                                    <mat-icon class=\"fs-20\">close</mat-icon>\r\n                                </button>\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    <mat-icon class=\"fs-20\">search</mat-icon>\r\n                                </button>\r\n                                \r\n                                <ng-container *ngFor=\"let b of searchbuttons\">\r\n                                    <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n                                        <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n                                    </button>\r\n                                </ng-container>\r\n                  \r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <fieldset *ngIf=\"!showPagebar\"><legend [innerHTML]=\"pagebarTitle | translate\"></legend></fieldset>\r\n        <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n        <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n            <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n        </div>\r\n\r\n        <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" (mouseleave)=\"overIndex = -1\" *ngIf=\"data != null\" >\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n                        <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                        <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                    </ng-container>\r\n\r\n                    <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n                        <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n                            <mat-icon>add_circle_outline</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n                            <mat-icon class=\"icon-out\">settings</mat-icon>\r\n                        </button>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody class=\"grid-content\">\r\n                <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons, 'selected-row': j == overIndex }\" [class]=\"mod.Class\" (click)=\"access(mod)\" (mouseenter)=\"overIndex = j\" >\r\n                    <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n                        <ng-container *ngFor=\"let icon of icons\">\r\n                            <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n                        </ng-container>\r\n                    </td>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n                        <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n                        <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n                            <ng-container *ngSwitchCase=\"'label'\">\r\n                                <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n                                    <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': enabledexpand && colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === true\" [innerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n                                    <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': enabledexpand == true && colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n                                    <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': enabledexpand == true && colunasItensExpandidos[j][i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j,i)\">\r\n                                        <mat-icon [ngClass]=\"{'icone-expandido': enabledexpand == true && colunasItensExpandidos[j][i] }\">keyboard_arrow_down</mat-icon>\r\n                                    </div>\r\n                                    <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n                                </td>\r\n                                <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n                            </ng-container>\r\n\r\n                            <td nowrap *ngSwitchCase=\"'date'\" [innerHTML]=\"mod[col] | date:'shortDate'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'monthyear'\" [innerHTML]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n                           \r\n                            <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n                                <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n                                <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n                                <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n                            </td>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"enabledclickaccess\">\r\n                        <td class=\"td-actions clickaccess\">\r\n                            <button mat-icon-button type=\"button\" *ngIf=\"enabledview\">\r\n                                <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!enabledclickaccess\">\r\n                        <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n                            <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </a>\r\n\r\n                            <ng-container *ngFor=\"let b of buttons\">\r\n                                <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"b.label | translate\" (click)=\"b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n                                    <mat-icon>{{b.icon}}</mat-icon>\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Download' | translate\" (click)=\"download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n                                <mat-icon>file_download</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"detail(mod)\" *ngIf=\"enableddetail\">\r\n                                <mat-icon>list</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Informacao' | translate\" (click)=\"info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n                                <mat-icon>info</mat-icon>\r\n                            </button>\r\n                            \r\n                            <!-- <button mat-icon-button type=\"button\" [matTooltip]=\"'Visualizar' | translate\" (click)=\"view(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Editar' | translate\" (click)=\"edit(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit\">\r\n                                <mat-icon>edit</mat-icon>\r\n                            </button> -->\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n                                <mat-icon>delete</mat-icon>\r\n                            </button>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltipShowDelay]=\"800\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n                                <mat-icon>arrow_forward</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n        <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n        <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: [":host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table{border-collapse:separate;border-spacing:0}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:10px 5px 5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{top:-4px;right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:32px;background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;transition:color .2s ease-in-out;padding:7px 0 0 5px;border:solid 1px transparent;border-width:1px 0}:host.uxc3 div.table-responsive .table tbody tr td:first-child{border-left-width:1px;border-radius:3px 0 0 3px}:host.uxc3 div.table-responsive .table tbody tr td:nth-last-child(2){border-right-width:1px;border-radius:0 3px 3px 0}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{padding-top:3px;padding-bottom:3px;border-bottom:none;margin-top:0;margin-right:3px}:host.uxc3 div.table-responsive .table tbody tr td.td-actions button:disabled{pointer-events:none;opacity:.4}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover *,:host.uxc3 div.table-responsive .table tbody tr.selected-row *{cursor:pointer}:host.uxc3 div.table-responsive .table tbody tr:hover td,:host.uxc3 div.table-responsive .table tbody tr.selected-row td{border-color:var(--cor-C)}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais,:host.uxc3 div.table-responsive .table tbody tr.selected-row .mostrar-mais{background-color:var(--cor-C)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:var(--ux-cor-hover)}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:var(--ux-cor-hover)}\n"] }]
     }], 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: [{
@@ -5499,6 +5514,9 @@ class InfoGridComponent {
             type: HostListener,
             args: ['document:keydown.control.f', ['$event']]
         }], shortcutEdit: [{
+            type: HostListener,
+            args: ['document:keydown.space', ['$event']]
+        }, {
             type: HostListener,
             args: ['document:keydown.enter', ['$event']]
         }], shortcutDelete: [{