info-library 2.10.69 → 2.10.70

package/esm2015/layouts/main/main.component.js

@@ -168,7 +168,7 @@ InfoMainComponent.decorators = [
     { type: Component, args: [{
                 selector: 'info-main',
                 template: "<div class=\"site-container\" [ngClass]=\"{ 'open-sidebar': opened }\">\r\n    \r\n    <info-topbar #topbar\r\n        [themes]=\"themes\" \r\n        [languages]=\"languages\" \r\n        [profileurl]=\"profileurl\"\r\n        [notificationapi]=\"notificationapi\" \r\n        [notificationgetmethod]=\"notificationgetmethod\" \r\n        [notificationpostmethod]=\"notificationpostmethod\"\r\n        [notificationverifymethod]=\"notificationverifymethod\"\r\n        [notificationverifyenabled]=\"notificationverifyenabled\"\r\n        [fastsearchform]=\"fastsearchform\"\r\n        [fastsearchformwidth]=\"fastsearchformwidth\"\r\n        [fastsearchtitle]=\"fastsearchtitle\"\r\n        [setthemeonchangecompany]=\"setthemeonchangecompany\"\r\n        (onchangestate)=\"onChangeTopBarState()\"\r\n        (ongetnotification)=\"onGetNotificationsTopBar($event)\"\r\n        (onverifynotification)=\"onVerifyNotificationsTopBar($event)\">\r\n    </info-topbar>\r\n        \r\n    <info-topmenu *ngIf=\"_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-topmenu>\r\n\r\n    <info-sidebar *ngIf=\"!_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        [activemenubyurl]=\"activemenubyurl\"\r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-sidebar>\r\n\r\n    <main class=\"main-content\">\r\n        <div class=\"main-content-wrap\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n\r\n        <div class=\"footer row\">\r\n            <div class=\"copyright col-md-9\">{{ 'Copyright' | translate}}</div>\r\n            <div class=\"version col-md-3\" *ngIf=\"version\">{{ 'Versao' | translate}} {{ version }}</div>\r\n        </div>\r\n        \r\n        <info-alert [messages]=\"messages\"></info-alert>\r\n    </main>\r\n</div>",
-                styles: [":host.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 240px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#fff}@media screen and (max-width:991px){:host.uxc3 .main-content{padding-left:0}}@media screen and (max-width:543px){:host.uxc3 .main-content{padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-sidebar,:host.uxc3 .open-sidebar info-topbar{left:0}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media (max-width:991px){:host.uxc2 .main-content{padding-left:0}}@media (max-width:543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media (max-width:991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:240px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media (max-width:991px){:host.uxc2 .open-sidebar info-sidebar /deep/ .sidebar-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}:host.uxc2 .footer{align-items:center;background:rgba(0,0,0,.1);bottom:0;display:flex;font-size:.8rem;height:3.14286rem;justify-content:space-between;position:-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}"]
+                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 */

package/esm2015/layouts/pagebar/pagebar.component.js

@@ -168,7 +168,7 @@ InfoPagebarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'info-pagebar',
                 template: "<div [ngStyle]=\"{ 'marginTop': margintop + 'px' }\" [ngClass]=\"{ 'transparent': transparent }\" >\r\n    \r\n    <ng-container *ngIf=\"_platform.Config.ux >= 3\" >\r\n        <h2 [innerHTML]=\"pagetitle | translate\"></h2>\r\n        \r\n        <div class=\"link-button\">\r\n            <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n                <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}</button>\r\n\r\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n            <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n                <dt>\r\n                    <mat-icon class=\"fs-20\">share</mat-icon>\r\n                </dt>\r\n                <dd *ngIf=\"exibirAcessos\">\r\n                    <ul>\r\n                        <li *ngFor=\"let a of access\">\r\n                            <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n                        </li>\r\n                    </ul>   \r\n                </dd>\r\n            </dl>\r\n        </div>\r\n        <hr>\r\n    </ng-container>\r\n    \r\n    <div class=\"row\" *ngIf=\"_platform.Config.ux <= 2\" >\r\n        <div class=\"col-md-6\">\r\n            <h2>\r\n                <label id=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n                    <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon>\r\n                    {{ _platform.PaginaAtiva.Titulo | translate }}\r\n\r\n                    <ng-container *ngIf=\"pagetitle != null && pagetitle != ''\"> / </ng-container>\r\n                </label>\r\n                <label [outerHTML]=\"pagetitle | translate\"></label>\r\n            </h2>\r\n            <button *ngIf=\"podeCriarAtalho\" type=\"button\" mat-icon-button class=\"shortcut-button\" [ngClass]=\"{ 'tem-atalho': !!atalhoId }\" (click)=\"toggleAtalho()\" [disabled]=\"loading\">\r\n                <mat-icon inline>{{ atalhoId ? 'star' : 'star_border' }}</mat-icon>\r\n            </button>\r\n            \r\n            <p class=\"pagebar-description\" [innerHTML]=\"description | translate\"></p>\r\n        </div>\r\n\r\n        <div class=\"col-md-6 align-right buttons\">\r\n            <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n                <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}\r\n            </button>\r\n            \r\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n            <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n                <dt>\r\n                    <mat-icon class=\"fs-20\">share</mat-icon>\r\n                </dt>\r\n                <dd *ngIf=\"exibirAcessos\">\r\n                    <ul>\r\n                        <li *ngFor=\"let a of access\">\r\n                            <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n                        </li>\r\n                    </ul>   \r\n                </dd>\r\n            </dl>\r\n        </div>\r\n    </div>\r\n</div>\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\r\n<ng-template #content><ng-content></ng-content></ng-template>",
-                styles: [":host.topmenu>div{left:0!important;top:125px!important;width:100%!important}:host.uxc3>div{background:#fff;left:240px;min-height:60px;padding:15px 20px 10px;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:calc(100% - 240px);z-index:100}:host.uxc3>div h2{background:inherit;display:inline-block;font-family:Cinzel;font-size:2em;font-weight:500;margin:0;padding-right:20px;width:auto}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div .link-button{background:inherit;display:block;padding-left:20px;position:absolute;right:20px;top:18px}:host.uxc3>div hr{margin:0;position:absolute;top:50%;width:calc(100% - 40px);z-index:-1}@media (max-width:543px){:host.uxc3>div{left:0}}:host.uxc2>div{background:#fff;border-bottom:1px solid #e4e9f0;box-shadow:0 0 5px #eee;left:240px;min-height:60px;padding:10px 20px;position:fixed;right:0;top:70px;z-index:100}@media (max-width:543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{display:inline;font-size:1.2em;margin:0;padding:0}:host.uxc2>div p{font-size:.9em;margin:0;padding-top:3px;width:100%}@media (max-width:543px){:host.uxc2>div p{display:none}}:host.uxc2>div .buttons{padding-top:2px}:host.uxc2>div .buttons .mat-button{margin-left:8px}:host.uxc2>div:hover .shortcut-button{opacity:1}:host.uxc2>div .shortcut-button{height:22px;line-height:22px;opacity:0;text-align:center;transition:opacity .2s;width:22px}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{color:#b99206;font-size:14px;top:-2px}"]
+                styles: [":host.topmenu>div{left:0!important;top:125px!important;width:100%!important}:host.uxc3>div{background:#fff;left:240px;min-height:60px;padding:15px 20px 10px;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:calc(100% - 240px);z-index:100}:host.uxc3>div h2{background:inherit;display:inline-block;font-family:Cinzel;font-size:2em;font-weight:500;margin:0;max-width:65%;padding-right:20px}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div .link-button{background:inherit;display:block;padding-left:20px;position:absolute;right:20px;top:18px}:host.uxc3>div hr{margin:0;position:absolute;top:50%;width:calc(100% - 40px);z-index:-1}@media (max-width:543px){:host.uxc3>div{left:0}}:host.uxc2>div{background:#fff;border-bottom:1px solid #e4e9f0;box-shadow:0 0 5px #eee;left:240px;min-height:60px;padding:10px 20px;position:fixed;right:0;top:70px;z-index:100}@media (max-width:543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{display:inline;font-size:1.2em;margin:0;padding:0}:host.uxc2>div p{font-size:.9em;margin:0;padding-top:3px;width:100%}@media (max-width:543px){:host.uxc2>div p{display:none}}:host.uxc2>div .buttons{padding-top:2px}:host.uxc2>div .buttons .mat-button{margin-left:8px}:host.uxc2>div:hover .shortcut-button{opacity:1}:host.uxc2>div .shortcut-button{height:22px;line-height:22px;opacity:0;text-align:center;transition:opacity .2s;width:22px}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{color:#b99206;font-size:14px;top:-2px}"]
             }] }
 ];
 /** @nocollapse */

