info-library 2.10.80 → 2.10.82

package/bundles/info-library.umd.js

@@ -933,7 +933,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise */
+    /* global Reflect, Promise, SuppressedError, Symbol */
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -986,6 +986,64 @@
     function __param(paramIndex, decorator) {
         return function (target, key) { decorator(target, key, paramIndex); };
     }
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function")
+            throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn)
+                context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access)
+                context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done)
+                throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0)
+                    continue;
+                if (result === null || typeof result !== "object")
+                    throw new TypeError("Object expected");
+                if (_ = accept(result.get))
+                    descriptor.get = _;
+                if (_ = accept(result.set))
+                    descriptor.set = _;
+                if (_ = accept(result.init))
+                    initializers.unshift(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field")
+                    initializers.unshift(_);
+                else
+                    descriptor[key] = _;
+            }
+        }
+        if (target)
+            Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    }
+    ;
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    }
+    ;
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    }
+    ;
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol")
+            name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    }
+    ;
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
             return Reflect.metadata(metadataKey, metadataValue);
@@ -1017,7 +1075,7 @@
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (_)
+            while (g && (g = 0, op[0] && (_ = 0)), _)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -1167,9 +1225,13 @@
         if (!Symbol.asyncIterator)
             throw new TypeError("Symbol.asyncIterator is not defined.");
         var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+        function verb(n, f) { if (g[n]) {
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
+            if (f)
+                i[n] = f(i[n]);
+        } }
         function resume(n, v) { try {
             step(g[n](v));
         }
@@ -1185,7 +1247,7 @@
     function __asyncDelegator(o) {
         var i, p;
         return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
     }
     function __asyncValues(o) {
         if (!Symbol.asyncIterator)
@@ -1244,7 +1306,95 @@
         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 __addDisposableResource(env, value, async) {
+        if (value !== null && value !== void 0) {
+            if (typeof value !== "object" && typeof value !== "function")
+                throw new TypeError("Object expected.");
+            var dispose, inner;
+            if (async) {
+                if (!Symbol.asyncDispose)
+                    throw new TypeError("Symbol.asyncDispose is not defined.");
+                dispose = value[Symbol.asyncDispose];
+            }
+            if (dispose === void 0) {
+                if (!Symbol.dispose)
+                    throw new TypeError("Symbol.dispose is not defined.");
+                dispose = value[Symbol.dispose];
+                if (async)
+                    inner = dispose;
+            }
+            if (typeof dispose !== "function")
+                throw new TypeError("Object not disposable.");
+            if (inner)
+                dispose = function () { try {
+                    inner.call(this);
+                }
+                catch (e) {
+                    return Promise.reject(e);
+                } };
+            env.stack.push({ value: value, dispose: dispose, async: async });
+        }
+        else if (async) {
+            env.stack.push({ async: true });
+        }
+        return value;
+    }
+    var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+    function __disposeResources(env) {
+        function fail(e) {
+            env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+            env.hasError = true;
+        }
+        function next() {
+            while (env.stack.length) {
+                var rec = env.stack.pop();
+                try {
+                    var result = rec.dispose && rec.dispose.call(rec.value);
+                    if (rec.async)
+                        return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+                }
+                catch (e) {
+                    fail(e);
+                }
+            }
+            if (env.hasError)
+                throw env.error;
+        }
+        return next();
+    }
+    var tslib_es6 = {
+        __extends: __extends,
+        __assign: __assign,
+        __rest: __rest,
+        __decorate: __decorate,
+        __param: __param,
+        __metadata: __metadata,
+        __awaiter: __awaiter,
+        __generator: __generator,
+        __createBinding: __createBinding,
+        __exportStar: __exportStar,
+        __values: __values,
+        __read: __read,
+        __spread: __spread,
+        __spreadArrays: __spreadArrays,
+        __spreadArray: __spreadArray,
+        __await: __await,
+        __asyncGenerator: __asyncGenerator,
+        __asyncDelegator: __asyncDelegator,
+        __asyncValues: __asyncValues,
+        __makeTemplateObject: __makeTemplateObject,
+        __importStar: __importStar,
+        __importDefault: __importDefault,
+        __classPrivateFieldGet: __classPrivateFieldGet,
+        __classPrivateFieldSet: __classPrivateFieldSet,
+        __classPrivateFieldIn: __classPrivateFieldIn,
+        __addDisposableResource: __addDisposableResource,
+        __disposeResources: __disposeResources,
+    };
 
     /**
      * @fileoverview added by tsickle
@@ -4384,6 +4534,7 @@
             this.enabledclassicons = true;
             this.enabledclickaccess = false;
             this.enabledclickevent = false;
+            this.enabledexpand = false;
             this.searchopened = false;
             this.searchonlyonebutton = false;
             this.disablesearchlast = false;
@@ -4424,10 +4575,12 @@
             this.colunasWidth = [];
             this.colunasTranslate = [];
             this.colunasHtml = [];
+            this.colunasItensExpandidos = [];
             this.currentUrl = null;
             this.url = null;
             this.chaveStorage = 'cols';
             this.identificador = null;
+            this.limitcharacters = 250;
             this.parentIdUrlChange = new i0.EventEmitter();
             this.parentIdUrlValue = null;
             this._cols = '';
@@ -4472,6 +4625,7 @@
          * @return {?}
          */
         InfoGridComponent.prototype.ngOnInit = function () {
+            clearTimeout(this.callTimeout);
             this.url = (this._activatedRoute.snapshot.data['URL'] || this._router.url).toLowerCase();
             this._renderer.addClass(this._element.nativeElement, 'uxc' + this._platform.Config.ux);
             this.setPagebarTitle();
@@ -4542,6 +4696,12 @@
             if (this.enabledclickevent)
                 this.enabledclickaccess = true;
         };
+        /**
+         * @return {?}
+         */
+        InfoGridComponent.prototype.ngOnDestroy = function () {
+            clearTimeout(this.callTimeout);
+        };
         /**
          * @return {?}
          */
@@ -4656,6 +4816,21 @@
                     this.colunasWidth[0] = '100%';
             }
         };
