ngx-sp-auth 4.21.1 → 4.22.1

package/fesm2022/ngx-sp-auth.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { importProvidersFrom, NgModule, InjectionToken, Inject, Injectable, ViewContainerRef, ViewChild, Component, EventEmitter, Output, Input, TemplateRef, ContentChild, inject } from '@angular/core';
+import { importProvidersFrom, NgModule, InjectionToken, Inject, Injectable, Component, EventEmitter, Output, Input, TemplateRef, ContentChild, ViewChild, inject } from '@angular/core';
 import * as i1 from '@angular/common/http';
-import { HTTP_INTERCEPTORS, HttpHeaders, HttpClient, HttpParams } from '@angular/common/http';
+import { HTTP_INTERCEPTORS, HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import * as i1$2 from '@azure/msal-angular';
 import { MsalInterceptor, MsalGuard, MsalModule, MSAL_GUARD_CONFIG } from '@azure/msal-angular';
 import { LogLevel, PublicClientApplication, InteractionType } from '@azure/msal-browser';
-import { BehaviorSubject, firstValueFrom, take, tap, Subject, Subscription, debounceTime, distinctUntilChanged, filter, switchMap, timer, map as map$1, of, lastValueFrom, from } from 'rxjs';
 import { take as take$1, tap as tap$1, map, switchMap as switchMap$1 } from 'rxjs/operators';
 import * as i1$1 from '@angular/router';
 import { RouterLink, NavigationEnd, RouterOutlet } from '@angular/router';
+import { BehaviorSubject, take, tap, Subject, Subscription, debounceTime, distinctUntilChanged, filter, switchMap, timer, map as map$1, firstValueFrom, of, lastValueFrom, from } from 'rxjs';
 import * as i3 from 'ngx-sp-infra';
 import { Utils, SearchInputComponent, InfraModule, FormUtils, Usuario, RetPasswordPolicy, RetCheckPassword, CheckPasswordRecord, PasswordPolicyComponent, LibIconsComponent, ContentContainerComponent } from 'ngx-sp-infra';
 import { openDB, deleteDB } from 'idb';
@@ -512,85 +512,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }], ctorParameters: () => [{ type: LibCustomEnvironmentService }] });
 
