ngx-sp-auth 4.4.3 → 4.4.5

package/fesm2022/ngx-sp-auth.mjs

@@ -13,15 +13,17 @@ import * as i3 from 'ngx-sp-infra';
 import { Utils, SearchInputComponent, InfraModule, FormUtils, LibIconsComponent, ContentContainerComponent } from 'ngx-sp-infra';
 import { openDB, deleteDB } from 'idb';
 import * as i3$2 from '@angular/common';
-import { NgIf, CommonModule } from '@angular/common';
+import { NgIf, CommonModule, NgClass } from '@angular/common';
 import * as i3$1 from '@angular/forms';
 import { Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i8 from '@angular/platform-browser';
 import * as i10 from 'ngx-toastr';
-import * as i13 from 'ngx-bootstrap/popover';
+import * as i15 from 'ngx-bootstrap/popover';
 import { PopoverModule } from 'ngx-bootstrap/popover';
-import * as i14 from 'ngx-bootstrap/tooltip';
+import * as i16 from 'ngx-bootstrap/tooltip';
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import * as i11 from '@angular/cdk/layout';
+import { Breakpoints } from '@angular/cdk/layout';
 import * as i6 from 'ngx-pagination';
 import { NgxPaginationModule } from 'ngx-pagination';
 import * as i5 from 'ngx-bootstrap/modal';
@@ -3288,7 +3290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             }] } });
 
 class MenuLateralComponent {
-    constructor(_msalGuardConfiguration, _msalService, _toastrService, _customEnvironmentService, _authStorageService, _bsModalService, _menuServices, _messageService, _projectUtilService, _router, _authService, _customMenuService, _pesquisaTelas) {
+    constructor(_msalGuardConfiguration, _msalService, _toastrService, _customEnvironmentService, _authStorageService, _bsModalService, _menuServices, _messageService, _projectUtilService, _router, _authService, _breakpointObserver, _customMenuService, _pesquisaTelas, idb) {
         this._msalGuardConfiguration = _msalGuardConfiguration;
         this._msalService = _msalService;
         this._toastrService = _toastrService;
@@ -3300,8 +3302,10 @@ class MenuLateralComponent {
         this._projectUtilService = _projectUtilService;
         this._router = _router;
         this._authService = _authService;
+        this._breakpointObserver = _breakpointObserver;
         this._customMenuService = _customMenuService;
         this._pesquisaTelas = _pesquisaTelas;
+        this.idb = idb;
         this.handleKeyboardShortcut = (event) => {
             if (event.ctrlKey && event.key.toLowerCase() === 'b') {
                 event.preventDefault(); // Prevents any default behavior (like bold in text editors)
@@ -3311,6 +3315,7 @@ class MenuLateralComponent {
         // #region ==========> PROPERTIES <==========
         // #region PRIVATE
         this._hostServeUrlOutSystems = "";
+        this._isMobile = false;
         this.MODAL_ESTABELECIMENTO = 1;
         this.MODAL_VERSION = 2;
         this.nomeEstabelecimento = 'Estabelecimento padrão';
@@ -3333,6 +3338,7 @@ class MenuLateralComponent {
         this.footerUserName = "Usuário";
         this.isPopoverVisible = false;
         this.showBalloon = false;
+        this.isMenuOpened = false;
         // Implementação que verifica eventos acionados na classe de service.
         this._menuServices.getNewUserImageEvent().subscribe(() => { this.getMenuUserImg(); });
     }
@@ -3379,11 +3385,13 @@ class MenuLateralComponent {
         if (this._authStorageService.infraInAuthTypeId == InfraInAuthTypeId.Azure && this._authStorageService.user.toLowerCase() != "admin") {
             await this.initMsal();
         }
+        this.initMobileObserver();
     }
     ngOnDestroy() {
         document.removeEventListener('keydown', this.handleKeyboardShortcut);
     }
     get HostServerOutSystems() { return this._hostServeUrlOutSystems; }
+    get isMobile() { return this._isMobile; }
     // #endregion PUBLIC
     // #endregion ==========> PROPERTIES <==========
     // #region ==========> SERVICES <==========
@@ -3430,6 +3438,11 @@ class MenuLateralComponent {
     togglePopover() { this.showBalloon = !this.showBalloon; }
     dropdownWasOpened(value) { this.messageIfClicked.next(value); }
     openExpansibleMenu(ref) {
+        if (this.isMobile) {
+            document.querySelector(".sidebar-control")?.classList.toggle("position-absolute");
+            document.querySelector(".sidebar-control")?.classList.toggle("position-relative");
+            ref.classList.toggle("opened-mobile");
+        }
         ref.classList.toggle("closed");
         ref.classList.toggle("col");
         document.querySelector(".sidebar-control")?.classList.toggle("col");
@@ -3496,6 +3509,9 @@ class MenuLateralComponent {
         menus.unshift(home);
         return menus;
     }
+    async deleteIDB() {
+        await this.idb.deleteDatabase();
+    }
     // #endregion ==========> UTILITIES <==========
     // #region Azure
     async configMsal() {
@@ -3538,6 +3554,7 @@ class MenuLateralComponent {
             });
         });
     }
+    // #endregion Azure
     // #region ==========> MODALS <==========
     // #region modal - Seleção de Estabelecimentos
     /** Função simples com o objetivo de abrir os modais no centro da tela.
@@ -3574,8 +3591,20 @@ class MenuLateralComponent {
     closeModalVersion() {
         this._bsModalService.hide(this.MODAL_VERSION);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MenuLateralComponent, deps: [{ token: MSAL_GUARD_CONFIG }, { token: i1$2.MsalService }, { token: i10.ToastrService }, { token: LibCustomEnvironmentService }, { token: AuthStorageService }, { token: i5.BsModalService }, { token: MenuServicesService }, { token: i3.MessageService }, { token: ProjectUtilservice }, { token: i1$1.Router }, { token: AuthService }, { token: LibCustomMenuService }, { token: PesquisaTelasGlobalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: MenuLateralComponent, isStandalone: true, selector: "app-menu-lateral", queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true, static: true }, { propertyName: "notif_template", first: true, predicate: ["notif_menu"], descendants: true }, { propertyName: "menuLink", first: true, predicate: ["menuLink"], descendants: true }], ngImport: i0, template: "<!-- #region MAIN CONTENT -->\n<div id=\"menu\" class=\"main col-12\">\n\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\"\n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" #sidebar>\n      <div class=\"menu-header\">\n        <ul>\n          <li class=\"mb-3\">\n            <div class=\"logo-hamburguer\">\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\n              <button class=\"button-hamburguer\" (click)=\"openExpansibleMenu(sidebar)\">\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\n              </button>\n            </div>\n          </li>\n\n          <!-- #region M\u00D3DULOS -->\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\n            <div class=\"btn-group\">\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\n                <ng-container>\n                  <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\" />\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\n                </ng-container>\n              </button>\n              <ul class=\"dropdown-menu\" #dropdown_ref>\n                <app-primary-dropdown [buttonWasClicked]=\"messageIfClicked\"></app-primary-dropdown>\n              </ul>\n            </div>\n          </li>\n          <!-- #endregion M\u00D3DULOS -->\n\n          <!-- #region ESTABELECIMENTOS -->\n          <li class=\"mx-3\" style=\"margin-bottom: 16px;\">\n            <div class=\"icon-estabelecimento\">\n              <button class=\"row justify-content-between bg-transparent border-0\"\n                (click)=\"openModalEstabelecimento(modalEstabelecimento)\"\n                [tooltip]=\"!sidebar.classList.contains('closed') ? '' : nomeEstabelecimento\" placement=\"right\">\n\n                <lib-icon class=\"col-1\" iconName=\"predio\" iconColor=\"white\" />\n                <span *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-9 ps-2 glb-text-width-160 text-start text-truncate\"> {{ nomeEstabelecimento }} </span>\n                <lib-icon *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-1\" iconName=\"seta-direita\" iconColor=\"white\" />\n              </button>\n            </div>\n          </li>\n          <!-- #endregion ESTABELECIMENTOS -->\n\n\n          <!-- #region PESQUISA -->\n          @if (_customMenuService.menuDynamic) {\n            <li class=\"mx-3 mb-3\">\n              <div class=\"icon-pesquisa\">\n                <button class=\"d-flex align-items-center justify-content-start gap-2 bg-transparent border-0\" (click)=\"_pesquisaTelas.show()\"\n                  [tooltip]=\"!sidebar.classList.contains('closed') ? '' : 'Pesquisar telas'\" placement=\"right\">\n  \n                  <lib-icon class=\"col-1\" iconName=\"lupa\" iconColor=\"white\" />\n                  @if (!sidebar.classList.contains('closed')) { <span class=\"col ps-2 text-start text-truncate\"> Pesquisar telas </span> }\n                </button>\n              </div>\n            </li>\n          }\n          <!-- #endregion PESQUISA -->\n\n        </ul>\n\n      </div>\n\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\n      <div class=\"main-menu\">\n        <div class=\"scroll\">\n          <div class=\"list-menu px-2 pb-1\">\n\n            <!-- #region MENU DIN\u00C2MICO -->\n            <div class=\"dynamic-menu\">\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\n\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\"\n                  class=\"p-1 rounded\"\n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\"\n                  [class.selectedItem]=\"menuItem.isSelected\">\n\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\"\n                    [id]=\"'item' + menuItem.id\"\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                    <div class=\"container\">\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\n                      <ng-template #iconImg>\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                      </ng-template>\n                    </div>\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                      iconName=\"seta-direita\" iconColor=\"white\"/>\n                  </a>\n\n                  <ng-template #externalMenu>\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\n                      target=\"_blank\"\n                      [id]=\"'item' + menuItem.id\"\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                      <div class=\"container\">\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\n                        <ng-template #iconImgExternal>\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                        </ng-template>\n                      </div>\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                        iconName=\"seta-direita\" iconColor=\"white\"/>\n                    </a>\n                  </ng-template>\n                </li>\n\n              </ul>\n            </div>\n\n            <ng-template #isLoading>\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\n            </ng-template>\n            <!-- #endregion MENU DIN\u00C2MICO -->\n\n          </div>\n        </div>\n      </div>\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\n\n      <!-- #region FOOTER -->\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\n        <div class=\"footer-components d-flex flex-row align-items-center gap-2 py-2 px-1 justify-content-center gap-2\" [class.open]=\"showBalloon\">\n          @if (footerUserImgSrc) {\n            <img class=\"photo-profile\" [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n          }\n          @else {\n            <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\n          }\n\n          <span class=\"text-truncate fw-bold text-start\" style=\"max-width: 100%;\"> {{ footerUserName }} </span>\n        </div>\n      </div>\n\n      <ng-template #popoverContent>\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\n          <div class=\"d-flex align-items-center\">\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n            <ng-template #noUserImg>\n              <lib-icon iconName=\"contraparte\" iconColor=\"currentColor\"/>\n            </ng-template>\n            <div class=\"d-flex flex-column ms-1\">\n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\n            </div>\n          </div>\n        </div>\n        <hr class=\"mb-2 mt-2\">\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\n        </div>\n        <div class=\"mt-2\" style=\"cursor: pointer;\" (click)=\"openModalVersion(modalVersion)\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"info\"/> Vers\u00E3o\n        </div>        \n        <div class=\"mt-2\" (click)=\"logout()\" style=\"cursor: pointer;\">\n          <lib-icon [iconSize]=\"'small'\"  iconName=\"logout\"/> Sair\n        </div>\n      </ng-template>\n      <!-- #endregion FOOTER -->\n\n    </div>\n\n    <div class=\"submenu\" #submenu_ref>\n      <ng-template [ngIf]=\"desiredContent !== null\">\n        <ng-content *ngTemplateOutlet=\"desiredContent!; context: {$implicit: submenuList}\"></ng-content>\n      </ng-template>\n    </div>\n  </div>\n\n  <div class=\"main-content col d-flex flex-column align-content-between\" id=\"body-content\">\n    <div class=\"content\" style=\"position: relative;\">\n      <router-outlet></router-outlet>\n    </div>\n    <div app-footer></div>\n  </div>\n\n</div>\n<!-- #endregion MAIN CONTENT -->\n\n<!-- #region TEMPLATES -->\n<ng-template #dynamic_menu let-data>\n  <app-dynamic-menu\n    [submenuList]=\"data\"\n    [titleSubmenu]=\"titleSubmenu\" [submenuRef]=\"submenu_ref\" [recebeParam]=\"onClickedOutside.bind(this)\"\n    [hostServerOutSystems]=\"HostServerOutSystems\">\n  </app-dynamic-menu>\n</ng-template>\n\n<ng-template #notif_menu>\n  <app-notif-submenu></app-notif-submenu>\n</ng-template>\n\n<!-- #region MODAL SELECAO ESTABELECIMENTO -->\n<ng-template #modalEstabelecimento>\n  <selecao-estabelecimentos-modal (onClose)=\"closeModalEstabelecimento()\"\n    (onSelected)=\"closeModalEstabelecimento(); updateLastLogEstabelecimento($event);\">\n  </selecao-estabelecimentos-modal>\n</ng-template>\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\n\n<!-- #region MODAL VERSION -->\n<ng-template #modalVersion>\n  <versoes-modal (onClose)=\"closeModalVersion()\" />\n</ng-template>\n<!-- #endregion MODAL VERSION -->\n\n<!-- #endregion TEMPLATES -->\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;font-size:14px}span{color:#fff}ul{list-style:none;padding-left:0;white-space:nowrap}#menu.main{display:flex;width:100%;height:100%;background:#eee}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.main-content{width:100%;z-index:0;overflow-y:auto;overflow:overlay;height:100vh}.main-content .content{padding:0 16px 16px;background-color:#eee!important}.disable-scroll{overflow-y:hidden}.dropdown-button{padding:8px;border-radius:8px;background-color:#3265ee;border:none;font-size:14px;font-weight:700;width:100%;display:flex}.dropdown-button span{width:100%;display:flex;justify-content:space-between}.dropdown-menu{width:212px;border-radius:8px}.dropdown-menu li{margin:16px 8px}.dropdown-menu li a{font-size:14px}.dropdown-menu li a:hover{font-weight:700;background-color:transparent}.dropdown-menu .dropdown-divider{height:0}.link-portal{color:#213b70;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}.container{display:flex;width:max-content}.sidebar{display:flex;flex-direction:column;height:100%;grid-template-rows:min-content;box-sizing:border-box;transition:width .5s;background-color:#213b70;max-width:inherit}.sidebar .footer-menu{justify-content:flex-end}.menu-header{display:flex;flex-direction:column;white-space:nowrap;padding:32px 0 0;background-color:#213b70}.menu-header ul li{margin-left:16px;margin-right:16px}.menu-header ul>li:last-child{border-bottom:1px solid #3265ee;padding-bottom:15px;height:auto}.dropdown{margin:0}.btn-group{width:100%}.sidebar.closed .menu-header ul li{margin-left:0;margin-right:0}.sidebar.closed .menu-header{display:flex;flex-direction:column;align-items:center}.icon-estabelecimento button,.icon-pesquisa button{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.icon-estabelecimento button span:hover,.icon-pesquisa button span:hover{font-weight:700}.header-content{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;margin:0 20px}.logo-hamburguer{display:flex;justify-content:space-between;margin-right:8px}.logo-hamburguer .button-hamburguer{border:none;background-color:transparent}.sidebar.closed .logo-hamburguer{justify-content:center;margin-right:0}.scroll{overflow-y:auto;overflow-x:hidden;min-height:20%;margin-right:2px}.list-menu{padding-left:16px;padding-right:8px;display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.list-menu .text-closed{padding-top:15px;display:none;color:#fff}.list-menu .text-opened{color:#fff;font-size:12px;padding-top:15px;visibility:visible;white-space:nowrap}.list-menu .li-main{padding:10px 7px;border-radius:8px}.list-menu .onSelect{background-color:#3265ee}.list-menu div.static-menu>ul>li:first-child{margin-top:16px}.list-menu .span-main{font-size:14px;margin-left:8px;opacity:1;pointer-events:auto;white-space:break-spaces}.list-menu .span-main:hover,.list-menu .list-options span:hover{font-weight:700}.list-menu p{font-size:10px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #3265ee;visibility:hidden}.selectedItem{background-color:#3265ee}.selectedItem span{font-weight:700;background-color:transparent}.notif{padding:2px 13px;margin-bottom:none;background-color:#000;border-radius:8px;font-weight:700}.sidebar.closed .chevron{display:none}.sidebar.closed .icon-estabelecimento,.sidebar.closed .icon-pesquisa{margin:0}.sidebar.closed .icon-estabelecimento button,.sidebar.closed .icon-pesquisa button{justify-content:center}.sidebar.closed .icon-estabelecimento button img,.sidebar.closed .icon-pesquisa button img{margin:0}.align-chevron{width:100%;text-align:justify;align-items:center;display:flex;justify-content:space-between}.selected-color{background-color:#3265ee}.main-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:20%}.button-icons{border:none;background-color:transparent}.footer-menu{display:flex;flex-direction:column}.footer-menu .footer-components{border-top:1px solid #3265ee}.footer-menu .footer-components .button-closed{display:none}.footer-menu button{border:none;background-color:transparent;border-radius:8px}.footer-menu .points{padding:4px 0;margin:4px 0;border-radius:8px}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.footer-menu .open-user{background-color:#3265ee}.submenu{width:341px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000004d}.submenu ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}.submenu ul li{font-size:20px;font-weight:600;line-height:22px;padding-bottom:18px}.submenu .itens-list{display:flex;justify-content:space-between;align-items:center}.submenu .itens-list .favoritos,.submenu .itens-list span{cursor:pointer}.submenu .footer-menu{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;white-space:nowrap}.submenu .footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.submenu .footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu .footer-components{display:flex;justify-content:center;align-items:center}.submenu button{position:relative;left:10%;border:none;background-color:transparent}.submenu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0;box-shadow:0 4px 8px #0000004d}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.search-bar{max-width:368px;height:38px;margin-top:24px;border:1px solid #ced4da;box-sizing:border-box;border-radius:8px}.opened-notif-sub{min-width:452px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden}.sidebar.closed{max-width:73px}.sidebar.closed span{display:none}.sidebar.closed span{white-space:nowrap;overflow:hidden}.sidebar.closed .logo-sispro{display:none}.sidebar.closed .list-menu{padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center}.sidebar.closed .list-menu span{opacity:0;pointer-events:none}.sidebar.closed .list-menu .text-closed{padding-bottom:11px;visibility:visible;display:block}.sidebar.closed .list-menu .text-opened{display:none;font-size:8px}.sidebar.closed .list-menu .chevron,.sidebar.closed .favoritos,.sidebar.closed .footer-components .button-opened{display:none}.sidebar.closed .footer-components .button-closed{display:block}.sidebar.closed .button-icons{border:none;background-color:transparent}.sidebar.closed .footer-components{display:flex;align-items:center}.sidebar.closed button{border:none;background-color:transparent;display:block}.sidebar.closed .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.sidebar-control{height:100vh;max-width:227.667px}.sidebar-control .main-content.closed{margin-left:0}.glb-text-width-120{max-width:120px}.profile-picture{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%)}.image-div{width:50px;min-width:50px;height:50px;border-radius:100%;position:relative;overflow:hidden;z-index:1}.image-div #photoUser{width:146px;height:146px;top:-1px;left:-1px;object-fit:cover;position:relative;z-index:1;border:none;border-color:transparent}.dynamic-container{display:inline-block;white-space:nowrap;overflow:hidden}.custom-popover{width:1000px}\n"], dependencies: [{ kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i13.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i14.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "ngmodule", type: InfraModule }, { kind: "directive", type: i3.ClickOutsideDirective, selector: "[clickOutside], [libClickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: i3.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: i3.FooterComponent, selector: "[app-footer], app-footer, lib-footer" }, { kind: "component", type: SelecaoEstabelecimentosModalComponent, selector: "selecao-estabelecimentos-modal", outputs: ["onClose", "onSelected"] }, { kind: "component", type: VersoesModalComponent, selector: "versoes-modal", outputs: ["onClose"] }, { kind: "component", type: NotifSubmenuComponent, selector: "app-notif-submenu" }, { kind: "component", type: DynamicMenuComponent, selector: "app-dynamic-menu", inputs: ["submenuRef", "recebeParam", "titleSubmenu", "submenuList", "hostServerOutSystems"], outputs: ["selectTemplate"] }, { kind: "component", type: PrimaryDropdownComponent, selector: "app-primary-dropdown", inputs: ["buttonWasClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    // #endregion modal - Versões
+    // #endregion ==========> MODALS <==========
+    initMobileObserver() {
+        this._breakpointObserver.observe([
+            Breakpoints.HandsetLandscape,
+            Breakpoints.HandsetPortrait
+        ]).subscribe(result => {
+            if (result.matches) {
+                this._isMobile = true;
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MenuLateralComponent, deps: [{ token: MSAL_GUARD_CONFIG }, { token: i1$2.MsalService }, { token: i10.ToastrService }, { token: LibCustomEnvironmentService }, { token: AuthStorageService }, { token: i5.BsModalService }, { token: MenuServicesService }, { token: i3.MessageService }, { token: ProjectUtilservice }, { token: i1$1.Router }, { token: AuthService }, { token: i11.BreakpointObserver }, { token: LibCustomMenuService }, { token: PesquisaTelasGlobalService }, { token: IndexedDBService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: MenuLateralComponent, isStandalone: true, selector: "app-menu-lateral", queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true, static: true }, { propertyName: "notif_template", first: true, predicate: ["notif_menu"], descendants: true }, { propertyName: "menuLink", first: true, predicate: ["menuLink"], descendants: true }], ngImport: i0, template: "<!-- #region MAIN CONTENT -->\n<div id=\"menu\" class=\"main col-12\">\n\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\" #menuContainer\n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" [ngClass]=\"{'closed-mobile': isMobile && !isMenuOpened}\" #sidebar>\n      <div class=\"menu-header\">\n        <ul>\n          <li class=\"mb-3\">\n            <div class=\"logo-hamburguer\">\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\n              <button class=\"button-hamburguer\" (click)=\"isMenuOpened = !isMenuOpened; openExpansibleMenu(sidebar);\">\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\n              </button>\n            </div>\n          </li>\n\n          <!-- #region M\u00D3DULOS -->\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\n            <div class=\"btn-group\">\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\n                <ng-container>\n                  <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\" />\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\n                </ng-container>\n              </button>\n              <ul class=\"dropdown-menu\" #dropdown_ref>\n                <app-primary-dropdown [buttonWasClicked]=\"messageIfClicked\"></app-primary-dropdown>\n              </ul>\n            </div>\n          </li>\n          <!-- #endregion M\u00D3DULOS -->\n\n          <!-- #region ESTABELECIMENTOS -->\n          <li class=\"mx-3\" style=\"margin-bottom: 16px;\">\n            <div class=\"icon-estabelecimento\">\n              <button class=\"row justify-content-between bg-transparent border-0\"\n                (click)=\"openModalEstabelecimento(modalEstabelecimento)\"\n                [tooltip]=\"!sidebar.classList.contains('closed') ? '' : nomeEstabelecimento\" placement=\"right\">\n\n                <lib-icon class=\"col-1\" iconName=\"predio\" iconColor=\"white\" />\n                <span *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-9 ps-2 glb-text-width-160 text-start text-truncate\"> {{ nomeEstabelecimento }} </span>\n                <lib-icon *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-1\" iconName=\"seta-direita\" iconColor=\"white\" />\n              </button>\n            </div>\n          </li>\n          <!-- #endregion ESTABELECIMENTOS -->\n\n\n          <!-- #region PESQUISA -->\n          @if (_customMenuService.menuDynamic) {\n            <li class=\"mx-3 mb-3\">\n              <div class=\"icon-pesquisa\">\n                <button class=\"d-flex align-items-center justify-content-start gap-2 bg-transparent border-0\" (click)=\"_pesquisaTelas.show()\"\n                  [tooltip]=\"!sidebar.classList.contains('closed') ? '' : 'Pesquisar telas'\" placement=\"right\">\n\n                  <lib-icon class=\"col-1\" iconName=\"lupa\" iconColor=\"white\" />\n                  @if (!sidebar.classList.contains('closed')) { <span class=\"col ps-2 text-start text-truncate\"> Pesquisar telas </span> }\n                </button>\n              </div>\n            </li>\n          }\n          <!-- #endregion PESQUISA -->\n\n        </ul>\n\n      </div>\n\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\n      <div class=\"main-menu\">\n        <div class=\"scroll\">\n          <div class=\"list-menu px-2 pb-1\">\n\n            <!-- #region MENU DIN\u00C2MICO -->\n            <div class=\"dynamic-menu\">\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\n\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\"\n                  class=\"p-1 rounded\"\n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\"\n                  [class.selectedItem]=\"menuItem.isSelected\">\n\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\"\n                    [id]=\"'item' + menuItem.id\"\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                    <div class=\"container\">\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\n                      <ng-template #iconImg>\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                      </ng-template>\n                    </div>\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                      iconName=\"seta-direita\" iconColor=\"white\"/>\n                  </a>\n\n                  <ng-template #externalMenu>\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\n                      target=\"_blank\"\n                      [id]=\"'item' + menuItem.id\"\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                      <div class=\"container\">\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\n                        <ng-template #iconImgExternal>\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                        </ng-template>\n                      </div>\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                        iconName=\"seta-direita\" iconColor=\"white\"/>\n                    </a>\n                  </ng-template>\n                </li>\n\n              </ul>\n            </div>\n\n            <ng-template #isLoading>\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\n            </ng-template>\n            <!-- #endregion MENU DIN\u00C2MICO -->\n\n          </div>\n        </div>\n      </div>\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\n\n      <!-- #region FOOTER -->\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\n        <div class=\"footer-components d-flex flex-row align-items-center gap-2 py-2 px-1 justify-content-center gap-2\" [class.open]=\"showBalloon\">\n          @if (footerUserImgSrc) {\n            <img class=\"photo-profile\" [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n          }\n          @else {\n            <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\n          }\n\n          <span class=\"text-truncate fw-bold text-start\" style=\"max-width: 100%;\"> {{ footerUserName }} </span>\n        </div>\n      </div>\n\n      <ng-template #popoverContent>\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\n          <div class=\"d-flex align-items-center\">\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n            <ng-template #noUserImg>\n              <lib-icon iconName=\"contraparte\" iconColor=\"currentColor\"/>\n            </ng-template>\n            <div class=\"d-flex flex-column ms-1\">\n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\n            </div>\n          </div>\n        </div>\n        <hr class=\"mb-2 mt-2\">\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\n        </div>\n        \n        <div class=\"mt-2\" style=\"cursor: pointer;\" (click)=\"openModalVersion(modalVersion)\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"info\"/> Vers\u00E3o\n        </div>\n\n        <div class=\"mt-2\" style=\"cursor: pointer;\" (click)=\"deleteIDB()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"lixeira\"/> Limpar filtros salvos\n        </div>\n\n        <div class=\"mt-2\" (click)=\"logout()\" style=\"cursor: pointer;\">\n          <lib-icon [iconSize]=\"'small'\"  iconName=\"logout\"/> Sair\n        </div>\n      </ng-template>\n      <!-- #endregion FOOTER -->\n\n    </div>\n\n    <div class=\"submenu\" #submenu_ref>\n      <ng-template [ngIf]=\"desiredContent !== null\">\n        <ng-content *ngTemplateOutlet=\"desiredContent!; context: {$implicit: submenuList}\"></ng-content>\n      </ng-template>\n    </div>\n  </div>\n\n  <div class=\"main-content col d-flex flex-column align-content-between\" id=\"body-content\">\n    <div class=\"content\" style=\"position: relative;\">\n      <router-outlet></router-outlet>\n    </div>\n    <div app-footer></div>\n  </div>\n\n</div>\n<!-- #endregion MAIN CONTENT -->\n\n<!-- #region TEMPLATES -->\n<ng-template #dynamic_menu let-data>\n  <app-dynamic-menu\n    [submenuList]=\"data\"\n    [titleSubmenu]=\"titleSubmenu\" [submenuRef]=\"submenu_ref\" [recebeParam]=\"onClickedOutside.bind(this)\"\n    [hostServerOutSystems]=\"HostServerOutSystems\">\n  </app-dynamic-menu>\n</ng-template>\n\n<ng-template #notif_menu>\n  <app-notif-submenu></app-notif-submenu>\n</ng-template>\n\n<!-- #region MODAL SELECAO ESTABELECIMENTO -->\n<ng-template #modalEstabelecimento>\n  <selecao-estabelecimentos-modal (onClose)=\"closeModalEstabelecimento()\"\n    (onSelected)=\"closeModalEstabelecimento(); updateLastLogEstabelecimento($event);\">\n  </selecao-estabelecimentos-modal>\n</ng-template>\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\n\n<!-- #region MODAL VERSION -->\n<ng-template #modalVersion>\n  <versoes-modal (onClose)=\"closeModalVersion()\" />\n</ng-template>\n<!-- #endregion MODAL VERSION -->\n\n<!-- #endregion TEMPLATES -->\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;font-size:14px}span{color:#fff}ul{list-style:none;padding-left:0;white-space:nowrap}#menu.main{display:flex;width:100%;height:100%;background:#eee}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.main-content{width:100%;z-index:0;overflow-y:auto;overflow:overlay;height:100vh}.main-content .content{padding:0 16px 16px;background-color:#eee!important}.disable-scroll{overflow-y:hidden}.dropdown-button{padding:8px;border-radius:8px;background-color:#3265ee;border:none;font-size:14px;font-weight:700;width:100%;display:flex}.dropdown-button span{width:100%;display:flex;justify-content:space-between}.dropdown-menu{width:212px;border-radius:8px}.dropdown-menu li{margin:16px 8px}.dropdown-menu li a{font-size:14px}.dropdown-menu li a:hover{font-weight:700;background-color:transparent}.dropdown-menu .dropdown-divider{height:0}.link-portal{color:#213b70;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}.container{display:flex;width:max-content}.sidebar{display:flex;flex-direction:column;height:100%;grid-template-rows:min-content;box-sizing:border-box;transition:width .5s;background-color:#213b70;max-width:inherit}.sidebar .footer-menu{justify-content:flex-end}.menu-header{display:flex;flex-direction:column;white-space:nowrap;padding:32px 0 0;background-color:#213b70}.menu-header ul li{margin-left:16px;margin-right:16px}.menu-header ul>li:last-child{border-bottom:1px solid #3265ee;padding-bottom:15px;height:auto}.dropdown{margin:0}.btn-group{width:100%}.sidebar.closed .menu-header ul li{margin-left:0;margin-right:0}.sidebar.closed .menu-header{display:flex;flex-direction:column;align-items:center}.icon-estabelecimento button,.icon-pesquisa button{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.icon-estabelecimento button span:hover,.icon-pesquisa button span:hover{font-weight:700}.header-content{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;margin:0 20px}.logo-hamburguer{display:flex;justify-content:space-between;margin-right:8px}.logo-hamburguer .button-hamburguer{border:none;background-color:transparent}.sidebar.closed .logo-hamburguer{justify-content:center;margin-right:0}.scroll{overflow-y:auto;overflow-x:hidden;min-height:20%;margin-right:2px}.list-menu{padding-left:16px;padding-right:8px;display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.list-menu .text-closed{padding-top:15px;display:none;color:#fff}.list-menu .text-opened{color:#fff;font-size:12px;padding-top:15px;visibility:visible;white-space:nowrap}.list-menu .li-main{padding:10px 7px;border-radius:8px}.list-menu .onSelect{background-color:#3265ee}.list-menu div.static-menu>ul>li:first-child{margin-top:16px}.list-menu .span-main{font-size:14px;margin-left:8px;opacity:1;pointer-events:auto;white-space:break-spaces}.list-menu .span-main:hover,.list-menu .list-options span:hover{font-weight:700}.list-menu p{font-size:10px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #3265ee;visibility:hidden}.selectedItem{background-color:#3265ee}.selectedItem span{font-weight:700;background-color:transparent}.notif{padding:2px 13px;margin-bottom:none;background-color:#000;border-radius:8px;font-weight:700}.sidebar.closed .chevron{display:none}.sidebar.closed .icon-estabelecimento,.sidebar.closed .icon-pesquisa{margin:0}.sidebar.closed .icon-estabelecimento button,.sidebar.closed .icon-pesquisa button{justify-content:center}.sidebar.closed .icon-estabelecimento button img,.sidebar.closed .icon-pesquisa button img{margin:0}.align-chevron{width:100%;text-align:justify;align-items:center;display:flex;justify-content:space-between}.selected-color{background-color:#3265ee}.main-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:20%}.button-icons{border:none;background-color:transparent}.footer-menu{display:flex;flex-direction:column}.footer-menu .footer-components{border-top:1px solid #3265ee}.footer-menu .footer-components .button-closed{display:none}.footer-menu button{border:none;background-color:transparent;border-radius:8px}.footer-menu .points{padding:4px 0;margin:4px 0;border-radius:8px}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.footer-menu .open-user{background-color:#3265ee}.submenu{width:341px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000004d}.submenu ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}.submenu ul li{font-size:20px;font-weight:600;line-height:22px;padding-bottom:18px}.submenu .itens-list{display:flex;justify-content:space-between;align-items:center}.submenu .itens-list .favoritos,.submenu .itens-list span{cursor:pointer}.submenu .footer-menu{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;white-space:nowrap}.submenu .footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.submenu .footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu .footer-components{display:flex;justify-content:center;align-items:center}.submenu button{position:relative;left:10%;border:none;background-color:transparent}.submenu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0;box-shadow:0 4px 8px #0000004d}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.search-bar{max-width:368px;height:38px;margin-top:24px;border:1px solid #ced4da;box-sizing:border-box;border-radius:8px}.opened-notif-sub{min-width:452px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden}.sidebar.closed{max-width:73px;transition:.5s}.sidebar.closed span{display:none}.closed-mobile{width:42px}.opened-mobile{width:80vw}.sidebar.closed span{white-space:nowrap;overflow:hidden}.sidebar.closed .logo-sispro{display:none}.sidebar.closed .list-menu{padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center}.sidebar.closed .list-menu span{opacity:0;pointer-events:none}.sidebar.closed .list-menu .text-closed{padding-bottom:11px;visibility:visible;display:block}.sidebar.closed .list-menu .text-opened{display:none;font-size:8px}.sidebar.closed .list-menu .chevron,.sidebar.closed .favoritos,.sidebar.closed .footer-components .button-opened{display:none}.sidebar.closed .footer-components .button-closed{display:block}.sidebar.closed .button-icons{border:none;background-color:transparent}.sidebar.closed .footer-components{display:flex;align-items:center}.sidebar.closed button{border:none;background-color:transparent;display:block}.sidebar.closed .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.sidebar-control{height:100vh;max-width:227.667px}.sidebar-control .main-content.closed{margin-left:0}.glb-text-width-120{max-width:120px}.profile-picture{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%)}.image-div{width:50px;min-width:50px;height:50px;border-radius:100%;position:relative;overflow:hidden;z-index:1}.image-div #photoUser{width:146px;height:146px;top:-1px;left:-1px;object-fit:cover;position:relative;z-index:1;border:none;border-color:transparent}.dynamic-container{display:inline-block;white-space:nowrap;overflow:hidden}.custom-popover{width:1000px}\n"], dependencies: [{ kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i15.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i16.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "ngmodule", type: InfraModule }, { kind: "directive", type: i3.ClickOutsideDirective, selector: "[clickOutside], [libClickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: i3.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: i3.FooterComponent, selector: "[app-footer], app-footer, lib-footer" }, { kind: "component", type: SelecaoEstabelecimentosModalComponent, selector: "selecao-estabelecimentos-modal", outputs: ["onClose", "onSelected"] }, { kind: "component", type: VersoesModalComponent, selector: "versoes-modal", outputs: ["onClose"] }, { kind: "component", type: NotifSubmenuComponent, selector: "app-notif-submenu" }, { kind: "component", type: DynamicMenuComponent, selector: "app-dynamic-menu", inputs: ["submenuRef", "recebeParam", "titleSubmenu", "submenuList", "hostServerOutSystems"], outputs: ["selectTemplate"] }, { kind: "component", type: PrimaryDropdownComponent, selector: "app-primary-dropdown", inputs: ["buttonWasClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MenuLateralComponent, decorators: [{
             type: Component,
@@ -3591,12 +3620,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         CommonModule,
                         RouterLink,
                         RouterOutlet,
-                        NgIf
-                    ], template: "<!-- #region MAIN CONTENT -->\n<div id=\"menu\" class=\"main col-12\">\n\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\"\n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" #sidebar>\n      <div class=\"menu-header\">\n        <ul>\n          <li class=\"mb-3\">\n            <div class=\"logo-hamburguer\">\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\n              <button class=\"button-hamburguer\" (click)=\"openExpansibleMenu(sidebar)\">\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\n              </button>\n            </div>\n          </li>\n\n          <!-- #region M\u00D3DULOS -->\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\n            <div class=\"btn-group\">\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\n                <ng-container>\n                  <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\" />\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\n                </ng-container>\n              </button>\n              <ul class=\"dropdown-menu\" #dropdown_ref>\n                <app-primary-dropdown [buttonWasClicked]=\"messageIfClicked\"></app-primary-dropdown>\n              </ul>\n            </div>\n          </li>\n          <!-- #endregion M\u00D3DULOS -->\n\n          <!-- #region ESTABELECIMENTOS -->\n          <li class=\"mx-3\" style=\"margin-bottom: 16px;\">\n            <div class=\"icon-estabelecimento\">\n              <button class=\"row justify-content-between bg-transparent border-0\"\n                (click)=\"openModalEstabelecimento(modalEstabelecimento)\"\n                [tooltip]=\"!sidebar.classList.contains('closed') ? '' : nomeEstabelecimento\" placement=\"right\">\n\n                <lib-icon class=\"col-1\" iconName=\"predio\" iconColor=\"white\" />\n                <span *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-9 ps-2 glb-text-width-160 text-start text-truncate\"> {{ nomeEstabelecimento }} </span>\n                <lib-icon *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-1\" iconName=\"seta-direita\" iconColor=\"white\" />\n              </button>\n            </div>\n          </li>\n          <!-- #endregion ESTABELECIMENTOS -->\n\n\n          <!-- #region PESQUISA -->\n          @if (_customMenuService.menuDynamic) {\n            <li class=\"mx-3 mb-3\">\n              <div class=\"icon-pesquisa\">\n                <button class=\"d-flex align-items-center justify-content-start gap-2 bg-transparent border-0\" (click)=\"_pesquisaTelas.show()\"\n                  [tooltip]=\"!sidebar.classList.contains('closed') ? '' : 'Pesquisar telas'\" placement=\"right\">\n  \n                  <lib-icon class=\"col-1\" iconName=\"lupa\" iconColor=\"white\" />\n                  @if (!sidebar.classList.contains('closed')) { <span class=\"col ps-2 text-start text-truncate\"> Pesquisar telas </span> }\n                </button>\n              </div>\n            </li>\n          }\n          <!-- #endregion PESQUISA -->\n\n        </ul>\n\n      </div>\n\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\n      <div class=\"main-menu\">\n        <div class=\"scroll\">\n          <div class=\"list-menu px-2 pb-1\">\n\n            <!-- #region MENU DIN\u00C2MICO -->\n            <div class=\"dynamic-menu\">\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\n\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\"\n                  class=\"p-1 rounded\"\n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\"\n                  [class.selectedItem]=\"menuItem.isSelected\">\n\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\"\n                    [id]=\"'item' + menuItem.id\"\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                    <div class=\"container\">\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\n                      <ng-template #iconImg>\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                      </ng-template>\n                    </div>\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                      iconName=\"seta-direita\" iconColor=\"white\"/>\n                  </a>\n\n                  <ng-template #externalMenu>\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\n                      target=\"_blank\"\n                      [id]=\"'item' + menuItem.id\"\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                      <div class=\"container\">\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\n                        <ng-template #iconImgExternal>\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                        </ng-template>\n                      </div>\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                        iconName=\"seta-direita\" iconColor=\"white\"/>\n                    </a>\n                  </ng-template>\n                </li>\n\n              </ul>\n            </div>\n\n            <ng-template #isLoading>\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\n            </ng-template>\n            <!-- #endregion MENU DIN\u00C2MICO -->\n\n          </div>\n        </div>\n      </div>\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\n\n      <!-- #region FOOTER -->\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\n        <div class=\"footer-components d-flex flex-row align-items-center gap-2 py-2 px-1 justify-content-center gap-2\" [class.open]=\"showBalloon\">\n          @if (footerUserImgSrc) {\n            <img class=\"photo-profile\" [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n          }\n          @else {\n            <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\n          }\n\n          <span class=\"text-truncate fw-bold text-start\" style=\"max-width: 100%;\"> {{ footerUserName }} </span>\n        </div>\n      </div>\n\n      <ng-template #popoverContent>\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\n          <div class=\"d-flex align-items-center\">\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n            <ng-template #noUserImg>\n              <lib-icon iconName=\"contraparte\" iconColor=\"currentColor\"/>\n            </ng-template>\n            <div class=\"d-flex flex-column ms-1\">\n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\n            </div>\n          </div>\n        </div>\n        <hr class=\"mb-2 mt-2\">\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\n        </div>\n        <div class=\"mt-2\" style=\"cursor: pointer;\" (click)=\"openModalVersion(modalVersion)\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"info\"/> Vers\u00E3o\n        </div>        \n        <div class=\"mt-2\" (click)=\"logout()\" style=\"cursor: pointer;\">\n          <lib-icon [iconSize]=\"'small'\"  iconName=\"logout\"/> Sair\n        </div>\n      </ng-template>\n      <!-- #endregion FOOTER -->\n\n    </div>\n\n    <div class=\"submenu\" #submenu_ref>\n      <ng-template [ngIf]=\"desiredContent !== null\">\n        <ng-content *ngTemplateOutlet=\"desiredContent!; context: {$implicit: submenuList}\"></ng-content>\n      </ng-template>\n    </div>\n  </div>\n\n  <div class=\"main-content col d-flex flex-column align-content-between\" id=\"body-content\">\n    <div class=\"content\" style=\"position: relative;\">\n      <router-outlet></router-outlet>\n    </div>\n    <div app-footer></div>\n  </div>\n\n</div>\n<!-- #endregion MAIN CONTENT -->\n\n<!-- #region TEMPLATES -->\n<ng-template #dynamic_menu let-data>\n  <app-dynamic-menu\n    [submenuList]=\"data\"\n    [titleSubmenu]=\"titleSubmenu\" [submenuRef]=\"submenu_ref\" [recebeParam]=\"onClickedOutside.bind(this)\"\n    [hostServerOutSystems]=\"HostServerOutSystems\">\n  </app-dynamic-menu>\n</ng-template>\n\n<ng-template #notif_menu>\n  <app-notif-submenu></app-notif-submenu>\n</ng-template>\n\n<!-- #region MODAL SELECAO ESTABELECIMENTO -->\n<ng-template #modalEstabelecimento>\n  <selecao-estabelecimentos-modal (onClose)=\"closeModalEstabelecimento()\"\n    (onSelected)=\"closeModalEstabelecimento(); updateLastLogEstabelecimento($event);\">\n  </selecao-estabelecimentos-modal>\n</ng-template>\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\n\n<!-- #region MODAL VERSION -->\n<ng-template #modalVersion>\n  <versoes-modal (onClose)=\"closeModalVersion()\" />\n</ng-template>\n<!-- #endregion MODAL VERSION -->\n\n<!-- #endregion TEMPLATES -->\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;font-size:14px}span{color:#fff}ul{list-style:none;padding-left:0;white-space:nowrap}#menu.main{display:flex;width:100%;height:100%;background:#eee}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.main-content{width:100%;z-index:0;overflow-y:auto;overflow:overlay;height:100vh}.main-content .content{padding:0 16px 16px;background-color:#eee!important}.disable-scroll{overflow-y:hidden}.dropdown-button{padding:8px;border-radius:8px;background-color:#3265ee;border:none;font-size:14px;font-weight:700;width:100%;display:flex}.dropdown-button span{width:100%;display:flex;justify-content:space-between}.dropdown-menu{width:212px;border-radius:8px}.dropdown-menu li{margin:16px 8px}.dropdown-menu li a{font-size:14px}.dropdown-menu li a:hover{font-weight:700;background-color:transparent}.dropdown-menu .dropdown-divider{height:0}.link-portal{color:#213b70;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}.container{display:flex;width:max-content}.sidebar{display:flex;flex-direction:column;height:100%;grid-template-rows:min-content;box-sizing:border-box;transition:width .5s;background-color:#213b70;max-width:inherit}.sidebar .footer-menu{justify-content:flex-end}.menu-header{display:flex;flex-direction:column;white-space:nowrap;padding:32px 0 0;background-color:#213b70}.menu-header ul li{margin-left:16px;margin-right:16px}.menu-header ul>li:last-child{border-bottom:1px solid #3265ee;padding-bottom:15px;height:auto}.dropdown{margin:0}.btn-group{width:100%}.sidebar.closed .menu-header ul li{margin-left:0;margin-right:0}.sidebar.closed .menu-header{display:flex;flex-direction:column;align-items:center}.icon-estabelecimento button,.icon-pesquisa button{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.icon-estabelecimento button span:hover,.icon-pesquisa button span:hover{font-weight:700}.header-content{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;margin:0 20px}.logo-hamburguer{display:flex;justify-content:space-between;margin-right:8px}.logo-hamburguer .button-hamburguer{border:none;background-color:transparent}.sidebar.closed .logo-hamburguer{justify-content:center;margin-right:0}.scroll{overflow-y:auto;overflow-x:hidden;min-height:20%;margin-right:2px}.list-menu{padding-left:16px;padding-right:8px;display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.list-menu .text-closed{padding-top:15px;display:none;color:#fff}.list-menu .text-opened{color:#fff;font-size:12px;padding-top:15px;visibility:visible;white-space:nowrap}.list-menu .li-main{padding:10px 7px;border-radius:8px}.list-menu .onSelect{background-color:#3265ee}.list-menu div.static-menu>ul>li:first-child{margin-top:16px}.list-menu .span-main{font-size:14px;margin-left:8px;opacity:1;pointer-events:auto;white-space:break-spaces}.list-menu .span-main:hover,.list-menu .list-options span:hover{font-weight:700}.list-menu p{font-size:10px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #3265ee;visibility:hidden}.selectedItem{background-color:#3265ee}.selectedItem span{font-weight:700;background-color:transparent}.notif{padding:2px 13px;margin-bottom:none;background-color:#000;border-radius:8px;font-weight:700}.sidebar.closed .chevron{display:none}.sidebar.closed .icon-estabelecimento,.sidebar.closed .icon-pesquisa{margin:0}.sidebar.closed .icon-estabelecimento button,.sidebar.closed .icon-pesquisa button{justify-content:center}.sidebar.closed .icon-estabelecimento button img,.sidebar.closed .icon-pesquisa button img{margin:0}.align-chevron{width:100%;text-align:justify;align-items:center;display:flex;justify-content:space-between}.selected-color{background-color:#3265ee}.main-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:20%}.button-icons{border:none;background-color:transparent}.footer-menu{display:flex;flex-direction:column}.footer-menu .footer-components{border-top:1px solid #3265ee}.footer-menu .footer-components .button-closed{display:none}.footer-menu button{border:none;background-color:transparent;border-radius:8px}.footer-menu .points{padding:4px 0;margin:4px 0;border-radius:8px}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.footer-menu .open-user{background-color:#3265ee}.submenu{width:341px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000004d}.submenu ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}.submenu ul li{font-size:20px;font-weight:600;line-height:22px;padding-bottom:18px}.submenu .itens-list{display:flex;justify-content:space-between;align-items:center}.submenu .itens-list .favoritos,.submenu .itens-list span{cursor:pointer}.submenu .footer-menu{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;white-space:nowrap}.submenu .footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.submenu .footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu .footer-components{display:flex;justify-content:center;align-items:center}.submenu button{position:relative;left:10%;border:none;background-color:transparent}.submenu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0;box-shadow:0 4px 8px #0000004d}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.search-bar{max-width:368px;height:38px;margin-top:24px;border:1px solid #ced4da;box-sizing:border-box;border-radius:8px}.opened-notif-sub{min-width:452px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden}.sidebar.closed{max-width:73px}.sidebar.closed span{display:none}.sidebar.closed span{white-space:nowrap;overflow:hidden}.sidebar.closed .logo-sispro{display:none}.sidebar.closed .list-menu{padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center}.sidebar.closed .list-menu span{opacity:0;pointer-events:none}.sidebar.closed .list-menu .text-closed{padding-bottom:11px;visibility:visible;display:block}.sidebar.closed .list-menu .text-opened{display:none;font-size:8px}.sidebar.closed .list-menu .chevron,.sidebar.closed .favoritos,.sidebar.closed .footer-components .button-opened{display:none}.sidebar.closed .footer-components .button-closed{display:block}.sidebar.closed .button-icons{border:none;background-color:transparent}.sidebar.closed .footer-components{display:flex;align-items:center}.sidebar.closed button{border:none;background-color:transparent;display:block}.sidebar.closed .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.sidebar-control{height:100vh;max-width:227.667px}.sidebar-control .main-content.closed{margin-left:0}.glb-text-width-120{max-width:120px}.profile-picture{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%)}.image-div{width:50px;min-width:50px;height:50px;border-radius:100%;position:relative;overflow:hidden;z-index:1}.image-div #photoUser{width:146px;height:146px;top:-1px;left:-1px;object-fit:cover;position:relative;z-index:1;border:none;border-color:transparent}.dynamic-container{display:inline-block;white-space:nowrap;overflow:hidden}.custom-popover{width:1000px}\n"] }]
+                        NgIf,
+                        NgClass
+                    ], template: "<!-- #region MAIN CONTENT -->\n<div id=\"menu\" class=\"main col-12\">\n\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\" #menuContainer\n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" [ngClass]=\"{'closed-mobile': isMobile && !isMenuOpened}\" #sidebar>\n      <div class=\"menu-header\">\n        <ul>\n          <li class=\"mb-3\">\n            <div class=\"logo-hamburguer\">\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\n              <button class=\"button-hamburguer\" (click)=\"isMenuOpened = !isMenuOpened; openExpansibleMenu(sidebar);\">\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\n              </button>\n            </div>\n          </li>\n\n          <!-- #region M\u00D3DULOS -->\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\n            <div class=\"btn-group\">\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\n                <ng-container>\n                  <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\" />\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\n                </ng-container>\n              </button>\n              <ul class=\"dropdown-menu\" #dropdown_ref>\n                <app-primary-dropdown [buttonWasClicked]=\"messageIfClicked\"></app-primary-dropdown>\n              </ul>\n            </div>\n          </li>\n          <!-- #endregion M\u00D3DULOS -->\n\n          <!-- #region ESTABELECIMENTOS -->\n          <li class=\"mx-3\" style=\"margin-bottom: 16px;\">\n            <div class=\"icon-estabelecimento\">\n              <button class=\"row justify-content-between bg-transparent border-0\"\n                (click)=\"openModalEstabelecimento(modalEstabelecimento)\"\n                [tooltip]=\"!sidebar.classList.contains('closed') ? '' : nomeEstabelecimento\" placement=\"right\">\n\n                <lib-icon class=\"col-1\" iconName=\"predio\" iconColor=\"white\" />\n                <span *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-9 ps-2 glb-text-width-160 text-start text-truncate\"> {{ nomeEstabelecimento }} </span>\n                <lib-icon *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-1\" iconName=\"seta-direita\" iconColor=\"white\" />\n              </button>\n            </div>\n          </li>\n          <!-- #endregion ESTABELECIMENTOS -->\n\n\n          <!-- #region PESQUISA -->\n          @if (_customMenuService.menuDynamic) {\n            <li class=\"mx-3 mb-3\">\n              <div class=\"icon-pesquisa\">\n                <button class=\"d-flex align-items-center justify-content-start gap-2 bg-transparent border-0\" (click)=\"_pesquisaTelas.show()\"\n                  [tooltip]=\"!sidebar.classList.contains('closed') ? '' : 'Pesquisar telas'\" placement=\"right\">\n\n                  <lib-icon class=\"col-1\" iconName=\"lupa\" iconColor=\"white\" />\n                  @if (!sidebar.classList.contains('closed')) { <span class=\"col ps-2 text-start text-truncate\"> Pesquisar telas </span> }\n                </button>\n              </div>\n            </li>\n          }\n          <!-- #endregion PESQUISA -->\n\n        </ul>\n\n      </div>\n\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\n      <div class=\"main-menu\">\n        <div class=\"scroll\">\n          <div class=\"list-menu px-2 pb-1\">\n\n            <!-- #region MENU DIN\u00C2MICO -->\n            <div class=\"dynamic-menu\">\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\n\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\"\n                  class=\"p-1 rounded\"\n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\"\n                  [class.selectedItem]=\"menuItem.isSelected\">\n\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\"\n                    [id]=\"'item' + menuItem.id\"\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                    <div class=\"container\">\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\n                      <ng-template #iconImg>\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                      </ng-template>\n                    </div>\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                      iconName=\"seta-direita\" iconColor=\"white\"/>\n                  </a>\n\n                  <ng-template #externalMenu>\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\n                      target=\"_blank\"\n                      [id]=\"'item' + menuItem.id\"\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                      <div class=\"container\">\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\n                        <ng-template #iconImgExternal>\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                        </ng-template>\n                      </div>\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                        iconName=\"seta-direita\" iconColor=\"white\"/>\n                    </a>\n                  </ng-template>\n                </li>\n\n              </ul>\n            </div>\n\n            <ng-template #isLoading>\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\n            </ng-template>\n            <!-- #endregion MENU DIN\u00C2MICO -->\n\n          </div>\n        </div>\n      </div>\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\n\n      <!-- #region FOOTER -->\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\n        <div class=\"footer-components d-flex flex-row align-items-center gap-2 py-2 px-1 justify-content-center gap-2\" [class.open]=\"showBalloon\">\n          @if (footerUserImgSrc) {\n            <img class=\"photo-profile\" [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n          }\n          @else {\n            <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\n          }\n\n          <span class=\"text-truncate fw-bold text-start\" style=\"max-width: 100%;\"> {{ footerUserName }} </span>\n        </div>\n      </div>\n\n      <ng-template #popoverContent>\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\n          <div class=\"d-flex align-items-center\">\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n            <ng-template #noUserImg>\n              <lib-icon iconName=\"contraparte\" iconColor=\"currentColor\"/>\n            </ng-template>\n            <div class=\"d-flex flex-column ms-1\">\n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\n            </div>\n          </div>\n        </div>\n        <hr class=\"mb-2 mt-2\">\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\n        </div>\n        \n        <div class=\"mt-2\" style=\"cursor: pointer;\" (click)=\"openModalVersion(modalVersion)\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"info\"/> Vers\u00E3o\n        </div>\n\n        <div class=\"mt-2\" style=\"cursor: pointer;\" (click)=\"deleteIDB()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"lixeira\"/> Limpar filtros salvos\n        </div>\n\n        <div class=\"mt-2\" (click)=\"logout()\" style=\"cursor: pointer;\">\n          <lib-icon [iconSize]=\"'small'\"  iconName=\"logout\"/> Sair\n        </div>\n      </ng-template>\n      <!-- #endregion FOOTER -->\n\n    </div>\n\n    <div class=\"submenu\" #submenu_ref>\n      <ng-template [ngIf]=\"desiredContent !== null\">\n        <ng-content *ngTemplateOutlet=\"desiredContent!; context: {$implicit: submenuList}\"></ng-content>\n      </ng-template>\n    </div>\n  </div>\n\n  <div class=\"main-content col d-flex flex-column align-content-between\" id=\"body-content\">\n    <div class=\"content\" style=\"position: relative;\">\n      <router-outlet></router-outlet>\n    </div>\n    <div app-footer></div>\n  </div>\n\n</div>\n<!-- #endregion MAIN CONTENT -->\n\n<!-- #region TEMPLATES -->\n<ng-template #dynamic_menu let-data>\n  <app-dynamic-menu\n    [submenuList]=\"data\"\n    [titleSubmenu]=\"titleSubmenu\" [submenuRef]=\"submenu_ref\" [recebeParam]=\"onClickedOutside.bind(this)\"\n    [hostServerOutSystems]=\"HostServerOutSystems\">\n  </app-dynamic-menu>\n</ng-template>\n\n<ng-template #notif_menu>\n  <app-notif-submenu></app-notif-submenu>\n</ng-template>\n\n<!-- #region MODAL SELECAO ESTABELECIMENTO -->\n<ng-template #modalEstabelecimento>\n  <selecao-estabelecimentos-modal (onClose)=\"closeModalEstabelecimento()\"\n    (onSelected)=\"closeModalEstabelecimento(); updateLastLogEstabelecimento($event);\">\n  </selecao-estabelecimentos-modal>\n</ng-template>\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\n\n<!-- #region MODAL VERSION -->\n<ng-template #modalVersion>\n  <versoes-modal (onClose)=\"closeModalVersion()\" />\n</ng-template>\n<!-- #endregion MODAL VERSION -->\n\n<!-- #endregion TEMPLATES -->\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;font-size:14px}span{color:#fff}ul{list-style:none;padding-left:0;white-space:nowrap}#menu.main{display:flex;width:100%;height:100%;background:#eee}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.main-content{width:100%;z-index:0;overflow-y:auto;overflow:overlay;height:100vh}.main-content .content{padding:0 16px 16px;background-color:#eee!important}.disable-scroll{overflow-y:hidden}.dropdown-button{padding:8px;border-radius:8px;background-color:#3265ee;border:none;font-size:14px;font-weight:700;width:100%;display:flex}.dropdown-button span{width:100%;display:flex;justify-content:space-between}.dropdown-menu{width:212px;border-radius:8px}.dropdown-menu li{margin:16px 8px}.dropdown-menu li a{font-size:14px}.dropdown-menu li a:hover{font-weight:700;background-color:transparent}.dropdown-menu .dropdown-divider{height:0}.link-portal{color:#213b70;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}.container{display:flex;width:max-content}.sidebar{display:flex;flex-direction:column;height:100%;grid-template-rows:min-content;box-sizing:border-box;transition:width .5s;background-color:#213b70;max-width:inherit}.sidebar .footer-menu{justify-content:flex-end}.menu-header{display:flex;flex-direction:column;white-space:nowrap;padding:32px 0 0;background-color:#213b70}.menu-header ul li{margin-left:16px;margin-right:16px}.menu-header ul>li:last-child{border-bottom:1px solid #3265ee;padding-bottom:15px;height:auto}.dropdown{margin:0}.btn-group{width:100%}.sidebar.closed .menu-header ul li{margin-left:0;margin-right:0}.sidebar.closed .menu-header{display:flex;flex-direction:column;align-items:center}.icon-estabelecimento button,.icon-pesquisa button{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.icon-estabelecimento button span:hover,.icon-pesquisa button span:hover{font-weight:700}.header-content{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;margin:0 20px}.logo-hamburguer{display:flex;justify-content:space-between;margin-right:8px}.logo-hamburguer .button-hamburguer{border:none;background-color:transparent}.sidebar.closed .logo-hamburguer{justify-content:center;margin-right:0}.scroll{overflow-y:auto;overflow-x:hidden;min-height:20%;margin-right:2px}.list-menu{padding-left:16px;padding-right:8px;display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.list-menu .text-closed{padding-top:15px;display:none;color:#fff}.list-menu .text-opened{color:#fff;font-size:12px;padding-top:15px;visibility:visible;white-space:nowrap}.list-menu .li-main{padding:10px 7px;border-radius:8px}.list-menu .onSelect{background-color:#3265ee}.list-menu div.static-menu>ul>li:first-child{margin-top:16px}.list-menu .span-main{font-size:14px;margin-left:8px;opacity:1;pointer-events:auto;white-space:break-spaces}.list-menu .span-main:hover,.list-menu .list-options span:hover{font-weight:700}.list-menu p{font-size:10px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #3265ee;visibility:hidden}.selectedItem{background-color:#3265ee}.selectedItem span{font-weight:700;background-color:transparent}.notif{padding:2px 13px;margin-bottom:none;background-color:#000;border-radius:8px;font-weight:700}.sidebar.closed .chevron{display:none}.sidebar.closed .icon-estabelecimento,.sidebar.closed .icon-pesquisa{margin:0}.sidebar.closed .icon-estabelecimento button,.sidebar.closed .icon-pesquisa button{justify-content:center}.sidebar.closed .icon-estabelecimento button img,.sidebar.closed .icon-pesquisa button img{margin:0}.align-chevron{width:100%;text-align:justify;align-items:center;display:flex;justify-content:space-between}.selected-color{background-color:#3265ee}.main-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:20%}.button-icons{border:none;background-color:transparent}.footer-menu{display:flex;flex-direction:column}.footer-menu .footer-components{border-top:1px solid #3265ee}.footer-menu .footer-components .button-closed{display:none}.footer-menu button{border:none;background-color:transparent;border-radius:8px}.footer-menu .points{padding:4px 0;margin:4px 0;border-radius:8px}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.footer-menu .open-user{background-color:#3265ee}.submenu{width:341px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000004d}.submenu ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}.submenu ul li{font-size:20px;font-weight:600;line-height:22px;padding-bottom:18px}.submenu .itens-list{display:flex;justify-content:space-between;align-items:center}.submenu .itens-list .favoritos,.submenu .itens-list span{cursor:pointer}.submenu .footer-menu{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;white-space:nowrap}.submenu .footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.submenu .footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu .footer-components{display:flex;justify-content:center;align-items:center}.submenu button{position:relative;left:10%;border:none;background-color:transparent}.submenu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0;box-shadow:0 4px 8px #0000004d}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.search-bar{max-width:368px;height:38px;margin-top:24px;border:1px solid #ced4da;box-sizing:border-box;border-radius:8px}.opened-notif-sub{min-width:452px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden}.sidebar.closed{max-width:73px;transition:.5s}.sidebar.closed span{display:none}.closed-mobile{width:42px}.opened-mobile{width:80vw}.sidebar.closed span{white-space:nowrap;overflow:hidden}.sidebar.closed .logo-sispro{display:none}.sidebar.closed .list-menu{padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center}.sidebar.closed .list-menu span{opacity:0;pointer-events:none}.sidebar.closed .list-menu .text-closed{padding-bottom:11px;visibility:visible;display:block}.sidebar.closed .list-menu .text-opened{display:none;font-size:8px}.sidebar.closed .list-menu .chevron,.sidebar.closed .favoritos,.sidebar.closed .footer-components .button-opened{display:none}.sidebar.closed .footer-components .button-closed{display:block}.sidebar.closed .button-icons{border:none;background-color:transparent}.sidebar.closed .footer-components{display:flex;align-items:center}.sidebar.closed button{border:none;background-color:transparent;display:block}.sidebar.closed .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.sidebar-control{height:100vh;max-width:227.667px}.sidebar-control .main-content.closed{margin-left:0}.glb-text-width-120{max-width:120px}.profile-picture{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%)}.image-div{width:50px;min-width:50px;height:50px;border-radius:100%;position:relative;overflow:hidden;z-index:1}.image-div #photoUser{width:146px;height:146px;top:-1px;left:-1px;object-fit:cover;position:relative;z-index:1;border:none;border-color:transparent}.dynamic-container{display:inline-block;white-space:nowrap;overflow:hidden}.custom-popover{width:1000px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MSAL_GUARD_CONFIG]
-                }] }, { type: i1$2.MsalService }, { type: i10.ToastrService }, { type: LibCustomEnvironmentService }, { type: AuthStorageService }, { type: i5.BsModalService }, { type: MenuServicesService }, { type: i3.MessageService }, { type: ProjectUtilservice }, { type: i1$1.Router }, { type: AuthService }, { type: LibCustomMenuService }, { type: PesquisaTelasGlobalService }], propDecorators: { sidebar: [{
+                }] }, { type: i1$2.MsalService }, { type: i10.ToastrService }, { type: LibCustomEnvironmentService }, { type: AuthStorageService }, { type: i5.BsModalService }, { type: MenuServicesService }, { type: i3.MessageService }, { type: ProjectUtilservice }, { type: i1$1.Router }, { type: AuthService }, { type: i11.BreakpointObserver }, { type: LibCustomMenuService }, { type: PesquisaTelasGlobalService }, { type: IndexedDBService }], propDecorators: { sidebar: [{
                 type: ViewChild,
                 args: ['sidebar', { static: true }]
             }], notif_template: [{