+        /**
+         * @return {?}
+         */
+        InfoGridComponent.prototype.setItensExpandidos = function () {
+            var _a, _b;
+            this.colunasItensExpandidos = [];
+            for (var i = 0; i < ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length); i++) {
+                /** @type {?} */
+                var row = [];
+                for (var j = 0; j < ((_b = this.colunasItens) === null || _b === void 0 ? void 0 : _b.length); j++) {
+                    row.push(false);
+                }
+                this.colunasItensExpandidos.push(row);
+            }
+        };
         /**
          * @return {?}
          */
@@ -4838,11 +5013,14 @@
                     this.parentIdUrl = result.parentId;
                 if (refreshPaginator)
                     this.paginator.refresh(result.total);
-                if (this.autorefresh > 0 && this.currentUrl == location.href)
-                    setTimeout(( /**
+                if (this.autorefresh > 0 && this.currentUrl == location.href) {
+                    clearTimeout(this.callTimeout);
+                    this.callTimeout = setTimeout(( /**
                      * @return {?}
                      */function () { _this.getData(); }), this.autorefresh * 1000);
+                }
                 this.fillIcons();
+                this.setItensExpandidos();
             }
             else {
                 this.data = [];
@@ -4907,6 +5085,14 @@
             this._prop.set(InfoPageAction.Search, model);
             this.openModal();
         };
+        /**
+         * @param {?} linha
+         * @param {?} coluna
+         * @return {?}
+         */
+        InfoGridComponent.prototype.mostrarMais = function (linha, coluna) {
+            this.colunasItensExpandidos[linha][coluna] = !this.colunasItensExpandidos[linha][coluna];
+        };
         /**
          * @param {?} model
          * @return {?}
@@ -5296,9 +5482,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\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n        <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n        <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n    </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n    <div class=\"table-responsive white\">\r\n        <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n            <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n                <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n                        <div class=\"row\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n                        <div class=\"search-buttons \">\r\n                            <ng-container *ngIf=\"searchonlyonebutton\">\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    {{ 'Buscar' | translate }}\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngIf=\"!searchonlyonebutton\">\r\n                                <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n                                    <mat-icon class=\"fs-20\">close</mat-icon>\r\n                                </button>\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    <mat-icon class=\"fs-20\">search</mat-icon>\r\n                                </button>\r\n                                \r\n                                <ng-container *ngFor=\"let b of searchbuttons\">\r\n                                    <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n                                        <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n                                    </button>\r\n                                </ng-container>\r\n                  \r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <fieldset *ngIf=\"!showPagebar\"><legend [innerHTML]=\"pagebarTitle | translate\"></legend></fieldset>\r\n        <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n        <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n            <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n        </div>\r\n\r\n        <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n                        <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                        <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                    </ng-container>\r\n\r\n                    <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n                        <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n                            <mat-icon>add_circle_outline</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n                            <mat-icon class=\"icon-out\">settings</mat-icon>\r\n                        </button>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody class=\"grid-content\">\r\n                <tr *ngFor=\"let mod of data\" [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 *ngIf=\"colunasHtml[i] === true\" [outerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || ''\"></label>\r\n                                    <label *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[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>",
+                    template: "<info-pagebar *ngIf=\"showPagebar\" icon=\"work\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n    <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n        <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n    </button>\r\n\r\n    <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n        <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n            <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n            {{ b.label | translate }}\r\n        </button>\r\n    </ng-container>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n        <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n        <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n    </button>\r\n\r\n    <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n        <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n    </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n    <div class=\"table-responsive white\">\r\n        <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n            <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n                <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n                        <div class=\"row\">\r\n                            <ng-content></ng-content>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n                        <div class=\"search-buttons \">\r\n                            <ng-container *ngIf=\"searchonlyonebutton\">\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    {{ 'Buscar' | translate }}\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <ng-container *ngIf=\"!searchonlyonebutton\">\r\n                                <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n                                    <mat-icon class=\"fs-20\">close</mat-icon>\r\n                                </button>\r\n                                <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n                                    <mat-icon class=\"fs-20\">search</mat-icon>\r\n                                </button>\r\n                                \r\n                                <ng-container *ngFor=\"let b of searchbuttons\">\r\n                                    <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n                                        <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n                                    </button>\r\n                                </ng-container>\r\n                  \r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <fieldset *ngIf=\"!showPagebar\"><legend [innerHTML]=\"pagebarTitle | translate\"></legend></fieldset>\r\n        <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n        <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n            <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n        </div>\r\n\r\n        <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n                        <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                        <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n                    </ng-container>\r\n\r\n                    <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n                        <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n                            <mat-icon>add_circle_outline</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n                            <mat-icon class=\"icon-out\">settings</mat-icon>\r\n                        </button>\r\n                    </th>\r\n                </tr>\r\n            </thead>\r\n            <tbody class=\"grid-content\">\r\n                <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons }\" [class]=\"mod.Class\" (click)=\"access(mod)\">\r\n                    <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n                        <ng-container *ngFor=\"let icon of icons\">\r\n                            <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n                        </ng-container>\r\n                    </td>\r\n\r\n                    <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n                        <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n                        <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n                            <ng-container *ngSwitchCase=\"'label'\">\r\n                                <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n                                    <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === true\" [innerHTML]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n                                    <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': colunasItensExpandidos[j][i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n                                    <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': colunasItensExpandidos[j][i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j,i)\">\r\n                                        <mat-icon [ngClass]=\"{'icone-expandido': colunasItensExpandidos[j][i] }\">keyboard_arrow_down</mat-icon>\r\n                                    </div>\r\n                                    <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n                                </td>\r\n                                <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n                                <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n                            </ng-container>\r\n\r\n                            <td nowrap *ngSwitchCase=\"'date'\" [innerHTML]=\"mod[col] | date:'shortDate'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'monthyear'\" [innerHTML]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n                            <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n                            <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n                           \r\n                            <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n                                <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n                                <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n                                <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n                            </td>\r\n                        </ng-container>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"enabledclickaccess\">\r\n                        <td class=\"td-actions clickaccess\">\r\n                            <button mat-icon-button type=\"button\" (click)=\"access(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n\r\n                    <ng-container *ngIf=\"!enabledclickaccess\">\r\n                        <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n                            <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </a>\r\n\r\n                            <ng-container *ngFor=\"let b of buttons\">\r\n                                <button mat-icon-button type=\"button\" [matTooltip]=\"b.label | translate\" (click)=\"b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n                                    <mat-icon>{{b.icon}}</mat-icon>\r\n                                </button>\r\n                            </ng-container>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Download' | translate\" (click)=\"download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n                                <mat-icon>file_download</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"detail(mod)\" *ngIf=\"enableddetail\">\r\n                                <mat-icon>list</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Informacao' | translate\" (click)=\"info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n                                <mat-icon>info</mat-icon>\r\n                            </button>\r\n                            \r\n                            <!-- <button mat-icon-button type=\"button\" [matTooltip]=\"'Visualizar' | translate\" (click)=\"view(mod)\" *ngIf=\"enabledview\">\r\n                                <mat-icon>visibility</mat-icon>\r\n                            </button>\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Editar' | translate\" (click)=\"edit(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit\">\r\n                                <mat-icon>edit</mat-icon>\r\n                            </button> -->\r\n                            \r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n                                <mat-icon>delete</mat-icon>\r\n                            </button>\r\n\r\n                            <button mat-icon-button type=\"button\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n                                <mat-icon>arrow_forward</mat-icon>\r\n                            </button>\r\n                        </td>\r\n                    </ng-container>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n        <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n        <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>",
                     providers: [InfoFormPropModel],
-                    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 thead th .managercols{opacity:0;right:0;top:-4px;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{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 thead th .managercols{opacity:0;right:0;top:-4px;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{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 .mostrar-mais{align-items:baseline;background-color:#f9f9f9;bottom:18px;box-shadow:0 -6px 6px -3px rgba(0,0,0,.2);display:flex;justify-content:center;position:relative;width:100%}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{cursor:pointer;height:5px;line-height:11px;transform:rotate(0);transition:transform .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{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 .td-expansivel .label-expansivel{height:35px;overflow:hidden}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais{background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(2n):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(2n):hover .mostrar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(2n):hover .td-actions{background:#fff}"]
                 }] }
     ];
     /** @nocollapse */
