info-library 2.10.71 → 2.10.73

package/fesm2015/info-library.js

@@ -6,13 +6,13 @@ import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http'
 import { of, Observable } from 'rxjs';
 import { map, catchError, switchMap, debounceTime, distinctUntilChanged } from 'rxjs/operators';
 import { MatDialog, MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { Title, DomSanitizer } from '@angular/platform-browser';
 import { OverlayContainer } from '@angular/cdk/overlay';
 import { FormControl, NG_VALUE_ACCESSOR, NgModel, NgForm, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MatMomentDateModule } from '@angular/material-moment-adapter';
 import createAutoCorrectedDatePipe from 'text-mask-addons/dist/createAutoCorrectedDatePipe';
 import * as moment from 'moment';
-import { DomSanitizer } from '@angular/platform-browser';
 import { AngularEditorModule } from '@kolkov/angular-editor';
 import { ENTER } from '@angular/cdk/keycodes';
 import { CommonModule } from '@angular/common';
@@ -1171,14 +1171,18 @@ class InfoAuthenticationService {
      * @param {?} _plataforma
      * @param {?} _dataService
      * @param {?} _modal
+     * @param {?} _translate
+     * @param {?} _title
      */
-    constructor(_router, _http, _sessao, _plataforma, _dataService, _modal) {
+    constructor(_router, _http, _sessao, _plataforma, _dataService, _modal, _translate, _title) {
         this._router = _router;
         this._http = _http;
         this._sessao = _sessao;
         this._plataforma = _plataforma;
         this._dataService = _dataService;
         this._modal = _modal;
+        this._translate = _translate;
+        this._title = _title;
         this._key = 'token';
         this._keySessao = 'sessao';
         this._sessionActive = true;
@@ -1394,6 +1398,7 @@ class InfoAuthenticationService {
      * @return {?}
      */
     logout() {
+        this._http.post(this._plataforma.Config.webapiUrl + 'centrocontrole/usuario/Logout', null, { headers: this._dataService.getHeaderToken() }).toPromise();
         this.removeSessao();
         this._router.navigateByUrl('login').then((/**
          * @param {?} r
@@ -1634,6 +1639,8 @@ class InfoAuthenticationService {
         let aux = url.substring(1).replace(/-/g, '').toLowerCase().split('/');
         /** @type {?} */
         let tituloMenu = aux.length > 0 ? aux[0].toString() : url;
+        /** @type {?} */
+        let parametrosUrl = url.split('/').slice(2);
         if (tituloMenu.indexOf('ashboard') > -1)
             this._plataforma.PaginaAtiva = { Icone: 'widgets', Titulo: 'Dashboard' };
         else {
@@ -1643,8 +1650,16 @@ class InfoAuthenticationService {
              * @return {?}
              */
             m => m.Title.toLowerCase().indexOf(tituloMenu) > -1));
-            if (item != null && item.length > 0)
+            /** @type {?} */
+            let subTitulo = "";
+            for (var i = 0; i < parametrosUrl.length; i++) {
+                if (!this.isGuid(parametrosUrl[i]) && isNaN(parseFloat(parametrosUrl[i])))
+                    subTitulo += " - " + this._translate.translate(this.toPascalCase(parametrosUrl[i]));
+            }
+            if (item != null && item.length > 0) {
                 this._plataforma.PaginaAtiva = { Icone: item[0].Icon, Titulo: item[0].Title };
+                this._title.setTitle("Plataforma - " + this._translate.translate(item[0].Title) + subTitulo);
+            }
             else
                 this._plataforma.PaginaAtiva = { Icone: 'security', Titulo: 'Plataforma' };
         }
@@ -1689,6 +1704,20 @@ class InfoAuthenticationService {
     isGuid(value) {
         return (value || '').match('^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$') !== null;
     }
+    /**
+     * @private
+     * @param {?} value
+     * @return {?}
+     */
+    toPascalCase(value) {
+        return value.replace(/(^\w|-\w)/g, (/**
+         * @param {?} w1
+         * @param {?} w2
+         * @param {?} i
+         * @return {?}
+         */
+        (w1, w2, i) => i == 0 ? w1.toUpperCase() : w1[1].toUpperCase()));
+    }
 }
 InfoAuthenticationService.decorators = [
     { type: Injectable, args: [{
@@ -1702,9 +1731,11 @@ InfoAuthenticationService.ctorParameters = () => [
     { type: InfoSessionModel },
     { type: InfoPlatformModel },
     { type: InfoDataService },
-    { type: MatDialog }
+    { type: MatDialog },
+    { type: InfoTranslateService },
+    { type: Title }
 ];
-/** @nocollapse */ InfoAuthenticationService.ɵprov = ɵɵdefineInjectable({ factory: function InfoAuthenticationService_Factory() { return new InfoAuthenticationService(ɵɵinject(Router), ɵɵinject(HttpClient), ɵɵinject(InfoSessionModel), ɵɵinject(InfoPlatformModel), ɵɵinject(InfoDataService), ɵɵinject(MatDialog)); }, token: InfoAuthenticationService, providedIn: "root" });
+/** @nocollapse */ InfoAuthenticationService.ɵprov = ɵɵdefineInjectable({ factory: function InfoAuthenticationService_Factory() { return new InfoAuthenticationService(ɵɵinject(Router), ɵɵinject(HttpClient), ɵɵinject(InfoSessionModel), ɵɵinject(InfoPlatformModel), ɵɵinject(InfoDataService), ɵɵinject(MatDialog), ɵɵinject(InfoTranslateService), ɵɵinject(Title)); }, token: InfoAuthenticationService, providedIn: "root" });
 if (false) {
     /**
      * @type {?}
@@ -1756,6 +1787,16 @@ if (false) {
      * @private
      */
     InfoAuthenticationService.prototype._modal;
+    /**
+     * @type {?}
+     * @private
+     */
+    InfoAuthenticationService.prototype._translate;
+    /**
+     * @type {?}
+     * @private
+     */
+    InfoAuthenticationService.prototype._title;
 }
 class RefreshSessionTimeModalComponent {
     /**
@@ -3466,7 +3507,7 @@ class InfoPaginatorComponent {
             currentEnd = this.total;
         if (currentInit == null || currentEnd == null)
             return;
-        this.totalDescription = currentInit + ' - ' + currentEnd + ' de ' + this.total;
+        this.totalDescription = currentInit.toLocaleString('pt-BR') + ' - ' + currentEnd.toLocaleString('pt-BR') + ' de ' + this.total.toLocaleString('pt-BR');
     }
 }
 InfoPaginatorComponent.decorators = [
@@ -4515,7 +4556,7 @@ InfoGridComponent.decorators = [
                 selector: 'info-grid',
                 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 || ((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                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody class=\"grid-content\">\r\n                <tr *ngFor=\"let mod of data\" [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 *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\" >\r\n                                    <label [outerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || ''\"></label>\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>",
                 providers: [InfoFormPropModel],
-                styles: [":host{display:block;min-height:200px;position:relative}:host #auto-refresh{background:transparent;margin:0;padding:0;position:absolute;right:0;top:8px}:host #auto-refresh i{cursor:default;font-size:18px}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{height:25px;line-height:25px;text-align:center;width:25px}: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{font-size:.8rem;font-weight:700;padding-top:8px;text-transform:uppercase}:host table thead .col_dia,:host table thead .col_id{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_data,:host table thead .col_datacotacao,:host table thead .col_dataposicao,:host table thead .col_referencia{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,: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;font-size:10px;padding:10px 5px 5px;text-transform:capitalize}: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 tbody tr{background:#f9f9f9;height:40px}:host.uxc3 div.table-responsive .table tbody tr td{cursor:default;font-size:13px;font-weight:600;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{border-bottom:none;margin-top:1px;padding-bottom:6px;padding-top:7px}: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{border:1px solid;border-radius:3px;display:inline-block;font-size:8px;margin:0 0 0 5px;padding:2px 5px;position:relative;text-transform:uppercase;top:-2px}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(2n):hover,:host.uxc3 div.table-responsive .table tbody tr:nth-child(2n):hover .td-actions{background:#fff}"]
+                styles: [":host{display:block;position:relative}:host #auto-refresh{background:transparent;margin:0;padding:0;position:absolute;right:0;top:8px}:host #auto-refresh i{cursor:default;font-size:18px}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{height:25px;line-height:25px;text-align:center;width:25px}: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{font-size:.8rem;font-weight:700;padding-top:8px;text-transform:uppercase}:host table thead .col_dia,:host table thead .col_id{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_data,:host table thead .col_datacotacao,:host table thead .col_dataposicao,:host table thead .col_referencia{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,: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;font-size:10px;padding:10px 5px 5px;text-transform:capitalize}: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 tbody tr{background:#f9f9f9;height:40px}:host.uxc3 div.table-responsive .table tbody tr td{cursor:default;font-size:13px;font-weight:600;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{border-bottom:none;margin-top:1px;padding-bottom:6px;padding-top:7px}: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{border:1px solid;border-radius:3px;display:inline-block;font-size:8px;margin:0 0 0 5px;padding:2px 5px;position:relative;text-transform:uppercase;top:-2px}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(2n):hover,:host.uxc3 div.table-responsive .table tbody tr:nth-child(2n):hover .td-actions{background:#fff}"]
             }] }
 ];
 /** @nocollapse */
@@ -6769,7 +6810,7 @@ InfoMainComponent.decorators = [
     { type: Component, args: [{
                 selector: 'info-main',
                 template: "<div class=\"site-container\" [ngClass]=\"{ 'open-sidebar': opened }\">\r\n    \r\n    <info-topbar #topbar\r\n        [themes]=\"themes\" \r\n        [languages]=\"languages\" \r\n        [profileurl]=\"profileurl\"\r\n        [notificationapi]=\"notificationapi\" \r\n        [notificationgetmethod]=\"notificationgetmethod\" \r\n        [notificationpostmethod]=\"notificationpostmethod\"\r\n        [notificationverifymethod]=\"notificationverifymethod\"\r\n        [notificationverifyenabled]=\"notificationverifyenabled\"\r\n        [fastsearchform]=\"fastsearchform\"\r\n        [fastsearchformwidth]=\"fastsearchformwidth\"\r\n        [fastsearchtitle]=\"fastsearchtitle\"\r\n        [setthemeonchangecompany]=\"setthemeonchangecompany\"\r\n        (onchangestate)=\"onChangeTopBarState()\"\r\n        (ongetnotification)=\"onGetNotificationsTopBar($event)\"\r\n        (onverifynotification)=\"onVerifyNotificationsTopBar($event)\">\r\n    </info-topbar>\r\n        \r\n    <info-topmenu *ngIf=\"_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-topmenu>\r\n\r\n    <info-sidebar *ngIf=\"!_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        [activemenubyurl]=\"activemenubyurl\"\r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-sidebar>\r\n\r\n    <main class=\"main-content\">\r\n        <div class=\"main-content-wrap\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n\r\n        <div class=\"footer row\">\r\n            <div class=\"copyright col-md-9\">{{ 'Copyright' | translate}}</div>\r\n            <div class=\"version col-md-3\" *ngIf=\"version\">{{ 'Versao' | translate}} {{ version }}</div>\r\n        </div>\r\n        \r\n        <info-alert [messages]=\"messages\"></info-alert>\r\n    </main>\r\n</div>",
-                styles: [":host.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 240px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#fff}@media screen and (max-width:991px){:host.uxc3 .main-content{padding-left:0}}@media screen and (max-width:543px){:host.uxc3 .main-content{padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-sidebar,:host.uxc3 .open-sidebar info-topbar{left:0}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media (max-width:991px){:host.uxc2 .main-content{padding-left:0}}@media (max-width:543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media (max-width:991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:240px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media (max-width:991px){:host.uxc2 .open-sidebar info-sidebar /deep/ .sidebar-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}:host.uxc2 .footer{align-items:center;background:rgba(0,0,0,.1);bottom:0;display:flex;font-size:.8rem;height:3.14286rem;justify-content:space-between;position:sticky;width:100%;z-index:9997}@media (max-width:543px){:host.uxc2 .footer{font-size:.7rem}}:host.uxc2 .footer .copyright,:host.uxc2 .footer .version{padding:10px 22px}@media (max-width:543px){:host.uxc2 .footer .copyright{padding-right:0}}:host.uxc2 .footer .version{color:#000;text-align:right}"]
+                styles: [":host.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 240px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#fff}@media screen and (max-width:991px){:host.uxc3 .main-content{padding-left:0}}@media screen and (max-width:543px){:host.uxc3 .main-content{padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-sidebar,:host.uxc3 .open-sidebar info-topbar{left:0}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media (max-width:991px){:host.uxc2 .main-content{padding-left:0}}@media (max-width:543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media (max-width:991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:240px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media (max-width:991px){:host.uxc2 .open-sidebar info-sidebar /deep/ .sidebar-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}:host.uxc2 .footer{align-items:center;background:rgba(0,0,0,.1);bottom:0;display:flex;font-size:.8rem;height:3.14286rem;justify-content:space-between;position:-webkit-sticky;position:sticky;width:100%;z-index:9997}@media (max-width:543px){:host.uxc2 .footer{font-size:.7rem}}:host.uxc2 .footer .copyright,:host.uxc2 .footer .version{padding:10px 22px}@media (max-width:543px){:host.uxc2 .footer .copyright{padding-right:0}}:host.uxc2 .footer .version{color:#000;text-align:right}"]
             }] }
 ];
 /** @nocollapse */