info-library 2.10.49 → 2.10.50

package/bundles/info-library.umd.js

@@ -811,6 +811,8 @@
         InfoTranslatePipe.prototype.transform = function (value, args) {
             if (!value)
                 return;
+            if (args === false)
+                return value;
             return this._translate.instant(value);
         };
         return InfoTranslatePipe;
@@ -888,7 +890,7 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
 
-    /******************************************************************************
+    /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -912,8 +914,6 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -1050,11 +1050,7 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-            desc = { enumerable: true, get: function () { return m[k]; } };
-        }
-        Object.defineProperty(o, k2, desc);
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -1103,13 +1099,11 @@
         }
         return ar;
     }
-    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
-    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -1118,17 +1112,7 @@
                 r[k] = a[j];
         return r;
     }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
+    ;
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -1193,26 +1177,18 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    function __classPrivateFieldGet(receiver, privateMap) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to get private field on non-instance");
+        }
+        return privateMap.get(receiver);
     }
-    function __classPrivateFieldIn(state, receiver) {
-        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-            throw new TypeError("Cannot use 'in' operator on non-object");
-        return typeof state === "function" ? receiver === state : state.has(receiver);
+    function __classPrivateFieldSet(receiver, privateMap, value) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to set private field on non-instance");
+        }
+        privateMap.set(receiver, value);
+        return value;
     }
 
     /**
@@ -2439,7 +2415,7 @@
             this.selectfirst = false;
             this.disablednoregisters = false;
             this.getdataonchange = false;
-            this.getdataonchangetime = 300;
+            this.getdataonchangetime = 500;
             this.api = null;
             this.method = 'getchavevalor';
             this.maxlist = 10;
@@ -4026,6 +4002,7 @@
             this.colunasHeaders = [];
             this.colunasType = [];
             this.colunasWidth = [];
+            this.colunasTranslate = [];
             this.currentUrl = null;
             this.url = null;
             this.parentIdUrlChange = new i0.EventEmitter();
@@ -4153,6 +4130,7 @@
                 this.colunasHeaders = [];
                 this.colunasType = [];
                 this.colunasWidth = [];
+                this.colunasTranslate = [];
                 this.cols.split(',').forEach(( /**
                  * @param {?} registro
                  * @return {?}
@@ -4160,6 +4138,9 @@
                  * @param {?} registro
                  * @return {?}
                  */ registro) {
+                    /** @type {?} */
+                    var translate = registro.indexOf('#') == -1;
+                    registro = registro.replace(/#/g, '');
                     /** @type {?} */
                     var column = registro;
                     /** @type {?} */
@@ -4202,6 +4183,7 @@
                     _this.colunasHeaders.push(header);
                     _this.colunasType.push(type == '' ? 'label' : type);
                     _this.colunasWidth.push(width);
+                    _this.colunasTranslate.push(translate);
                 }));
             }
         };
@@ -4796,9 +4778,9 @@
     InfoGridComponent.decorators = [
         { type: i0.Component, args: [{
                     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    <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\" [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'\" [innerHTML]=\"(mod[col] | translate) || ''\"></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\">\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>",
+                    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    <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\">\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: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;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}"]
                 }] }
     ];
     /** @nocollapse */
@@ -5019,6 +5001,8 @@
         /** @type {?} */
         InfoGridComponent.prototype.colunasWidth;
         /** @type {?} */
+        InfoGridComponent.prototype.colunasTranslate;
+        /** @type {?} */
         InfoGridComponent.prototype.currentUrl;
         /** @type {?} */
         InfoGridComponent.prototype.url;
@@ -5797,8 +5781,10 @@
             this.blankItem = null;
             this.loading = false;
             this.disabled = false;
+            this.notranslate = null;
             this.onselecteditem = new i0.EventEmitter();
             this.selectedValue = null;
+            this.translatValue = true;
             this.initialized = false;
             this._params = null;
             this._data = [];
@@ -5935,7 +5921,7 @@
     InfoSelectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'info-select',