@@ -5349,6 +5535,7 @@
         enabledclassicons: [{ type: i0.Input }],
         enabledclickaccess: [{ type: i0.Input }],
         enabledclickevent: [{ type: i0.Input }],
+        enabledexpand: [{ type: i0.Input }],
         searchopened: [{ type: i0.Input }],
         searchonlyonebutton: [{ type: i0.Input }],
         disablesearchlast: [{ type: i0.Input }],
@@ -5442,6 +5629,8 @@
         /** @type {?} */
         InfoGridComponent.prototype.enabledclickevent;
         /** @type {?} */
+        InfoGridComponent.prototype.enabledexpand;
+        /** @type {?} */
         InfoGridComponent.prototype.searchopened;
         /** @type {?} */
         InfoGridComponent.prototype.searchonlyonebutton;
@@ -5528,6 +5717,8 @@
         /** @type {?} */
         InfoGridComponent.prototype.colunasHtml;
         /** @type {?} */
+        InfoGridComponent.prototype.colunasItensExpandidos;
+        /** @type {?} */
         InfoGridComponent.prototype.currentUrl;
         /** @type {?} */
         InfoGridComponent.prototype.url;
@@ -5536,6 +5727,10 @@
         /** @type {?} */
         InfoGridComponent.prototype.identificador;
         /** @type {?} */
+        InfoGridComponent.prototype.limitcharacters;
+        /** @type {?} */
+        InfoGridComponent.prototype.callTimeout;
+        /** @type {?} */
         InfoGridComponent.prototype.paginator;
         /** @type {?} */
         InfoGridComponent.prototype.parentIdUrlChange;
@@ -7420,6 +7615,7 @@
             this.opened = false;
             this.version = null;
             this.messages = [];
+            this.enabledia = false;
             this._themes = [];
             this.languages = [];
             this.profileurl = '';
@@ -7569,8 +7765,8 @@
     InfoMainComponent.decorators = [
         { type: i0.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:-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}"]
+                    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        [enabledia]=\"enabledia\">\r\n        <ng-content select=\"[infoia]\"></ng-content>\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 select=\"[main]\"></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}"]
                 }] }
     ];
     /** @nocollapse */
@@ -7588,6 +7784,7 @@
         opened: [{ type: i0.Input }],
         version: [{ type: i0.Input }],
         messages: [{ type: i0.Input }],
+        enabledia: [{ type: i0.Input }],
         themes: [{ type: i0.Input }],
         languages: [{ type: i0.Input }],
         profileurl: [{ type: i0.Input }],
@@ -7618,6 +7815,8 @@
         InfoMainComponent.prototype.version;
         /** @type {?} */
         InfoMainComponent.prototype.messages;