-class LibCustomLoginService {
-    constructor(_customLoginService) {
-        this._customLoginService = _customLoginService;
-    }
-    // #region Propriedade Customizadas para o Componente login.component.ts
-    get loginTitle() {
-        return this._customLoginService.loginTitle;
-    }
-    get loginSubtitle() {
-        return this._customLoginService.loginSubtitle;
-    }
-    get loginBackground() {
-        return this._customLoginService.loginBackground;
-    }
-    get loginLogotipo() {
-        return this._customLoginService.loginLogotipo;
-    }
-    get loginAltLogotipo() {
-        return this._customLoginService.loginAltLogotipo;
-    }
-    get loginPageTitle() {
-        return this._customLoginService.loginPageTitle;
-    }
-    get loginDesenvDomain() {
-        return this._customLoginService.loginDesenvDomain;
-    }
-    get loginDesenvUser() {
-        return this._customLoginService.loginDesenvUser;
-    }
-    get loginDesenvPassword() {
-        return this._customLoginService.loginDesenvPassword;
-    }
-    // #endregion Propriedade Customizadas para o Componente login.component.ts
-    // #region Métodos Customizadas para o Componente auth.service.ts
-    /**
-     * Método executado no auth.service.ts - método: login ()
-     * Utilizado para inicializações diversas
-     */
-    authLogin() {
-        this._customLoginService.authLogin();
-    }
-    /**
-     * Método executado no auth.service.ts - método: logout ()
-     * Utilizado para inicializações diversas
-     */
-    authLogout() {
-        this._customLoginService.authLogout();
-    }
-    /**
-     * Método executado no auth.service.ts - método: login ()
-     * Utilizado para informar o redirecionamento para a tela inicial após o login ok
-     *
-     * @param router Objeto de Router que será utilizado
-     */
-    authNavigateToPage(router) {
-        this._customLoginService.authNavigateToPage(router);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, deps: [{ token: LIB_CUSTOM_LOGIN_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LIB_CUSTOM_LOGIN_SERVICE]
-                }] }] });
-
 class AuthStorageService {
-    constructor(_httpBackend, _customStorageService, _indexedDBService, _customEnvironmentService, _customLoginService, _router) {
+    constructor(_httpBackend, _customStorageService, _indexedDBService, _customEnvironmentService) {
         this._httpBackend = _httpBackend;
         this._customStorageService = _customStorageService;
         this._indexedDBService = _indexedDBService;
         this._customEnvironmentService = _customEnvironmentService;
-        this._customLoginService = _customLoginService;
-        this._router = _router;
-        this._BASE_URL = ''; // SpInfra2LoginWS
-        this._LOGOUT_BASE_URL = ''; // SpInfra2LoginWS
-        this._HTTP_HEADERS = new HttpHeaders().set('Content-Type', 'application/json');
+        this._BASE_URL = ''; // SpInfra2WS
         this.__local_key = 'user_auth_v6';
         // indica se objeto já está marcado para salvar os dados no local storage.
         this.__isSaving = false;
@@ -637,10 +565,8 @@ class AuthStorageService {
         // azureClientId
         this.__azureClientId = "";
         this._httpClient = new HttpClient(_httpBackend);
-        this._BASE_URL = `${_customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2LoginWS
-        this._BASE_URL = !_customEnvironmentService.production ? this._BASE_URL : `${_customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2LoginWS
-        this._LOGOUT_BASE_URL = `${_customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`; // SpInfra2LoginWS
-        this._BASE_URL = !_customEnvironmentService.production ? this._BASE_URL : `${_customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`; // SpInfra2LoginWS
+        this._BASE_URL = `${_customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2WS
+        this._BASE_URL = !_customEnvironmentService.production ? this._BASE_URL : `${_customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`;
         // Método com customizações para inicializações da storage
         this._customStorageService.storageConstructor();
         const expectedLocalAuthStorage = localStorage.getItem(this.__local_key);
@@ -913,22 +839,36 @@ class AuthStorageService {
         // Chama a si próprio depois de um tempo igual ao tempo restante para o vencimento do token, para renovar o token ou deslogar o usuário.
         setTimeout(this.reCheckLogin.bind(this, true), leftTime * 1000);
     }
-    /**
-     * Realiza o logout do sistema, consumindo o endpoint de logout para remover os cookies e limpando as informações de autenticação armazenadas no localStorage.
-     * @returns Promise<boolean> indicando navegação para a tela de login após o logout.
-    */
     logout() {
-        // Consumo de endpoint de logout
-        const url = `${this._LOGOUT_BASE_URL}`;
-        firstValueFrom(this._httpClient.post(url, null, { 'headers': this._HTTP_HEADERS })).then(res => {
-            console.log(res);
-            this.onLogout();
-            localStorage.removeItem('configServerUser');
-            localStorage.removeItem('configServerPassword');
-            // Método com customizações para inicializações do Logout
-            this._customLoginService.authLogout();
-        });
-        return this._router.navigate(["/auth/login"]);
+        this.__isCheckingAuth = false;
+        this.isLoggedInSub.next(false);
+        this.__UrlRedirect = "/";
+        this.__ip = "";
+        this.__tenantId = 0;
+        this.__infraUsuarioId = "";
+        this.__infraEstabId = "";
+        this.__infraEstabNome = "";
+        this.__infraEmpresaId = "";
+        this.__infraEmpresaNome = "";
+        this.__user = "";
+        this.__userName = "";
+        this.__authToken = "";
+        this.__dominio = "";
+        this.__tokenPayload = {};
+        this.__isExternalLogin = false;
+        this.__infraInAuthTypeId = 0;
+        this.__infraIn2FaTypeId = null;
+        this.__is2FaEnabled = false;
+        this.__azureTenantId = "";
+        this.__azureClientId = "";
+        localStorage.removeItem(this.__local_key);
+        // Limpa o armazenamento local do navegador que contém os filtros de um produto específico
+        // Fecha a conexão local (se houver) antes de excluir a database para evitar o callback 'blocking'
+        this._indexedDBService.closeOpenConnection()
+            .then(() => this._indexedDBService.deleteDatabase())
+            .catch((err) => console.warn('logout() => falha ao limpar conexão', err));
+        // Método com customizações para finalizações da storage
+        this._customStorageService.storageLogout();
     }
     getNewTokenBack() {
         let token = {
@@ -941,14 +881,15 @@ class AuthStorageService {
         };
         const url = `${this._BASE_URL}/GetNewToken`;
         const headers = new HttpHeaders()
-            .set('Content-Type', 'application/json');
-        // Remover/comentar o header abaixo pois o token será enviado via Cookie HttpOnly, e não mais via header Authorization
-        // .set('Authorization',
-        //   `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}`
-        // );
-        return this._httpClient.post(url, token, { 'headers': headers, withCredentials: true })
-            .pipe(take(1), tap((response) => { if (response.Error)
-            throw Error(response.ErrorMessage); }));
+            .set('Content-Type', 'application/json')
+            .set('Authorization', `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}`);
+        return this._httpClient
+            .post(url, token, { 'headers': headers })
+            .pipe(take(1), tap((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
     }
     getNewToken() {
         return new Promise((resolve, reject) => {
@@ -985,37 +926,6 @@ class AuthStorageService {
             }
         }
     }
-    onLogout() {
-        this.__isCheckingAuth = false;
-        this.isLoggedInSub.next(false);
-        this.__UrlRedirect = "/";
-        this.__ip = "";
-        this.__tenantId = 0;
-        this.__infraUsuarioId = "";
-        this.__infraEstabId = "";
-        this.__infraEstabNome = "";
-        this.__infraEmpresaId = "";
-        this.__infraEmpresaNome = "";
-        this.__user = "";
-        this.__userName = "";
-        this.__authToken = "";
-        this.__dominio = "";
-        this.__tokenPayload = {};
-        this.__isExternalLogin = false;
-        this.__infraInAuthTypeId = 0;
-        this.__infraIn2FaTypeId = null;
-        this.__is2FaEnabled = false;
-        this.__azureTenantId = "";
-        this.__azureClientId = "";
-        localStorage.removeItem(this.__local_key);
-        // Limpa o armazenamento local do navegador que contém os filtros de um produto específico
-        // Fecha a conexão local (se houver) antes de excluir a database para evitar o callback 'blocking'
-        this._indexedDBService.closeOpenConnection()
-            .then(() => this._indexedDBService.deleteDatabase())
-            .catch((err) => console.warn('logout() => falha ao limpar conexão', err));
-        // Método com customizações para finalizações da storage
-        this._customStorageService.storageLogout();
-    }
     isPrePortal() {
         // Identifica se a origem é PrePortal
         var url = new URL(window.location.href);
@@ -1032,46 +942,114 @@ class AuthStorageService {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthStorageService, deps: [{ token: i1.HttpBackend }, { token: LibCustomStorageService }, { token: IndexedDBService }, { token: LibCustomEnvironmentService }, { token: LibCustomLoginService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthStorageService, deps: [{ token: i1.HttpBackend }, { token: LibCustomStorageService }, { token: IndexedDBService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthStorageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpBackend }, { type: LibCustomStorageService }, { type: IndexedDBService }, { type: LibCustomEnvironmentService }, { type: LibCustomLoginService }, { type: i1$1.Router }] });
+        }], ctorParameters: () => [{ type: i1.HttpBackend }, { type: LibCustomStorageService }, { type: IndexedDBService }, { type: LibCustomEnvironmentService }] });
+
+class LibCustomLoginService {
+    constructor(_customLoginService) {
+        this._customLoginService = _customLoginService;
+    }
+    // #region Propriedade Customizadas para o Componente login.component.ts
+    get loginTitle() {
+        return this._customLoginService.loginTitle;
+    }
+    get loginSubtitle() {
+        return this._customLoginService.loginSubtitle;
+    }
+    get loginBackground() {
+        return this._customLoginService.loginBackground;
+    }
+    get loginLogotipo() {
+        return this._customLoginService.loginLogotipo;
+    }
+    get loginAltLogotipo() {
+        return this._customLoginService.loginAltLogotipo;
+    }
+    get loginPageTitle() {
+        return this._customLoginService.loginPageTitle;
+    }
+    get loginDesenvDomain() {
+        return this._customLoginService.loginDesenvDomain;
+    }
+    get loginDesenvUser() {
+        return this._customLoginService.loginDesenvUser;
+    }
+    get loginDesenvPassword() {
+        return this._customLoginService.loginDesenvPassword;
+    }
+    // #endregion Propriedade Customizadas para o Componente login.component.ts
+    // #region Métodos Customizadas para o Componente auth.service.ts
+    /**
+     * Método executado no auth.service.ts - método: login ()
+     * Utilizado para inicializações diversas
+     */
+    authLogin() {
+        this._customLoginService.authLogin();
+    }
+    /**
+     * Método executado no auth.service.ts - método: logout ()
+     * Utilizado para inicializações diversas
+     */
+    authLogout() {
+        this._customLoginService.authLogout();
+    }
+    /**
+     * Método executado no auth.service.ts - método: login ()
+     * Utilizado para informar o redirecionamento para a tela inicial após o login ok
+     *
+     * @param router Objeto de Router que será utilizado
+     */
+    authNavigateToPage(router) {
+        this._customLoginService.authNavigateToPage(router);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, deps: [{ token: LIB_CUSTOM_LOGIN_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LibCustomLoginService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIB_CUSTOM_LOGIN_SERVICE]
+                }] }] });
 
 class AuthUtilService {
-    constructor(_authStorageService, _checkUrlAndMethodService, _customEnvironmentService, _message, _router) {
-        this._authStorageService = _authStorageService;
-        this._checkUrlAndMethodService = _checkUrlAndMethodService;
+    constructor(router, authStorageService, checkUrlAndMethodService, messageService, _customEnvironmentService) {
+        this.router = router;
+        this.authStorageService = authStorageService;
+        this.checkUrlAndMethodService = checkUrlAndMethodService;
+        this.messageService = messageService;
         this._customEnvironmentService = _customEnvironmentService;
-        this._message = _message;
-        this._router = _router;
     }
     // Exibe a mensagem de erro de uma requisição http
     showHttpError(error) {
         if (error.error instanceof ErrorEvent) {
             // Erro ocorreu no lado do cliente
-            this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
+            this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
         }
         else {
             // Erro ocorreu no lado do servidor
             let isUnauthorizedAccess = error.status === 401;
             if (isUnauthorizedAccess) {
-                let isFromAplic = this._checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
+                let isFromAplic = this.checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
                 if (isFromAplic) {
-                    // Comentado pois neste projeto esta alteração de valores não realizava o logout como deveria corretamente...
-                    // this.authStorageService.isLoggedInSub.next(false);
-                    // this.authStorageService.urlRedirect = "/";
                     // Remove a autenticação do usuário.
-                    this._authStorageService.logout().then(this.showExpiredAccess.bind(this));
+                    this.authStorageService.isLoggedInSub.next(false);
+                    this.authStorageService.urlRedirect = "/";
+                    let promise = this.router.navigate(["/auth/login"]);
+                    promise.then(this.showExpiredAccess.bind(this));
                 }
                 else {
-                    this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
+                    this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
                 }
             }
             else {
-                this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
+                this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
             }
         }
     }
@@ -1079,33 +1057,32 @@ class AuthUtilService {
     showHTTPErrorOS(error) {
         if (error.error instanceof ErrorEvent) {
             // Erro ocorreu no lado do cliente
-            this._router.navigate(["/auth/login"]).then(e => {
-                this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
+            this.router.navigate(["/auth/login"]).then(e => {
+                this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
             });
         }
         else {
             // Erro ocorreu no lado do servidor
             let isUnauthorizedAccess = error.status === 401;
             if (isUnauthorizedAccess) {
-                let isFromAplic = this._checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
+                let isFromAplic = this.checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
                 if (isFromAplic) {
-                    // Comentado pois neste projeto esta alteração de valores não realizava o logout como deveria corretamente...
-                    // this.authStorageService.isLoggedInSub.next(false);
-                    // this.authStorageService.urlRedirect = "/";
                     // Remove a autenticação do usuário.
-                    this._authStorageService.logout().then(() => {
-                        this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
+                    this.authStorageService.isLoggedInSub.next(false);
+                    this.authStorageService.urlRedirect = "/";
+                    this.router.navigate(["/auth/login"]).then(e => {
+                        this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
                     });
                 }
                 else {
-                    this._router.navigate(["/auth/login"]).then(e => {
-                        this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
+                    this.router.navigate(["/auth/login"]).then(e => {
+                        this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
                     });
                 }
             }
             else {
-                this._router.navigate(["/auth/login"]).then(e => {
-                    this._message.showAlertDanger(Utils.getHttpErrorMessage(error));
+                this.router.navigate(["/auth/login"]).then(e => {
+                    this.messageService.showAlertDanger(Utils.getHttpErrorMessage(error));
                 });
             }
         }
@@ -1113,14 +1090,14 @@ class AuthUtilService {
     // Mostra uma mensagem de sessão expirada.
     showExpiredAccess(navigationResult) {
         if (navigationResult) {
-            this._message.showAlertWarning("Sessão expirada, logue-se novamente.");
+            this.messageService.showAlertWarning("Sessão expirada, logue-se novamente.");
         }
     }
     // Obtém o hostName
     getHostName() {
         return this._customEnvironmentService.hostName;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthUtilService, deps: [{ token: AuthStorageService }, { token: i3.CheckUrlAndMethodService }, { token: LibCustomEnvironmentService }, { token: i3.MessageService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthUtilService, deps: [{ token: i1$1.Router }, { token: AuthStorageService }, { token: i3.CheckUrlAndMethodService }, { token: i3.MessageService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthUtilService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AuthUtilService, decorators: [{
@@ -1128,7 +1105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: AuthStorageService }, { type: i3.CheckUrlAndMethodService }, { type: LibCustomEnvironmentService }, { type: i3.MessageService }, { type: i1$1.Router }] });
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthStorageService }, { type: i3.CheckUrlAndMethodService }, { type: i3.MessageService }, { type: LibCustomEnvironmentService }] });
 
 class AuthService {
     // #endregion PRIVATE
@@ -1145,23 +1122,20 @@ class AuthService {
         // #region ==========> PROPERTIES <==========
         // #region PRIVATE
         this._pendingWarning = null;
-        this._AUTH_BASE_URL = ''; // SpInfra2AuthWS
         this._BASE_URL = ''; // SpInfra2WS
+        this._AUTH_BASE_URL = ''; // SpInfra2AuthWS
         this._BASE_OS_URL = ''; // SpInfra2LoginWS
-        this._LOGOUT_BASE_URL = ''; // SpInfra2LoginWS
         this._HTTP_HEADERS = new HttpHeaders().set('Content-Type', 'application/json');
         this.ip = "undefined";
         this.city = "undefined";
         this.state = "undefined";
         this.country = "undefined";
+        this._BASE_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2WS
         this._AUTH_BASE_URL = `${this._customEnvironmentService.SpInfra2AuthWS}/Auth`; // SpInfra2AuthWS
-        this._BASE_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2LoginWS
         this._BASE_OS_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LoginIntegradoOS`; // SpInfra2LoginWS
-        this._LOGOUT_BASE_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`; // SpInfra2LoginWS
-        this._AUTH_BASE_URL = !this._customEnvironmentService.production ? this._AUTH_BASE_URL : `${this._customEnvironmentService.SpInfra2AuthWS}/Auth`;
         this._BASE_URL = !this._customEnvironmentService.production ? this._BASE_URL : `${this._customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`;
+        this._AUTH_BASE_URL = !this._customEnvironmentService.production ? this._AUTH_BASE_URL : `${this._customEnvironmentService.SpInfra2AuthWS}/Auth`;
         this._BASE_OS_URL = !this._customEnvironmentService.production ? this._BASE_OS_URL : `${this._customEnvironmentService.SpInfra2LoginWS}/LoginIntegradoOS`;
-        this._LOGOUT_BASE_URL = !this._customEnvironmentService.production ? this._LOGOUT_BASE_URL : `${this._customEnvironmentService.SpInfra2LoginWS}/LogoutSisproErp`;
         this.getParms();
     }
     // #region ==========> SERVICE METHODS <==========
@@ -1219,10 +1193,8 @@ class AuthService {
             if (response.Error) {
                 throw Error(response.ErrorMessage);
             }
-            // Comentadas pois não serão mais armazenadas desta forma, o webservice gerará um Cookie com o valor já formatado para Base64
-            // E o mesmo será enviada nas requisições subsequentes via párâmetro `withCredentials: true`, e não mais via header Authorization
-            // localStorage.setItem('configServerUser', response.User);
-            // localStorage.setItem('configServerPassword', response.Password);
+            localStorage.setItem('configServerUser', response.User);
+            localStorage.setItem('configServerPassword', response.Password);
             this._authStorageService.tenantId = response.TenantId;
             this._authStorageService.dominio = response.Domain;
             this._authStorageService.infraInAuthTypeId = response.InfraInAuthTypeId;
@@ -1466,22 +1438,14 @@ class AuthService {
             }
         }));
     }
-    /**
-     * Realiza o logout do sistema, consumindo o endpoint de logout para remover os cookies e limpando as informações de autenticação armazenadas no localStorage.
-     * @returns Promise<boolean> indicando navegação para a tela de login após o logout.
-    */
+    /** Realiza o logout do sistema, removendo tokens do localStorage e limpando cache */
     logout() {
-        // Consumo de endpoint de logout
-        const url = `${this._LOGOUT_BASE_URL}`;
-        firstValueFrom(this._httpClient.post(url, null, { 'headers': this._HTTP_HEADERS })).then(res => {
-            console.log(res);
-            this._authStorageService.logout();
-            localStorage.removeItem('configServerUser');
-            localStorage.removeItem('configServerPassword');
-            // Método com customizações para inicializações do Logout
-            this._customLoginService.authLogout();
-        });
-        return this._router.navigate(["/auth/login"]);
+        this._authStorageService.logout();
+        localStorage.removeItem('configsServerUser');
+        localStorage.removeItem('configsServerPassword');
+        // Método com customizações para inicializações do Logout
+        this._customLoginService.authLogout();
+        this._router.navigate(["/auth/login"]);
     }
     validateAuthentication2Fa(code) {
         let Code2Fa = {
@@ -2008,12 +1972,16 @@ class PesquisaTelasGlobalService {
     // #region PUBLIC
     // #endregion PUBLIC
     // #endregion ==========> PROPERTIES <==========
-    constructor(_appRef, _injector, _httpClient, _customEnvironmentService, _authUtils) {
+    constructor(_componentFactoryResolver, _appRef, _injector, _httpClient, _customEnvironmentService, _authUtils) {
+        this._componentFactoryResolver = _componentFactoryResolver;
         this._appRef = _appRef;
         this._injector = _injector;
         this._httpClient = _httpClient;
         this._customEnvironmentService = _customEnvironmentService;
         this._authUtils = _authUtils;
+        // #region ==========> PROPERTIES <==========
+        // #region PRIVATE
+        // #region GERENCIAMENTO DINÂMICO DO COMPONENTE
         /**
          * Referência ao componente dinâmico criado.
          * Usado para gerenciar o ciclo de vida e estado do componente.
@@ -2135,7 +2103,7 @@ class PesquisaTelasGlobalService {
      *
      * Este método utiliza a API baixo nível do Angular para criar um componente dinamicamente e anexá-lo ao DOM. O processo envolve:
      *
-     * 1. Criar o componente via `container.createComponent()`
+     * 1. Criar o componente via ComponentFactoryResolver
      * 2. Configurar suas propriedades iniciais
      * 3. Registrá-lo no mecanismo de detecção de mudanças do Angular
      * 4. Anexá-lo ao DOM (fora da hierarquia normal de componentes)
@@ -2151,18 +2119,24 @@ class PesquisaTelasGlobalService {
         if (this._componentRef) {
             return;
         }
-        // 1. Cria uma nova instância do componente
-        this._componentRef = this._container.createComponent(SearchInputComponent);
-        // 2. Registra a view do componente no ApplicationRef
+        // 1. Resolve a fábrica do componente - primeiro passo para criar
+        // um componente dinamicamente no Angular. A fábrica contém os metadados
+        // necessários para instanciar o componente.
+        const componentFactory = this._componentFactoryResolver.resolveComponentFactory(SearchInputComponent);
+        // 2. Cria uma nova instância do componente usando o injector raiz
+        // Isso garante que o componente tenha acesso aos mesmos serviços
+        // que componentes criados normalmente via template
+        this._componentRef = componentFactory.create(this._injector);
+        // 3. Registra a view do componente no ApplicationRef
         // Isso é CRÍTICO: sem este passo, o componente não participaria
         // do ciclo de detecção de mudanças do Angular
         this._appRef.attachView(this._componentRef.hostView);
-        // 3. Obtém o elemento DOM raiz do componente e o anexa ao body
+        // 4. Obtém o elemento DOM raiz do componente e o anexa ao body
         // Como este componente é criado fora da hierarquia normal,
         // precisamos anexá-lo manualmente ao DOM
         const domElem = this._componentRef.hostView.rootNodes[0];
         document.body.appendChild(domElem);
-        // 4. Configura os listeners dos eventos do componente
+        // 5. Configura os listeners dos eventos do componente
         // Em vez de tratar o hide() diretamente aqui, encaminhamos o evento para o Subject _onClose$ e guardamos a subscription para poder removê-la quando escondermos o componente.
         this._componentCloseSub = this._componentRef.instance.onClose.subscribe(() => this._onClose$.next());
         // Em vez de tratar o getTelas() diretamente aqui, encaminhamos o evento para o Subject _onSearch$ e guardamos a subscription para poder removê-la quando escondermos o componente.
@@ -2206,16 +2180,13 @@ class PesquisaTelasGlobalService {
     // #endregion GERENCIAMENTO DO COMPONENTE
     showErrorMessage(response) { if (response.Error)
         throw Error(response.ErrorMessage); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PesquisaTelasGlobalService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.HttpClient }, { token: LibCustomEnvironmentService }, { token: AuthUtilService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PesquisaTelasGlobalService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.HttpClient }, { token: LibCustomEnvironmentService }, { token: AuthUtilService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PesquisaTelasGlobalService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PesquisaTelasGlobalService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: i1.HttpClient }, { type: LibCustomEnvironmentService }, { type: AuthUtilService }], propDecorators: { _container: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i1.HttpClient }, { type: LibCustomEnvironmentService }, { type: AuthUtilService }] });
 
 class ErrorMenuNotAllowed {
     constructor(router, authStorageService) {
@@ -3697,6 +3668,8 @@ class MenuLateralComponent {
     }
     constroiRegrasDynamicMenu(menus) {
         const home = { id: 1, label: "Início", descricao: "Tela inicial", icon: "casa", route: "home", isExternal: false, isSelected: this._router.url.includes("home"), isOutroModulo: false };
+        const cloud = { id: 1, label: "Ir para a Cloud", descricao: "Cloud OS", icon: "nuvem", route: `https://${window.location.host}/SisproErp/`, isExternal: false, isSelected: this._router.url.includes("cloud"), isOutroModulo: true };
+        menus.unshift(cloud);
         menus.unshift(home);
         return menus;
     }
@@ -3798,7 +3771,7 @@ class MenuLateralComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: MenuLateralComponent, deps: [{ token: MSAL_GUARD_CONFIG }, { token: i1$2.MsalService }, { token: i10.ToastrService }, { token: LibCustomEnvironmentService }, { token: AuthStorageService }, { token: i4.BsModalService }, { token: MenuServicesService }, { token: i3.MessageService }, { token: AuthUtilService }, { 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.25", 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 && !menuItem.isOutroModulo; 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,menuItem.isOutroModulo)\"\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 glb-cursor-pointer\" (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:300px;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: i7$1.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: i17.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i17.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i17.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i17.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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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 && !menuItem.isOutroModulo; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\"\n                    [id]=\"'item' + menuItem.id\"\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" [title]=\"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,menuItem.isOutroModulo)\"\n                      target=\"_blank\"\n                      [id]=\"'item' + menuItem.id\"\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" [title]=\"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 glb-cursor-pointer\" (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:300px;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: i7$1.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: i17.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i17.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i17.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i17.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.25", ngImport: i0, type: MenuLateralComponent, decorators: [{
             type: Component,
@@ -3816,7 +3789,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         RouterOutlet,
                         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 && !menuItem.isOutroModulo; 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,menuItem.isOutroModulo)\"\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 glb-cursor-pointer\" (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:300px;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"] }]
+                    ], 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 && !menuItem.isOutroModulo; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\"\n                    [id]=\"'item' + menuItem.id\"\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" [title]=\"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,menuItem.isOutroModulo)\"\n                      target=\"_blank\"\n                      [id]=\"'item' + menuItem.id\"\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" [title]=\"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 glb-cursor-pointer\" (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:300px;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]
@@ -4684,13 +4657,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 ;
 
 /**
- * Intercepta uma chamada HTTP para inserir o usuário logado nos cookies (e header, para compatibilidade) em conjunto com o login para uso da API.
+ * \brief Intercepta uma chamada HTTP para inserir o usuário logado no header em conjunto
+ *        com o login para uso da API.
+ *
  * Depende do serviço de autenticação.
-*/
+ */
 class AuthAplicInterceptor {
-    constructor(_authCheckService, _authStorage, _customEnvironmentService) {
-        this._authCheckService = _authCheckService;
-        this._authStorage = _authStorage;
+    constructor(authCheckService, token, _customEnvironmentService) {
+        this.authCheckService = authCheckService;
+        this.token = token;
         this._customEnvironmentService = _customEnvironmentService;
     }
     intercept(req, next) {
@@ -4699,16 +4674,12 @@ class AuthAplicInterceptor {
     }
     async handle(req, next) {
         let changedReq = req;
-        if (this._authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthAplic)) {
+        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthAplic)) {
             // Verifica se o Token precisa ser renovado
-            await this._authStorage.renewToken();
+            await this.token.renewToken();
             // Adiciona as autenticações necessárias ao servidor.
-            // Daqui alguns dias este trecho será removido e os tokens serão enviados exclusivamente pelos Cookies, mas por enquanto, para manter compatibilidade com o que já existe, o token será enviado no header
-            let headers = req.headers.set('Authorization', `Bearer ${this._authStorage.authToken}`);
-            changedReq = req.clone({
-                headers: headers,
-                withCredentials: true // Parâmetro necessário para utilização dos Cookies HttpOnly
-            });
+            let headers = req.headers.set('Authorization', `Bearer ${this.token.authToken}`);
+            changedReq = req.clone({ headers: headers });
         }
         return await lastValueFrom(next.handle(changedReq));
     }
@@ -4720,27 +4691,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i3.CheckUrlAndMethodService }, { type: AuthStorageService }, { type: LibCustomEnvironmentService }] });
 