-                    template: "<mat-form-field>\r\n    <mat-select [placeholder]=\"placeholder | translate\" [(ngModel)]=\"selectedValue\" (selectionChange)=\"onChangeValue()\" [disabled]=\"disabled || loading\" [required]=\"required\">\r\n        <mat-option *ngIf=\"blank\" [value]=\"blankItem.Id\">{{ blankItem.Nome | translate }}</mat-option>\r\n        <mat-option *ngFor=\"let i of data\" [value]=\"i.Id\" [innerHTML]=\"i.Nome | translate\"></mat-option>\r\n    </mat-select>\r\n</mat-form-field>\r\n\r\n<section class=\"select-loading\">\r\n    <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\" >\r\n    </mat-progress-bar>\r\n</section>",
+                    template: "<mat-form-field>\r\n    <mat-select [placeholder]=\"placeholder | translate\" [(ngModel)]=\"selectedValue\" (selectionChange)=\"onChangeValue()\" [disabled]=\"disabled || loading\" [required]=\"required\">\r\n        <mat-option *ngIf=\"blank\" [value]=\"blankItem.Id\">{{ blankItem.Nome | translate }}</mat-option>\r\n        <mat-option *ngFor=\"let i of data\" [value]=\"i.Id\" [innerHTML]=\"i.Nome | translate:(notranslate===null)\"></mat-option>\r\n    </mat-select>\r\n</mat-form-field>\r\n\r\n<section class=\"select-loading\">\r\n    <mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\" >\r\n    </mat-progress-bar>\r\n</section>",
                     providers: [{
                             provide: forms.NG_VALUE_ACCESSOR,
                             useExisting: i0.forwardRef(( /**
@@ -5962,6 +5948,7 @@
         blankItem: [{ type: i0.Input }],
         loading: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }],
+        notranslate: [{ type: i0.Input }],
         onselecteditem: [{ type: i0.Output }],
         params: [{ type: i0.Input }],
         data: [{ type: i0.Input }]
@@ -5990,10 +5977,14 @@
         /** @type {?} */
         InfoSelectComponent.prototype.disabled;
         /** @type {?} */
+        InfoSelectComponent.prototype.notranslate;
+        /** @type {?} */
         InfoSelectComponent.prototype.onselecteditem;
         /** @type {?} */
         InfoSelectComponent.prototype.selectedValue;
         /** @type {?} */
+        InfoSelectComponent.prototype.translatValue;
+        /** @type {?} */
         InfoSelectComponent.prototype.onChange;
         /** @type {?} */
         InfoSelectComponent.prototype.onTouched;
@@ -7136,7 +7127,7 @@
         { type: i0.Component, args: [{
                     selector: 'info-sidebar',
                     template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n        <nav>\r\n            <div class=\"main-menu\">\r\n                <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n                    <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin  }\">chevron_right</mat-icon>\r\n                </a>\r\n\r\n                <ul *ngIf=\"menu\">\r\n    \r\n                    <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n                        \r\n                        <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"access(m.Title);tooltip.hide();\" >\r\n                            <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n                            <label class=\"title\">{{ m.Title | translate }}</label>\r\n                        </a>\r\n    \r\n                        <ng-container *ngIf=\"m.Sub != null\">\r\n                            <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n                                <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n                                <label class=\"title\">{{ m.Title | translate }}</label>\r\n                            </a>\r\n    \r\n                            <div class=\"sub-menu\">\r\n                                <h4>{{ m.Title | translate }}</h4>\r\n    \r\n                                <ul>\r\n                                    <li *ngFor=\"let s of m.Sub\">\r\n                                        <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </ng-container>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n        <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-sidebar\">\r\n\r\n        <div class=\"logo\">\r\n            <a href=\"/\" >\r\n                <i class=\"logo-img\"></i>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"info\">\r\n            <span>{{ _session.Usuario }}</span>\r\n            <small>{{ _session.Perfil }}</small>\r\n        </div>\r\n\r\n        <nav>\r\n            <div class=\"main-menu\">\r\n                <section class=\"loading-bar\" *ngIf=\"loading\">\r\n                    <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n                </section>\r\n                <ul *ngIf=\"menu\">\r\n                    <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n            \r\n                        <!-- Grupos -->\r\n                        <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n            \r\n                        <!-- Itens -->\r\n                        <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n                            <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n                        </a>\r\n            \r\n                        <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n                            <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n                        </a>\r\n            \r\n                        <!-- Item com submenu -->\r\n                        <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n                            <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n                            <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n                        </a>\r\n            \r\n                        <!-- Sub Menu -->\r\n                        <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n                            <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n                                <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n                            </li>\r\n                        </ul>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></div>",
-                    styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width:991px){:host.uxc3{left:-240px;top:180px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media screen and (max-width:991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{content:\" \";height:100%;left:240px;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:370px;z-index:-1}@media screen and (max-width:991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width:991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto;padding-top:5px}:host.uxc3 nav #menu-min-icon{cursor:pointer;height:20px;position:absolute;right:20px;top:20px;transition:right .2s ease-in-out;width:20px}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;height:inherit;transform:rotate(180deg);transition:transform .2s ease-in-out;width:inherit}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0deg)}:host.uxc3 nav .main-menu{overflow-y:auto;width:240px}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}:host.uxc3 nav .main-menu>ul .menu-item{margin-bottom:3px;position:relative}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";left:-5px;position:absolute;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{-moz-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;margin-right:15px;top:6px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;left:240px;opacity:0;padding:0 40px;position:fixed;top:100px;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:370px}@media screen and (max-width:991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{list-style:none;margin:0;padding:0}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:5px 0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{font-weight:600!important;text-decoration:none!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{opacity:1;visibility:visible}:host.uxc3 .sidebar-overlay{opacity:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:-3}:host.uxc2,:host.uxc3 .sidebar-overlay{height:100%;left:0;position:fixed;top:0}:host.uxc2{display:block;transition:left .2s ease-in-out;width:240px;z-index:997}@media (max-width:991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{height:50px;margin:auto;vertical-align:top;width:210px}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media (max-width:991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{font-size:1.2em;margin:0}:host.uxc2 .site-sidebar .info label,:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{cursor:pointer;font-size:.9em}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{margin-bottom:3px;position:relative}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;top:4px;width:25px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:rgba(0,0,0,.6);display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{font-size:.9em;padding:5px 22px 6px 48px}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.active:after,:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translateX(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc2 nav .main-menu>ul .menu-item.has-sub,:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}"]
+                    styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width:991px){:host.uxc3{left:-240px;top:180px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media screen and (max-width:991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{content:\" \";height:100%;left:240px;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:370px;z-index:-1}@media screen and (max-width:991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width:991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto;padding-top:5px}:host.uxc3 nav #menu-min-icon{cursor:pointer;height:20px;position:absolute;right:20px;top:20px;transition:right .2s ease-in-out;width:20px}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;height:inherit;transform:rotate(180deg);transition:transform .2s ease-in-out;width:inherit}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0deg)}:host.uxc3 nav .main-menu{overflow-y:auto;width:240px}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 90px}:host.uxc3 nav .main-menu>ul .menu-item{margin-bottom:3px;position:relative}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";left:-5px;position:absolute;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;margin-right:15px;top:6px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;left:240px;opacity:0;padding:0 40px;position:fixed;top:100px;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:370px}@media screen and (max-width:991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{list-style:none;margin:0;padding:0}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:5px 0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{font-weight:600!important;text-decoration:none!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{opacity:1;visibility:visible}:host.uxc3 .sidebar-overlay{opacity:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:-3}:host.uxc2,:host.uxc3 .sidebar-overlay{height:100%;left:0;position:fixed;top:0}:host.uxc2{display:block;transition:left .2s ease-in-out;width:240px;z-index:997}@media (max-width:991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{height:50px;margin:auto;vertical-align:top;width:210px}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media (max-width:991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{font-size:1.2em;margin:0}:host.uxc2 .site-sidebar .info label,:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{cursor:pointer;font-size:.9em}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{margin-bottom:3px;position:relative}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;top:4px;width:25px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:rgba(0,0,0,.6);display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{font-size:.9em;padding:5px 22px 6px 48px}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.active:after,:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translateX(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc2 nav .main-menu>ul .menu-item.has-sub,:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}"]
                 }] }
     ];
     /** @nocollapse */