+        /** @type {?} */
+        InfoMainComponent.prototype.enabledia;
         /**
          * @type {?}
          * @private
@@ -7982,6 +8181,7 @@
             this.fastsearchtitle = 'PesquisaRapidaCarteira';
             this.profileurl = '';
             this.setthemeonchangecompany = false;
+            this.enabledia = false;
             this.onchangestate = new i0.EventEmitter();
             this.ongetnotification = new i0.EventEmitter();
             this.onverifynotification = new i0.EventEmitter();
@@ -7991,6 +8191,7 @@
             this.notifications = new InfoNotificationModel();
             this.topMenu = {
                 empresa: false,
+                infoia: false,
                 tema: false,
                 idioma: false,
                 notificacao: false,
@@ -8103,6 +8304,7 @@
          */
         InfoTopbarComponent.prototype.open = function (achtiveMenu) {
             this.topMenu.empresa = achtiveMenu == 'empresa';
+            this.topMenu.infoia = achtiveMenu == 'infoia';
             this.topMenu.tema = achtiveMenu == 'tema';
             this.topMenu.idioma = achtiveMenu == 'idioma';
             this.topMenu.notificacao = achtiveMenu == 'notificacao';
@@ -8113,6 +8315,7 @@
          */
         InfoTopbarComponent.prototype.close = function () {
             this.topMenu.empresa = false;
+            this.topMenu.infoia = false;
             this.topMenu.tema = false;
             this.topMenu.idioma = false;
             this.topMenu.notificacao = false;
@@ -8220,7 +8423,7 @@
     InfoTopbarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'info-topbar',
-                    template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-navbar\">\r\n        <a class=\"logo\" >\r\n            <i class=\"logo-img\"></i>\r\n            <i class=\"logo-img-resp\"></i>\r\n        </a>\r\n    \r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item usuario-logado\">\r\n                <dl (click)=\"navigate(profileurl)\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</dd>\r\n                </dl>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-empresa\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <dl (click)=\"open('empresa')\">\r\n                    <dt>{{ 'Empresa' | translate }}</dt>\r\n                    <dd>{{ _session.Empresa }}</dd>\r\n                </dl>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Empresas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n    \r\n                <div class=\"menu-lateral-direita\" >\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Notificacoes' | translate }}</h4>\r\n    \r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n    \r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <dl>\r\n                                        <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n                                        <dd [innerHtml]=\"item.Description | translate\"></dd>\r\n                                    </dl>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <!-- <div class=\"nav-item\">\r\n                <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div> -->\r\n            \r\n            <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Temas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"temas\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n                <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Idiomas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"idiomas\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    \r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <sub>{{ 'Menu' | translate }}</sub>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-navbar\">\r\n        <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n            <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n        </div>\r\n\r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n        </div>\r\n\r\n        <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n            <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n        </h1>\r\n\r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <button mat-button (click)=\"open('empresa')\">\r\n                    <mat-icon>fingerprint</mat-icon>\r\n                    <div class=\"name\">\r\n                        <label>{{ \"Empresa\" | translate }}</label>\r\n                        <span>{{ _session.Empresa }}</span>\r\n                    </div>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n                    <ul class=\"company\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications_off</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n\r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <mat-icon>{{ item.Icon }}</mat-icon>\r\n                                    <div class=\"content\">\r\n                                        <span class=\"desc\" [innerHtml]=\"item.Description | translate\"></span>\r\n                                        <span class=\"date\">{{ item.Date }}</span>\r\n                                    </div>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n                    <ul class=\"languages\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n                    <ul class=\"themes\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n                <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>",
+                    template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-navbar\">\r\n        <a class=\"logo\" >\r\n            <i class=\"logo-img\"></i>\r\n            <i class=\"logo-img-resp\"></i>\r\n        </a>\r\n    \r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item usuario-logado\">\r\n                <dl (click)=\"navigate(profileurl)\">\r\n                    <dt>{{ _session.Perfil }}</dt>\r\n                    <dd>{{ _session.Usuario }}</dd>\r\n                </dl>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-empresa\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <dl (click)=\"open('empresa')\">\r\n                    <dt>{{ 'Empresa' | translate }}</dt>\r\n                    <dd>{{ _session.Empresa }}</dd>\r\n                </dl>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Empresas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"empresas\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item selecao-infoia\" [ngClass]=\"{ 'opened': topMenu.infoia }\" *ngIf=\"enabledia\">\r\n                <button mat-icon-button (click)=\"open('infoia')\" [matTooltip]=\"'Info IA' | translate\">\r\n                    <label>{{ 'InfoIA' | translate }}</label>\r\n                    <mat-icon>diversity_2</mat-icon>\r\n                </button>\r\n                \r\n                <div class=\"menu-lateral-direita infoia\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'InfoIA' | translate }}</h4>\r\n                    <div>\r\n                        <ng-content></ng-content>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n    \r\n                <div class=\"menu-lateral-direita\" >\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Notificacoes' | translate }}</h4>\r\n    \r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n    \r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <dl>\r\n                                        <dt>{{ 'Dia' | translate }} {{ item.Date }}</dt>\r\n                                        <dd [innerHtml]=\"item.Description | translate\"></dd>\r\n                                    </dl>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <!-- <div class=\"nav-item\">\r\n                <button mat-icon-button (click)=\"alternarModo()\" [matTooltip]=\"'AlternarModo' | translate\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div> -->\r\n            \r\n            <div class=\"nav-item selecao-tema\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n    \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Temas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"temas\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\" *ngIf=\"_platform.Config.enabledPrime\">\r\n                <button mat-icon-button [matTooltip]=\"(_platform.ModoPrime ? 'ModoPadrao' : 'Prime') | translate\" (click)=\"toggleMode()\"><mat-icon>brightness_6</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"nav-item selecao-idioma\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                \r\n                <div class=\"menu-lateral-direita\">\r\n                    <mat-icon class=\"fechar\" (click)=\"close()\">close</mat-icon>\r\n                    <h4>{{ 'Idiomas' | translate }}</h4>\r\n                    \r\n                    <ul class=\"idiomas\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n    \r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n    \r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    \r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <sub>{{ 'Menu' | translate }}</sub>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-navbar\">\r\n        <div class=\"sessao-clone text-lightgray\" *ngIf=\"_session.Clone\">\r\n            <div><label>({{ 'ModoClone' | translate }})</label></div>\r\n        </div>\r\n\r\n        <div class=\"navbar-button\" [ngClass]=\"{ 'open' : opened }\" (click)=\"openSidebar()\">\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n            <span></span>\r\n        </div>\r\n\r\n        <h1 id=\"page-title\" class=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n            <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon> {{ _platform.PaginaAtiva.Titulo | translate }}\r\n        </h1>\r\n\r\n        <div class=\"nav-items\">\r\n            <div class=\"nav-item user-profile\" [ngClass]=\"{ 'opened' : topMenu.empresa }\">\r\n                <button mat-button (click)=\"open('empresa')\">\r\n                    <mat-icon>fingerprint</mat-icon>\r\n                    <div class=\"name\">\r\n                        <label>{{ \"Empresa\" | translate }}</label>\r\n                        <span>{{ _session.Empresa }}</span>\r\n                    </div>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Empresa' | translate }}</h4>\r\n\r\n                    <ul class=\"company\">\r\n                        <li *ngFor=\"let company of _session.Empresas\" >\r\n                            <a (click)=\"setCompany(company); divModal.click();\">{{ company.Nome }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened' : topMenu.notificacao }\" *ngIf=\"notificationapi\">\r\n                <button mat-icon-button (click)=\"setNotificationStatus(true, false, false);open('notificacao')\" [matTooltip]=\"'Notificacoes' | translate\"><mat-icon>notifications_none</mat-icon>\r\n                    <span class=\"badge\" *ngIf=\"notifications.Count > 0\">{{ notifications.Count }}</span>\r\n                </button>\r\n\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Notificacoes' | translate }}</h4>\r\n\r\n                    <ul>\r\n                        <li *ngIf=\"notifications.Itens.length == 0\">\r\n                            <a style=\"cursor: default;\">\r\n                                <mat-icon>notifications_off</mat-icon>\r\n                                <div class=\"content\">\r\n                                    <span>{{ 'TNotificacoesNenhuma' | translate }}</span>\r\n                                </div>\r\n                            </a>\r\n                        </li>\r\n\r\n                        <ng-container *ngIf=\"notifications.Itens.length > 0\">\r\n                            <li *ngFor=\"let item of notifications.Itens\">\r\n                                <a (click)=\"navigate(item.Url);close()\">\r\n                                    <mat-icon>{{ item.Icon }}</mat-icon>\r\n                                    <div class=\"content\">\r\n                                        <span class=\"desc\" [innerHtml]=\"item.Description | translate\"></span>\r\n                                        <span class=\"date\">{{ item.Date }}</span>\r\n                                    </div>\r\n                                </a>\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.idioma }\" *ngIf=\"languages.length > 0\">\r\n                <button mat-icon-button (click)=\"open('idioma')\" [matTooltip]=\"'Idioma' | translate\"><mat-icon>public</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Idioma' | translate }}</h4>\r\n                    <ul class=\"languages\">\r\n                        <li *ngFor=\"let lang of languages\">\r\n                            <a (click)=\"setLanguage(lang.lang); divModal.click();\">{{ lang.name | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" [ngClass]=\"{ 'opened': topMenu.tema }\" *ngIf=\"!prodution && themes.length > 0\">\r\n                <button mat-icon-button (click)=\"open('tema')\" [matTooltip]=\"'Tema' | translate\"><mat-icon>invert_colors</mat-icon></button>\r\n                <div class=\"dropdown-menu\">\r\n                    <h4 class=\"menu-title\">{{ 'Temas' | translate }}</h4>\r\n                    <ul class=\"themes\">\r\n                        <li *ngFor=\"let theme of themes\">\r\n                            <a (click)=\"setTheme(theme.name); divModal.click();\"> {{ theme.description | translate }}</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"nav-item\" *ngIf=\"fastsearchform\">\r\n                <button mat-icon-button (click)=\"openFastSearch()\" [matTooltip]=\"fastsearchtitle | translate\">\r\n                    <mat-icon>search</mat-icon>\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\" *ngIf=\"profileurl != ''\">\r\n                <button mat-icon-button [matTooltip]=\"'MeuPerfil' | translate\" [routerLink]=\"profileurl\"><mat-icon>person</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"nav-item\">\r\n                <button mat-icon-button [matTooltip]=\"'Sair' | translate\" (click)=\"logout()\"><mat-icon>power_settings_new</mat-icon></button>\r\n            </div>\r\n\r\n            <div class=\"items-overlay\" (click)=\"close()\" #divModal></div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<section class=\"loading-bar\" *ngIf=\"loading\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar></section>\r\n<div class=\"block\" *ngIf=\"loading\"></div>",
                     styles: [":host.topmenu{border-bottom-width:0!important;box-shadow:none!important}:host.uxc3{display:block;height:85px;left:0;position:fixed;right:0;top:0;transition:left .2s ease-in-out;z-index:9998}@media screen and (max-width:991px){:host.uxc3{left:0}:host.uxc3 .nav-items{width:100%}:host.uxc3 .logo{position:absolute;top:17px}:host.uxc3 .logo .logo-img{display:none!important}:host.uxc3 .logo .logo-img-resp{display:block!important;height:45px!important}:host.uxc3 .usuario-logado{border-right:none!important;left:-100%;margin:0!important;padding-left:25px!important;padding-top:15px!important;position:absolute;top:70px!important;transition:left .2s ease-in-out;width:calc(100% + 6px)}:host.uxc3 .usuario-logado.menu-aberto{left:0}:host.uxc3 .usuario-logado dl{text-align:left!important}:host.uxc3 .usuario-logado dl dt{display:inline-block;font-size:14px}:host.uxc3 .usuario-logado dl dd{display:inline-block;margin-right:5px;padding-right:20px;position:relative}:host.uxc3 .usuario-logado dl dd:after{content:\"-\";height:10px;position:absolute;right:0;top:2px;width:10px}:host.uxc3 .selecao-empresa{left:-100%;margin:0!important;padding:5px 15px 6px 25px;position:absolute;top:115px!important;transition:left .2s ease-in-out;width:calc(100% + 6px)}:host.uxc3 .selecao-empresa.menu-aberto{left:0}:host.uxc3 .selecao-empresa button,:host.uxc3 .selecao-empresa dl{width:100%!important}}:host.uxc3 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media screen and (max-width:991px){:host.uxc3 .site-navbar{flex-wrap:wrap}}:host.uxc3 .site-navbar .logo{display:block;height:60px;width:500px}:host.uxc3 .site-navbar .logo .logo-img{display:block;height:100%;width:100%}:host.uxc3 .site-navbar .logo .logo-img-resp{display:none;height:100%;width:100%}:host.uxc3 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;left:70px;margin:0;position:absolute;top:20px;transform:rotate(0deg);width:35px}@media screen and (max-width:991px){:host.uxc3 .site-navbar .navbar-button{display:block}}:host.uxc3 .site-navbar .navbar-button sub{bottom:-10px;position:absolute;text-transform:uppercase}:host.uxc3 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;top:10px;transform:rotate(0deg);transition:.25s ease-in-out;width:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(2n){left:50%}:host.uxc3 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc3 .site-navbar .navbar-button span:first-child,:host.uxc3 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc3 .site-navbar .navbar-button span:nth-child(3),:host.uxc3 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc3 .site-navbar .navbar-button span:nth-child(5),:host.uxc3 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc3 .site-navbar .navbar-button.open span:first-child,:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc3 .site-navbar .navbar-button.open span:first-child{left:2px;top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 7px);top:6px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(5){left:2px;top:15px}:host.uxc3 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 7px);top:15px}:host.uxc3 dl{line-height:20px;text-transform:none;transition:border .2s ease-in-out}:host.uxc3 dl dt{font-size:10px;font-weight:500;transition:color .2s ease-in-out}:host.uxc3 dl dd{font-size:14px;font-weight:600;margin-bottom:0;position:relative;top:0;transition:color .2s ease-in-out}:host.uxc3 .selecao-empresa,:host.uxc3 .usuario-logado{cursor:pointer;padding:5px 20px 5px 0;top:-1px}:host.uxc3 .selecao-empresa dl,:host.uxc3 .usuario-logado dl{margin:0;top:5px}:host.uxc3 .selecao-empresa dl mat-icon,:host.uxc3 .usuario-logado dl mat-icon{font-size:22px;position:absolute;right:0;text-align:center;top:17px}:host.uxc3 .usuario-logado{margin:0!important;padding-left:10px}:host.uxc3 .usuario-logado dl{text-align:right}:host.uxc3 .usuario-logado dl mat-icon{left:0}:host.uxc3 .selecao-empresa{padding-left:20px}:host.uxc3 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media screen and (min-width:544px){:host.uxc3 .nav-items{width:100%}}@media screen and (max-width:991px){:host.uxc3 .nav-items{display:block;position:absolute;right:10px;top:0}}:host.uxc3 .nav-items .nav-item{align-items:center;display:inline-block;margin:15px 3px 0 0;text-align:left}@media screen and (min-width:544px){:host.uxc3 .nav-items .nav-item{position:relative}}:host.uxc3 .nav-items .nav-item .mat-button,:host.uxc3 .nav-items .nav-item .mat-icon-button{cursor:pointer;min-width:40px;padding:0;position:relative;top:-14px;transition:color .2s ease-in-out}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon{font-size:24px;height:auto!important;line-height:auto!important;vertical-align:middle;width:auto!important}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-wrapper .badge,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-wrapper .badge{background:#af1b11;border-radius:8px;color:#fff;font-size:10px;line-height:16px;padding:0 5px;position:absolute;right:0;top:0}:host.uxc3 .nav-items .nav-item .mat-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-button .mat-button-ripple,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-focus-overlay,:host.uxc3 .nav-items .nav-item .mat-icon-button .mat-button-ripple{display:none}:host.uxc3 .nav-items .nav-item .menu-lateral-direita{display:none;height:100%;padding:0;position:fixed;right:0;top:0;width:420px;z-index:9999}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:auto;margin-left:0;right:0}}@media screen and (max-width:543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita{left:0;margin-left:0;width:100%}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media screen and (max-width:991px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{left:100%;margin-left:-34px}}@media screen and (max-width:543px){:host.uxc3 .nav-items .nav-item .menu-lateral-direita:before{display:none}}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar{cursor:pointer;font-size:28px;opacity:.8;position:absolute;right:30px;top:30px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>.fechar:hover{opacity:1}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>h4{font-size:24px;font-weight:500;margin:30px 0 30px 38px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul{border-radius:0 0 4px 4px;height:calc(100% - 170px);list-style-type:none;margin:0;overflow-y:auto;padding:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:hover{background:rgba(0,0,0,.05)}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li:last-child{border-bottom:0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl{line-height:20px;margin-bottom:0;padding:5px 0}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dt{font-size:13px;font-weight:600;margin-bottom:5px}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li dl dd{font-size:14px;font-weight:500}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 40px!important;padding:11px;transition:background .2s ease-in-out}:host.uxc3 .nav-items .nav-item .menu-lateral-direita>ul>li>a .mat-icon{background:hsla(0,0%,100%,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc3 .nav-items .nav-item.opened .lista-empresas,:host.uxc3 .nav-items .nav-item.opened .menu-lateral-direita{display:block}:host.uxc3 .nav-items .nav-item.opened~.items-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}:host.uxc3 .nav-items .items-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}@media screen and (max-width:991px){:host.uxc3{width:100%}}:host.uxc2{background:#fff;border-bottom:1px solid #e4e9f0;display:block;height:70px;left:240px;position:fixed;right:0;top:0;z-index:9998}@media (max-width:991px){:host.uxc2{left:0}}:host.uxc2 .sessao-clone{background-color:#a80707;padding:8px;position:absolute;top:0;z-index:1}:host.uxc2 .sessao-clone .mat-icon-button{font-size:10px}:host.uxc2 .site-navbar{align-items:center;display:flex;flex-wrap:nowrap;height:100%;justify-content:space-between;padding:0 22px}@media (max-width:991px){:host.uxc2 .site-navbar{flex-wrap:wrap}}:host.uxc2 .site-navbar .navbar-button{cursor:pointer;display:none;height:24px;margin:0;position:relative;transform:rotate(0deg);width:30px}@media (max-width:991px){:host.uxc2 .site-navbar .navbar-button{display:block}}:host.uxc2 .site-navbar .navbar-button span{display:block;height:3px;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(2n){left:50%}:host.uxc2 .site-navbar .navbar-button span:nth-child(odd){left:0}:host.uxc2 .site-navbar .navbar-button span:first-child,:host.uxc2 .site-navbar .navbar-button span:nth-child(2){top:0}:host.uxc2 .site-navbar .navbar-button span:nth-child(3),:host.uxc2 .site-navbar .navbar-button span:nth-child(4){top:10px}:host.uxc2 .site-navbar .navbar-button span:nth-child(5),:host.uxc2 .site-navbar .navbar-button span:nth-child(6){top:20px}:host.uxc2 .site-navbar .navbar-button.open span:first-child,:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){transform:rotate(45deg)}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2),:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){transform:rotate(-45deg)}:host.uxc2 .site-navbar .navbar-button.open span:first-child{left:3px;top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(2){left:calc(50% - 3px);top:6px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(3){left:-50%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(4){left:100%;opacity:0}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(5){left:3px;top:15px}:host.uxc2 .site-navbar .navbar-button.open span:nth-child(6){left:calc(50% - 3px);top:15px}:host.uxc2 .page-title{font-size:1.4rem;font-weight:400;line-height:1;margin:0;width:100%}:host.uxc2 .page-title mat-icon{font-size:1.1em;left:0;top:4px}@media (max-width:991px){:host.uxc2 .page-title{display:none}}:host.uxc2 .nav-items{display:block;height:100%;margin:0 -5px;text-align:right}@media (min-width:544px){:host.uxc2 .nav-items{width:100%}}:host.uxc2 .nav-items .nav-item{align-items:center;display:inline-block;margin:15px 3px 0 0;text-align:left}@media (min-width:544px){:host.uxc2 .nav-items .nav-item{position:relative}}:host.uxc2 .nav-items .nav-item /deep/ .mat-button,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button{cursor:pointer;min-width:40px;padding:0;position:relative;transition:color .2s ease-in-out}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper{display:flex;height:100%;padding:5px;width:100%}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .mat-icon,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .mat-icon{font-size:22px;height:30px;line-height:30px;vertical-align:top;width:30px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .mat-icon .marker,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .mat-icon .marker{border-radius:50%;height:6px;position:absolute;right:0;top:0;width:6px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .badge,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .badge{background:#af1b11;border-radius:8px;color:#fff;font-size:10px;line-height:16px;padding:0 5px;position:absolute;right:0;top:0}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .avatar,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name{font-size:12px;line-height:19px;margin-top:-3px;padding-left:10px;text-align:left;top:10px;white-space:nowrap}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name label,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name label{display:block;font-size:10px;line-height:12px;margin:0}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name span,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name span{top:-3px}@media (max-width:991px){:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-wrapper .name,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-wrapper .name{display:none}}:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item /deep/ .mat-button .mat-button-ripple,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-focus-overlay,:host.uxc2 .nav-items .nav-item /deep/ .mat-icon-button .mat-button-ripple{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu{box-shadow:0 5px 10px 2px rgba(0,0,0,.25);display:none;left:50%;margin:0 0 0 -150px;padding:0;position:absolute;top:100%;width:300px;z-index:9999}@media (max-width:991px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:auto;margin-left:0;right:0}}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu{left:0;margin-left:0;width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar{left:-34%}:host.uxc2 .nav-items .nav-item .dropdown-menu.calendar:before{left:60%}:host.uxc2 .nav-items .nav-item .dropdown-menu:before{border:10px solid transparent;bottom:100%;content:\"\";left:50%;margin:0 0 0 -10px;position:absolute}@media (max-width:991px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{left:100%;margin-left:-34px}}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu:before{display:none}}:host.uxc2 .nav-items .nav-item .dropdown-menu .company a,:host.uxc2 .nav-items .nav-item .dropdown-menu .languages a,:host.uxc2 .nav-items .nav-item .dropdown-menu .themesa a{cursor:pointer!important}:host.uxc2 .nav-items .nav-item .dropdown-menu .themes{max-height:500px}:host.uxc2 .nav-items .nav-item .dropdown-menu .pesquisa-rapida input{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer,:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{margin:0;padding:11px;text-align:center}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-title{border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;font-size:16px;line-height:1.3}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a{color:#fff}:host.uxc2 .nav-items .nav-item .dropdown-menu .menu-footer a:hover{color:hsla(0,0%,100%,.8)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul{list-style-type:none;margin:0;max-height:241px;overflow:auto;padding:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li{border-bottom:1px solid hsla(0,0%,100%,.05)}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a{cursor:default!important;opacity:.4}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li.disabled>a:hover{background:inherit!important}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li:last-child{border-bottom:0}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a{align-items:center;color:#fff;cursor:pointer;display:flex;padding:11px;transition:background .2s ease-in-out}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .mat-icon{background:hsla(0,0%,100%,.1);border-radius:50%;font-size:22px;height:auto;margin-right:11px;padding:7px;width:auto}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .avatar{border-radius:50%;height:40px;margin-right:11px;width:40px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content{font-size:.85rem}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .desc{display:block}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .date{display:block;font-size:.75rem;font-style:italic;margin-top:4px;opacity:.6}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta{align-items:flex-end;display:flex;justify-content:space-between;line-height:1.3;margin-bottom:4px}:host.uxc2 .nav-items .nav-item .dropdown-menu>ul>li>a .content .meta .date{margin:0 0 0 11px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{left:auto;right:0;width:220px}@media (max-width:543px){:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu{width:100%}}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu:before{display:none}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a{cursor:pointer;padding-bottom:8px;padding-top:8px}:host.uxc2 .nav-items .nav-item .dropdown-menu.mini-menu>ul>li>a .fa{margin-right:11px;min-width:15px}:host.uxc2 .nav-items .nav-item.opened .dropdown-menu{display:block}:host.uxc2 .nav-items .nav-item.opened~.items-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}:host.uxc2 .nav-items .items-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}"]
                 }] }
     ];