package/fesm2015/info-library.js

@@ -6752,7 +6752,7 @@ InfoMainComponent.decorators = [
     { type: Component, args: [{
                 selector: 'info-main',
                 template: "<div class=\"site-container\" [ngClass]=\"{ 'open-sidebar': opened }\">\r\n    \r\n    <info-topbar #topbar\r\n        [themes]=\"themes\" \r\n        [languages]=\"languages\" \r\n        [profileurl]=\"profileurl\"\r\n        [notificationapi]=\"notificationapi\" \r\n        [notificationgetmethod]=\"notificationgetmethod\" \r\n        [notificationpostmethod]=\"notificationpostmethod\"\r\n        [notificationverifymethod]=\"notificationverifymethod\"\r\n        [notificationverifyenabled]=\"notificationverifyenabled\"\r\n        [fastsearchform]=\"fastsearchform\"\r\n        [fastsearchformwidth]=\"fastsearchformwidth\"\r\n        [fastsearchtitle]=\"fastsearchtitle\"\r\n        [setthemeonchangecompany]=\"setthemeonchangecompany\"\r\n        (onchangestate)=\"onChangeTopBarState()\"\r\n        (ongetnotification)=\"onGetNotificationsTopBar($event)\"\r\n        (onverifynotification)=\"onVerifyNotificationsTopBar($event)\">\r\n    </info-topbar>\r\n        \r\n    <info-topmenu *ngIf=\"_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-topmenu>\r\n\r\n    <info-sidebar *ngIf=\"!_platform.Config.topMenu\"\r\n        [api]=\"menuapi\" \r\n        [method]=\"menumethod\" \r\n        [activemenubyurl]=\"activemenubyurl\"\r\n        (onchangestate)=\"onChangeSideBarState()\">\r\n    </info-sidebar>\r\n\r\n    <main class=\"main-content\">\r\n        <div class=\"main-content-wrap\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n\r\n        <div class=\"footer row\">\r\n            <div class=\"copyright col-md-9\">{{ 'Copyright' | translate}}</div>\r\n            <div class=\"version col-md-3\" *ngIf=\"version\">{{ 'Versao' | translate}} {{ version }}</div>\r\n        </div>\r\n        \r\n        <info-alert [messages]=\"messages\"></info-alert>\r\n    </main>\r\n</div>",
-                styles: [":host.topmenu .main-content{padding:180px 0 0!important}:host.uxc3 .main-content{padding:140px 0 0 240px;transition:padding .2s ease-in-out}:host.uxc3 .main-content .bg{background:#fff}@media screen and (max-width:991px){:host.uxc3 .main-content{padding-left:0}}@media screen and (max-width:543px){:host.uxc3 .main-content{padding-top:70px}}:host.uxc3 .main-content .footer{background:#fafafa}:host.uxc3 .main-content .footer .version{text-align:right}:host.uxc3 .open-sidebar info-sidebar,:host.uxc3 .open-sidebar info-topbar{left:0}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .sidebar-overlay{opacity:.5;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}@media screen and (max-width:991px){:host.uxc3 .open-sidebar info-sidebar .site-sidebar:before,:host.uxc3 .open-sidebar info-sidebar .sub-menu{display:block!important}}:host.uxc2 .main-content{padding:131px 0 0 240px;transition:padding .2s ease-in-out}@media (max-width:991px){:host.uxc2 .main-content{padding-left:0}}@media (max-width:543px){:host.uxc2 .main-content{padding-top:123px}}:host.uxc2 info-topbar{transition:left .2s ease-in-out}@media (max-width:991px){:host.uxc2 info-topbar{width:100%}}:host.uxc2 .open-sidebar info-topbar{left:240px}:host.uxc2 .open-sidebar info-sidebar{left:0}@media (max-width:991px){:host.uxc2 .open-sidebar info-sidebar /deep/ .sidebar-overlay{opacity:1;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out 0s;visibility:visible}}:host.uxc2 .footer{align-items:center;background:rgba(0,0,0,.1);bottom:0;display:flex;font-size:.8rem;height:3.14286rem;justify-content:space-between;position:-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}"]
+                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 */
@@ -7705,7 +7705,7 @@ InfoPagebarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'info-pagebar',
                 template: "<div [ngStyle]=\"{ 'marginTop': margintop + 'px' }\" [ngClass]=\"{ 'transparent': transparent }\" >\r\n    \r\n    <ng-container *ngIf=\"_platform.Config.ux >= 3\" >\r\n        <h2 [innerHTML]=\"pagetitle | translate\"></h2>\r\n        \r\n        <div class=\"link-button\">\r\n            <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n                <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}</button>\r\n\r\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n            <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n                <dt>\r\n                    <mat-icon class=\"fs-20\">share</mat-icon>\r\n                </dt>\r\n                <dd *ngIf=\"exibirAcessos\">\r\n                    <ul>\r\n                        <li *ngFor=\"let a of access\">\r\n                            <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n                        </li>\r\n                    </ul>   \r\n                </dd>\r\n            </dl>\r\n        </div>\r\n        <hr>\r\n    </ng-container>\r\n    \r\n    <div class=\"row\" *ngIf=\"_platform.Config.ux <= 2\" >\r\n        <div class=\"col-md-6\">\r\n            <h2>\r\n                <label id=\"page-title\" *ngIf=\"_platform.PaginaAtiva\">\r\n                    <mat-icon>{{ _platform.PaginaAtiva.Icone }}</mat-icon>\r\n                    {{ _platform.PaginaAtiva.Titulo | translate }}\r\n\r\n                    <ng-container *ngIf=\"pagetitle != null && pagetitle != ''\"> / </ng-container>\r\n                </label>\r\n                <label [outerHTML]=\"pagetitle | translate\"></label>\r\n            </h2>\r\n            <button *ngIf=\"podeCriarAtalho\" type=\"button\" mat-icon-button class=\"shortcut-button\" [ngClass]=\"{ 'tem-atalho': !!atalhoId }\" (click)=\"toggleAtalho()\" [disabled]=\"loading\">\r\n                <mat-icon inline>{{ atalhoId ? 'star' : 'star_border' }}</mat-icon>\r\n            </button>\r\n            \r\n            <p class=\"pagebar-description\" [innerHTML]=\"description | translate\"></p>\r\n        </div>\r\n\r\n        <div class=\"col-md-6 align-right buttons\">\r\n            <button mat-button type=\"button\" *ngIf=\"backurl\" color=\"primary\" (click)=\"goBack()\">\r\n                <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{ 'Voltar' | translate}}\r\n            </button>\r\n            \r\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n\r\n            <dl *ngIf=\"(access || []).length > 0\" class=\"acesso-rapido\" (mouseenter)=\"exibirAcessos = true\" (mouseleave)=\"exibirAcessos = false\">\r\n                <dt>\r\n                    <mat-icon class=\"fs-20\">share</mat-icon>\r\n                </dt>\r\n                <dd *ngIf=\"exibirAcessos\">\r\n                    <ul>\r\n                        <li *ngFor=\"let a of access\">\r\n                            <a target=\"_blank\" [routerLink]=\"a.Url\" ><mat-icon>chevron_right</mat-icon> {{ a.Label | translate }}</a>\r\n                        </li>\r\n                    </ul>   \r\n                </dd>\r\n            </dl>\r\n        </div>\r\n    </div>\r\n</div>\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\r\n<ng-template #content><ng-content></ng-content></ng-template>",
-                styles: [":host.topmenu>div{left:0!important;top:125px!important;width:100%!important}:host.uxc3>div{background:#fff;left:240px;min-height:60px;padding:15px 20px 10px;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:calc(100% - 240px);z-index:100}:host.uxc3>div h2{background:inherit;display:inline-block;font-family:Cinzel;font-size:2em;font-weight:500;margin:0;padding-right:20px;width:auto}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div .link-button{background:inherit;display:block;padding-left:20px;position:absolute;right:20px;top:18px}:host.uxc3>div hr{margin:0;position:absolute;top:50%;width:calc(100% - 40px);z-index:-1}@media (max-width:543px){:host.uxc3>div{left:0}}:host.uxc2>div{background:#fff;border-bottom:1px solid #e4e9f0;box-shadow:0 0 5px #eee;left:240px;min-height:60px;padding:10px 20px;position:fixed;right:0;top:70px;z-index:100}@media (max-width:543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{display:inline;font-size:1.2em;margin:0;padding:0}:host.uxc2>div p{font-size:.9em;margin:0;padding-top:3px;width:100%}@media (max-width:543px){:host.uxc2>div p{display:none}}:host.uxc2>div .buttons{padding-top:2px}:host.uxc2>div .buttons .mat-button{margin-left:8px}:host.uxc2>div:hover .shortcut-button{opacity:1}:host.uxc2>div .shortcut-button{height:22px;line-height:22px;opacity:0;text-align:center;transition:opacity .2s;width:22px}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{color:#b99206;font-size:14px;top:-2px}"]
+                styles: [":host.topmenu>div{left:0!important;top:125px!important;width:100%!important}:host.uxc3>div{background:#fff;left:240px;min-height:60px;padding:15px 20px 10px;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:calc(100% - 240px);z-index:100}:host.uxc3>div h2{background:inherit;display:inline-block;font-family:Cinzel;font-size:2em;font-weight:500;margin:0;max-width:65%;padding-right:20px}:host.uxc3>div h2>small{font-size:70%}:host.uxc3>div .link-button{background:inherit;display:block;padding-left:20px;position:absolute;right:20px;top:18px}:host.uxc3>div hr{margin:0;position:absolute;top:50%;width:calc(100% - 40px);z-index:-1}@media (max-width:543px){:host.uxc3>div{left:0}}:host.uxc2>div{background:#fff;border-bottom:1px solid #e4e9f0;box-shadow:0 0 5px #eee;left:240px;min-height:60px;padding:10px 20px;position:fixed;right:0;top:70px;z-index:100}@media (max-width:543px){:host.uxc2>div{left:0}}:host.uxc2>div h2{display:inline;font-size:1.2em;margin:0;padding:0}:host.uxc2>div p{font-size:.9em;margin:0;padding-top:3px;width:100%}@media (max-width:543px){:host.uxc2>div p{display:none}}:host.uxc2>div .buttons{padding-top:2px}:host.uxc2>div .buttons .mat-button{margin-left:8px}:host.uxc2>div:hover .shortcut-button{opacity:1}:host.uxc2>div .shortcut-button{height:22px;line-height:22px;opacity:0;text-align:center;transition:opacity .2s;width:22px}:host.uxc2>div .shortcut-button.tem-atalho{opacity:1!important}:host.uxc2>div .shortcut-button .mat-icon{color:#b99206;font-size:14px;top:-2px}"]
             }] }
 ];
 /** @nocollapse */