-/** Intercepta uma chamada HTTP para inserir a autenticação da básica das APIs nos Cookies (e no header, para compatibilidade) */
+/**
+ * \brief Intercepta uma chamada HTTP para inserir a autenticação da Sispro.
+ */
 class AuthInfraInterceptor {
-    constructor(_authCheckService, _customEnvironmentService) {
-        this._authCheckService = _authCheckService;
+    constructor(authCheckService, _customEnvironmentService) {
+        this.authCheckService = authCheckService;
         this._customEnvironmentService = _customEnvironmentService;
     }
     intercept(req, next) {
         let changedReq = req;
-        if (this._authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthInfra)) {
-            // Instanciado inicialmente com os headers da requisição original, para não perder nenhum header que já tenha sido adicionado
-            let headers = req.headers;
+        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthInfra)) {
             // Adiciona as autenticações necessárias ao servidor. Autenticação básica.
-            // Daqui alguns dias este trecho será removido e os tokens serão enviados exclusivamente pelos Cookies, mas por enquanto, para manter compatibilidade com o que já existe, o token será enviado no header
-            if (localStorage.getItem('configServerUser') && localStorage.getItem('configServerPassword')) {
-                headers = req.headers.set("Authorization", `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}
+            let headers = req.headers.set("Authorization", `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}
                 `);
-            }
-            changedReq = req.clone({
-                headers: headers,
-                withCredentials: true // Parâmetro necessário para utilização dos Cookies HttpOnly
-            });
+            changedReq = req.clone({ headers: headers });
         }
         return next.handle(changedReq);
     }