@@ -8253,6 +8456,7 @@
         fastsearchtitle: [{ type: i0.Input }],
         profileurl: [{ type: i0.Input }],
         setthemeonchangecompany: [{ type: i0.Input }],
+        enabledia: [{ type: i0.Input }],
         onchangestate: [{ type: i0.Output }],
         ongetnotification: [{ type: i0.Output }],
         onverifynotification: [{ type: i0.Output }]
@@ -8285,6 +8489,8 @@
         /** @type {?} */
         InfoTopbarComponent.prototype.setthemeonchangecompany;
         /** @type {?} */
+        InfoTopbarComponent.prototype.enabledia;
+        /** @type {?} */
         InfoTopbarComponent.prototype.onchangestate;
         /** @type {?} */
         InfoTopbarComponent.prototype.ongetnotification;
@@ -8708,7 +8914,7 @@
     InfoModalComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'info-modal',
-                    template: "<h2 mat-dialog-title >\r\n    <label [innerHTML]=\"modaltitle | translate\"></label>\r\n    <mat-icon class=\"close-icon\" (click)=\"close()\" *ngIf=\"showcloseicon\" >close</mat-icon>\r\n\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</h2>\r\n\r\n<mat-dialog-content class=\"info-modal-content\">\r\n    <ng-content></ng-content>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n    <div class=\"mr-5\">\r\n        <ng-content select=\"[buttons]\"></ng-content>\r\n    </div>\r\n    <button mat-button *ngIf=\"labelclose != '' && readonly\" type=\"button\" (click)=\"close()\" [disabled]=\"loading\">{{ labelclose | translate }}</button>\r\n    <button mat-button *ngIf=\"labelcancel != '' && !readonly\" type=\"button\" (click)=\"close()\" color=\"warn\" [disabled]=\"loading\">{{ labelcancel | translate }}</button>\r\n    <button mat-button *ngIf=\"labelsubmit != '' && !readonly\" type=\"button\" [disabled]=\"loading || (form != null && !form.form.valid)\" (click)=\"submit()\" >{{ labelsubmit | translate }}</button>\r\n</mat-dialog-actions>\r\n\r\n<div class=\"block\" *ngIf=\"loading && loadingblock\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>",
+                    template: "<h2 mat-dialog-title >\r\n    <label [innerHTML]=\"modaltitle | translate\"></label>\r\n    <mat-icon class=\"close-icon\" (click)=\"close()\" *ngIf=\"showcloseicon\" >close</mat-icon>\r\n\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</h2>\r\n\r\n<mat-dialog-content class=\"info-modal-content\">\r\n    <ng-content></ng-content>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions>\r\n    <ng-content select=\"[buttons]\"></ng-content>\r\n    <div *ngIf=\"(labelclose != '' && readonly) || (labelcancel != '' && !readonly) || (labelsubmit != '' && !readonly)\" class=\"ml-5\">\r\n        <button mat-button *ngIf=\"labelclose != '' && readonly\" type=\"button\" (click)=\"close()\" [disabled]=\"loading\">{{ labelclose | translate }}</button>\r\n        <button mat-button *ngIf=\"labelcancel != '' && !readonly\" type=\"button\" (click)=\"close()\" color=\"warn\" [disabled]=\"loading\">{{ labelcancel | translate }}</button>\r\n        <button mat-button *ngIf=\"labelsubmit != '' && !readonly\" type=\"button\" [disabled]=\"loading || (form != null && !form.form.valid)\" (click)=\"submit()\" >{{ labelsubmit | translate }}</button>\r\n    </div>    \r\n</mat-dialog-actions>\r\n\r\n<div class=\"block\" *ngIf=\"loading && loadingblock\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,