ngx-sp-auth 3.1.0 → 3.2.1

package/fesm2022/ngx-sp-auth.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { importProvidersFrom, NgModule, Injectable, Inject, Component, EventEmitter, Output, Input, TemplateRef, ContentChild, ViewChild } from '@angular/core';
+import { importProvidersFrom, NgModule, InjectionToken, Inject, Injectable, Component, EventEmitter, Output, Input, TemplateRef, ContentChild, ViewChild } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HTTP_INTERCEPTORS, HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import * as i1$2 from '@azure/msal-angular';
@@ -118,95 +118,120 @@ var InfraIn2FaTypeId;
     InfraIn2FaTypeId[InfraIn2FaTypeId["Microsoft"] = 3] = "Microsoft";
 })(InfraIn2FaTypeId || (InfraIn2FaTypeId = {}));
 
+// Token para o LibCustomEnvironmentService
+const LIB_CUSTOM_ENVIRONMENT_SERVICE = new InjectionToken('LibCustomEnvironmentService');
+// Token para o LibCustomStorageService
+const LIB_CUSTOM_STORAGE_SERVICE = new InjectionToken('LibCustomStorageService');
+// Token para o LibCustomLoginService
+const LIB_CUSTOM_LOGIN_SERVICE = new InjectionToken('LibCustomLoginService');
+// Token para o LibCustomMenuService
+const LIB_CUSTOM_MENU_SERVICE = new InjectionToken('LibCustomMenuService');
+// Token para o LibMenuConfigService
+const LIB_MENU_CONFIG = new InjectionToken('LibMenuConfigService');
+
 class LibCustomStorageService {
-    constructor() { }
-    // #region Métodos recebidos do projeto
-    storedStorageConstructor() { }
-    ;
-    storedStorageSaveLocalInstance() { }
-    ;
-    storedStorageLogout() { }
-    storedStorageInitializeAutoStorage() { }
-    ;
-    // #endregion Métodos recebidos do projeto
+    constructor(_customStorageService) {
+        this._customStorageService = _customStorageService;
+    }
     // #region Métodos Customizadas para o Componente auth-storage.service.ts
     // Método executado no auth-storage.service.ts - método: constructor ()
     // Utilizado para inicializações diversas
     storageConstructor() {
-        this.storedStorageConstructor();
+        this._customStorageService.storageConstructor();
     }
     // Método executado no auth-storage.service.ts - método: saveLocalInstance ()
     // Utilizado para salvar informações no localStorage
     storageSaveLocalInstance() {
-        this.storedStorageSaveLocalInstance();
+        this._customStorageService.storageSaveLocalInstance();
     }
     // Método executado no auth-storage.service.ts - método: logout ()
     // Utilizado para inicializar informações no localStorage na logout da aplicação
     storageLogout() {
-        this.storedStorageLogout();
+        this._customStorageService.storageLogout();
     }
     // Método executado no auth-storage.service.ts - método: reCheckLogin ()
     // Utilizado para inicializações diversas quando o Login exeutado via Pré Portal
     storageInitializeAutoStorage() {
-        this.storedStorageInitializeAutoStorage();
-    }
-    // #endregion Métodos Customizadas para o Componente auth-storage.service.ts
-    // #region Métodos Publicos
-    InitializeCustomStorage(customStorageService) {
-        //passando implementação dos métodos do projeto para a lib
-        this.storedStorageConstructor = customStorageService.storageConstructor;
-        this.storedStorageInitializeAutoStorage = customStorageService.storageInitializeAutoStorage;
-        this.storedStorageLogout = customStorageService.storageLogout;
-        this.storedStorageSaveLocalInstance = customStorageService.storageSaveLocalInstance;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+        this._customStorageService.storageInitializeAutoStorage();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomStorageService, deps: [{ token: LIB_CUSTOM_STORAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomStorageService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomStorageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIB_CUSTOM_STORAGE_SERVICE]
+                }] }] });
 
 /**Service responsável por pegar as opções do menu do projeto em que está sendo utilizada*/
-class EnvironmentService {
-    constructor() {
-        this.production = false;
-        this.hostName = "";
-        this.product = "";
-        this.Sp2LocalhostInfra2AuthWS = "";
-        this.Sp2LocalhostInfra2LoginWS = "";
-        this.Sp2Localhost = "";
-        this.SpInfra2AuthWS = "";
-        this.SpInfra2LoginWS = "";
-        this.SpInfra2ErpWS = "";
-    }
-    ConfigurarEnvironments(properties) {
-        //passando propriedades do produto para a lib
-        this.production = properties.production;
-        this.hostName = properties.hostName;
-        this.product = properties.product;
-        this.Sp2LocalhostInfra2AuthWS = properties.Sp2LocalhostInfra2AuthWS;
-        this.Sp2LocalhostInfra2LoginWS = properties.Sp2LocalhostInfra2LoginWS;
-        this.Sp2Localhost = properties.Sp2LocalhostWS;
-        this.SpInfra2AuthWS = properties.SpInfra2AuthWS;
-        this.SpInfra2LoginWS = properties.SpInfra2LoginWS;
-        this.SpInfra2ErpWS = properties.SpInfra2ErpWS;
-        this.needsAuthAplic = properties.needsAuthAplic;
-        this.needsAuthInfra = properties.needsAuthInfra;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EnvironmentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EnvironmentService, providedIn: 'root' }); }
+class LibCustomEnvironmentService {
+    constructor(_customEnvironmentService) {
+        this._customEnvironmentService = _customEnvironmentService;
+    }
+    // URLs que necessitam de autenticação da infra.
+    get needsAuthInfra() {
+        return this._customEnvironmentService.needsAuthInfra;
+    }
+    ;
+    // URLs que necessitam de autenticação do usuário para funcionar.
+    get needsAuthAplic() {
+        return this._customEnvironmentService.needsAuthAplic;
+    }
+    ;
+    get production() {
+        return this._customEnvironmentService.production;
+    }
+    ;
+    get hostName() {
+        return this._customEnvironmentService.hostName;
+    }
+    ;
+    get product() {
+        return this._customEnvironmentService.product;
+    }
+    ;
+    get Sp2LocalhostInfra2AuthWS() {
+        return this._customEnvironmentService.Sp2LocalhostInfra2AuthWS;
+    }
+    ;
+    get Sp2LocalhostInfra2LoginWS() {
+        return this._customEnvironmentService.Sp2LocalhostInfra2LoginWS;
+    }
+    ;
+    get Sp2LocalhostWS() {
+        return this._customEnvironmentService.Sp2LocalhostWS;
+    }
+    ;
+    get SpInfra2AuthWS() {
+        return this._customEnvironmentService.SpInfra2AuthWS;
+    }
+    ;
+    get SpInfra2LoginWS() {
+        return this._customEnvironmentService.SpInfra2LoginWS;
+    }
+    ;
+    get SpInfra2ErpWS() {
+        return this._customEnvironmentService.SpInfra2ErpWS;
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomEnvironmentService, deps: [{ token: LIB_CUSTOM_ENVIRONMENT_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomEnvironmentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EnvironmentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomEnvironmentService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIB_CUSTOM_ENVIRONMENT_SERVICE]
+                }] }] });
 
 class AuthStorageService {
-    constructor(_httpBackend, _customStorageService, _environmentService) {
+    constructor(_httpBackend, _customStorageService, _customEnvironmentService) {
         this._httpBackend = _httpBackend;
         this._customStorageService = _customStorageService;
-        this._environmentService = _environmentService;
+        this._customEnvironmentService = _customEnvironmentService;
         this._BASE_URL = ''; // SpInfra2WS
         this.__local_key = 'user_auth_v6';
         // indica se objeto já está marcado para salvar os dados no local storage.
@@ -254,8 +279,8 @@ class AuthStorageService {
         // azureClientId
         this.__azureClientId = "";
         this._httpClient = new HttpClient(_httpBackend);
-        this._BASE_URL = `${_environmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2WS
-        this._BASE_URL = !_environmentService.production ? this._BASE_URL : `${_environmentService.SpInfra2LoginWS}/LoginSisproERP`;
+        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);
@@ -623,26 +648,45 @@ class AuthStorageService {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthStorageService, deps: [{ token: i1.HttpBackend }, { token: LibCustomStorageService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthStorageService, deps: [{ token: i1.HttpBackend }, { token: LibCustomStorageService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthStorageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpBackend }, { type: LibCustomStorageService }, { type: EnvironmentService }] });
+        }], ctorParameters: () => [{ type: i1.HttpBackend }, { type: LibCustomStorageService }, { type: LibCustomEnvironmentService }] });
 
 class LibCustomLoginService {
-    constructor() {
-        // #region Propriedade Customizadas para o Componente login.component.ts
-        this.loginTitle = "";
-        this.loginSubtitle = "";
-        this.loginBackground = "";
-        this.loginLogotipo = "";
-        this.loginAltLogotipo = "";
-        this.loginPageTitle = "";
-        this.loginDesenvDomain = "";
-        this.loginDesenvUser = "";
-        this.loginDesenvPassword = "";
+    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
@@ -651,14 +695,14 @@ class LibCustomLoginService {
      * Utilizado para inicializações diversas
      */
     authLogin() {
-        this.storedAuthLogin();
+        this._customLoginService.authLogin();
     }
     /**
      * Método executado no auth.service.ts - método: logout ()
      * Utilizado para inicializações diversas
      */
     authLogout() {
-        this.storedAuthLogout();
+        this._customLoginService.authLogout();
     }
     /**
      * Método executado no auth.service.ts - método: login ()
@@ -667,41 +711,26 @@ class LibCustomLoginService {
      * @param router Objeto de Router que será utilizado
      */
     authNavigateToPage(router) {
-        this.storedAuthNavigateToPage(router);
-    }
-    // #endregion Métodos recebidos do projeto
-    // #region Métodos Publicos
-    ConfigurarCustomLogin(customLoginService) {
-        //passando propriedades do projeto para a lib
-        this.loginTitle = customLoginService.loginTitle;
-        this.loginSubtitle = customLoginService.loginSubtitle;
-        this.loginBackground = customLoginService.loginBackground;
-        this.loginLogotipo = customLoginService.loginLogotipo;
-        this.loginAltLogotipo = customLoginService.loginAltLogotipo;
-        this.loginPageTitle = customLoginService.loginPageTitle;
-        this.loginDesenvDomain = customLoginService.loginDesenvDomain;
-        this.loginDesenvUser = customLoginService.loginDesenvUser;
-        this.loginDesenvPassword = customLoginService.loginDesenvPassword;
-        //passando implementação dos métodos do projeto para a lib
-        this.storedAuthLogin = customLoginService.authLogin;
-        this.storedAuthLogout = customLoginService.authLogout;
-        this.storedAuthNavigateToPage = customLoginService.authNavigateToPage;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+        this._customLoginService.authNavigateToPage(router);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", 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.14", ngImport: i0, type: LibCustomLoginService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomLoginService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIB_CUSTOM_LOGIN_SERVICE]
+                }] }] });
 
 class ProjectUtilservice {
-    constructor(router, authStorageService, checkUrlAndMethodService, messageService, _environmentService) {
+    constructor(router, authStorageService, checkUrlAndMethodService, messageService, _customEnvironmentService) {
         this.router = router;
         this.authStorageService = authStorageService;
         this.checkUrlAndMethodService = checkUrlAndMethodService;
         this.messageService = messageService;
-        this._environmentService = _environmentService;
+        this._customEnvironmentService = _customEnvironmentService;
     }
     // Exibe a mensagem de erro de uma requisição http
     showHttpError(error) {
@@ -713,7 +742,7 @@ class ProjectUtilservice {
             // Erro ocorreu no lado do servidor
             let isUnauthorizedAccess = error.status === 401;
             if (isUnauthorizedAccess) {
-                let isFromAplic = this.checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._environmentService.needsAuthAplic);
+                let isFromAplic = this.checkUrlAndMethodService.needsAuthRequest(error.url, "*", this._customEnvironmentService.needsAuthAplic);
                 if (isFromAplic) {
                     // Remove a autenticação do usuário.
                     this.authStorageService.isLoggedInSub.next(false);
@@ -738,9 +767,9 @@ class ProjectUtilservice {
     }
     // Obtém o hostName
     getHostName() {
-        return this._environmentService.hostName;
+        return this._customEnvironmentService.hostName;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProjectUtilservice, deps: [{ token: i1$1.Router }, { token: AuthStorageService }, { token: i3.CheckUrlAndMethodService }, { token: i3.MessageService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProjectUtilservice, 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.14", ngImport: i0, type: ProjectUtilservice, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProjectUtilservice, decorators: [{
@@ -748,19 +777,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthStorageService }, { type: i3.CheckUrlAndMethodService }, { type: i3.MessageService }, { type: EnvironmentService }] });
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthStorageService }, { type: i3.CheckUrlAndMethodService }, { type: i3.MessageService }, { type: LibCustomEnvironmentService }] });
 
 class AuthService {
     // #endregion PRIVATE
     // #endregion ==========> PROPERTIES <==========
-    constructor(_httpClient, _router, _authStorageService, _ipServiceService, _customLoginService, _projectUtilservice, _environmentService) {
+    constructor(_httpClient, _router, _authStorageService, _ipServiceService, _customLoginService, _projectUtilservice, _customEnvironmentService) {
         this._httpClient = _httpClient;
         this._router = _router;
         this._authStorageService = _authStorageService;
         this._ipServiceService = _ipServiceService;
         this._customLoginService = _customLoginService;
         this._projectUtilservice = _projectUtilservice;
-        this._environmentService = _environmentService;
+        this._customEnvironmentService = _customEnvironmentService;
         // #region ==========> PROPERTIES <==========
         // #region PRIVATE
         this._pendingWarning = null;
@@ -772,12 +801,12 @@ class AuthService {
         this.city = "undefined";
         this.state = "undefined";
         this.country = "undefined";
-        this._BASE_URL = `${this._environmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2WS
-        this._AUTH_BASE_URL = `${this._environmentService.SpInfra2AuthWS}/Auth`; // SpInfra2AuthWS
-        this._BASE_OS_URL = `${this._environmentService.SpInfra2LoginWS}/LoginIntegradoOS`; // SpInfra2LoginWS
-        this._BASE_URL = !this._environmentService.production ? this._BASE_URL : `${this._environmentService.SpInfra2LoginWS}/LoginSisproERP`;
-        this._AUTH_BASE_URL = !this._environmentService.production ? this._AUTH_BASE_URL : `${this._environmentService.SpInfra2AuthWS}/Auth`;
-        this._BASE_OS_URL = !this._environmentService.production ? this._BASE_OS_URL : `${this._environmentService.SpInfra2LoginWS}/LoginIntegradoOS`;
+        this._BASE_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LoginSisproERP`; // SpInfra2WS
+        this._AUTH_BASE_URL = `${this._customEnvironmentService.SpInfra2AuthWS}/Auth`; // SpInfra2AuthWS
+        this._BASE_OS_URL = `${this._customEnvironmentService.SpInfra2LoginWS}/LoginIntegradoOS`; // SpInfra2LoginWS
+        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.getParms();
     }
     // #region ==========> SERVICE METHODS <==========
@@ -1209,19 +1238,19 @@ class AuthService {
         this._pendingWarning = null;
         return message;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthService, deps: [{ token: i1.HttpClient }, { token: i1$1.Router }, { token: AuthStorageService }, { token: i3.IpServiceService }, { token: LibCustomLoginService }, { token: ProjectUtilservice }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthService, deps: [{ token: i1.HttpClient }, { token: i1$1.Router }, { token: AuthStorageService }, { token: i3.IpServiceService }, { token: LibCustomLoginService }, { token: ProjectUtilservice }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Router }, { type: AuthStorageService }, { type: i3.IpServiceService }, { type: LibCustomLoginService }, { type: ProjectUtilservice }, { type: EnvironmentService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Router }, { type: AuthStorageService }, { type: i3.IpServiceService }, { type: LibCustomLoginService }, { type: ProjectUtilservice }, { type: LibCustomEnvironmentService }] });
 
 class MenuServicesService {
-    constructor(_authStorageService, _httpClient, _environmentService) {
+    constructor(_authStorageService, _httpClient, _customEnvironmentService) {
         this._authStorageService = _authStorageService;
         this._httpClient = _httpClient;
-        this._environmentService = _environmentService;
+        this._customEnvironmentService = _customEnvironmentService;
         this._BASE_URL = ""; // SpInfra2AplicWS
         this._HTTP_HEADERS = new HttpHeaders().set('Content-Type', 'application/json');
         // #endregion Menu Dinâmico
@@ -1231,8 +1260,8 @@ class MenuServicesService {
         // #region NewImg Event
         // Implementação de lógica vista no link: https://hasangalakdinu.medium.com/how-to-call-a-function-in-another-component-angular-using-rxjs-3f2e85920705
         this._subject = new Subject();
-        this._BASE_URL = `${this._environmentService.SpInfra2ErpWS}`; // SpInfra2ErpWS
-        this._BASE_URL = !this._environmentService.production ? this._BASE_URL : `${this._environmentService.SpInfra2ErpWS}`;
+        this._BASE_URL = `${this._customEnvironmentService.SpInfra2ErpWS}`; // SpInfra2ErpWS
+        this._BASE_URL = !this._customEnvironmentService.production ? this._BASE_URL : `${this._customEnvironmentService.SpInfra2ErpWS}`;
     }
     // #region ==========> SERVICES <==========
     // #region PREPARATION
@@ -1377,6 +1406,19 @@ class MenuServicesService {
             }
         }));
     }
+    /** Método executado para pegar o HostName de direcionamento para OS
+  */
+    GetHostServerOutSystems() {
+        const headers = new HttpHeaders().set("Content-Type", "application/json");
+        const url = `${this._BASE_URL}/Menu/GetHostServerOutSystems`;
+        return this._httpClient
+            .get(url, { headers: headers })
+            .pipe(take(1), tap((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
     getMenuFooterImg() {
         const cachedFooterImg = JSON.parse(localStorage.getItem('menuFooterImg'));
         if (cachedFooterImg) {
@@ -1397,7 +1439,7 @@ class MenuServicesService {
     getNewUserImageEvent() {
         return this._subject.asObservable();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuServicesService, deps: [{ token: AuthStorageService }, { token: i1.HttpClient }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuServicesService, deps: [{ token: AuthStorageService }, { token: i1.HttpClient }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuServicesService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuServicesService, decorators: [{
@@ -1405,11 +1447,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: AuthStorageService }, { type: i1.HttpClient }, { type: EnvironmentService }] });
+        }], ctorParameters: () => [{ type: AuthStorageService }, { type: i1.HttpClient }, { type: LibCustomEnvironmentService }] });
 
 /**Service responsável por pegar as opções do menu do projeto em que está sendo utilizada*/
 class LibMenuConfigService {
-    constructor() {
+    constructor(_menuConfig) {
+        this._menuConfig = _menuConfig;
         this.menu = [];
         this.menuDropdown = [];
     }
@@ -1419,62 +1462,68 @@ class LibMenuConfigService {
     * @returns As opções do menu inicializadas.
     */
     initializeMenu(currentRoute, customList) {
-        this.menu = this.storedInitializeMenu(currentRoute, customList);
+        this.menu = this._menuConfig.initializeMenu(currentRoute, customList);
         return this.menu;
     }
     setMenuType(isStaticMenu) {
-        this.storedSetMenuType(isStaticMenu);
+        this._menuConfig.setMenuType(isStaticMenu);
     }
     updateRouteSelection(currentRoute, currentList) {
-        return this.updateRouteSelection(currentRoute, currentList);
+        return this._menuConfig.updateRouteSelection(currentRoute, currentList);
     }
     /** Inicializa as opções do menu dropdown com base em uma lista personalizada (opcional).
        * @param primaryDropdownList Uma lista personalizada de opções do dropdown (opcional).
        * @returns As opções do dropdown inicializadas.
     */
     initializeMenuDropdown(primaryDropdownList) {
-        this.menuDropdown = this.storedInitializeMenuDropdown(primaryDropdownList);
+        this.menuDropdown = this._menuConfig.initializeMenuDropdown(primaryDropdownList);
         return this.menuDropdown;
     }
-    ConfigurarMenuConfig(menuConfig) {
-        //passando implementação dos métodos do projeto para a lib
-        this.storedInitializeMenu = menuConfig.initializeMenu;
-        this.storedInitializeMenuDropdown = menuConfig.initializeMenuDropdown;
-        this.storedSetMenuType = menuConfig.setMenuType;
-        this.updateRouteSelection = menuConfig.updateRouteSelection;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibMenuConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibMenuConfigService, deps: [{ token: LIB_MENU_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibMenuConfigService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibMenuConfigService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIB_MENU_CONFIG]
+                }] }] });
 
 class LibCustomMenuService {
+    // #region Propriedade Customizadas do Menu
+    get menuDynamic() {
+        return this._customMenuService.menuDynamic;
+    }
+    get menuDynamicCustom() {
+        return this._customMenuService.menuDynamicCustom;
+    }
+    get moduleName() {
+        return this._customMenuService.moduleName;
+    }
+    get moduleImg() {
+        return this._customMenuService.moduleImg;
+    }
+    get moduleSvg() {
+        return this._customMenuService.moduleSvg;
+    }
+    get themeColor() {
+        return this._customMenuService.themeColor;
+    }
     /** Obtém as opções do menu. */
     get menuItems() {
-        return this._menuItems;
+        return this._customMenuService.menuItems;
     }
     set menuItems(value) {
-        this._menuItems = value;
+        this._customMenuService.menuItems = value;
     }
     setEmpresa(value) { this.empresaId.next(value); }
     // ! Definição do BehaviorSubject: responsável principal da emissão do evento
     // #endregion Propriedade do Menu
-    constructor(_menuConfig, _authStorageService) {
+    constructor(_customMenuService, _menuConfig, _authStorageService) {
+        this._customMenuService = _customMenuService;
         this._menuConfig = _menuConfig;
         this._authStorageService = _authStorageService;
-        // #region Propriedade Customizadas do Menu
-        this.menuDynamic = false;
-        this.menuDynamicCustom = false;
-        this.moduleName = "";
-        this.moduleImg = "";
-        this.moduleSvg = "";
-        this.themeColor = "";
-        // #endregion Propriedade Customizadas do Menu
-        // #region Propriedade do Menu
-        this._menuItems = [];
         // ! Definição do BehaviorSubject: responsável principal da emissão do evento
         this.empresaId = new BehaviorSubject({ estabelecimentoID: "", empresaID: "" });
         this.applyEmpresa$ = this.empresaId.asObservable();
@@ -1485,22 +1534,22 @@ class LibCustomMenuService {
     // Método executado no menu-lateral.component.ts - método: onInit ()
     // Utilizado para obter o Módulo para montagem do Menu Dinâmico Lateral
     menuDynamicGetModuloId() {
-        return this.storeMenuDynamicGetModuloId();
+        return this._customMenuService.menuDynamicGetModuloId();
     }
     // Método executado no menu-lateral.component.ts - método: onInit ()
     // Utilizado para inicializações diversas
     menuDynamicOnInit() {
-        this.storedMenuDynamicOnInit();
+        this._customMenuService.menuDynamicOnInit();
     }
     // Método executado no menu-lateral.component.ts - método: onInit ()
     // Utilizado para inicializações diversas
     menuStaticOnInit() {
-        this.storedMenuStaticOnInit();
+        this._customMenuService.menuStaticOnInit();
     }
     // Método executado no menu-lateral.component.ts - método: openExpansibleMenu()
     // Utilizado para inicializações ao Expandir a opção de Menu
     menuopenExpansibleMenu(ref) {
-        this.storedMenuopenExpansibleMenu(ref);
+        this._customMenuService.menuopenExpansibleMenu(ref);
     }
     /** Método que deve ser chamado na seleção de um novo estabelecimento, ele atualizará os valores do nosso BehaviorSubject para que possamos utilizá-lo em outras partes do sistema. */
     emitEstabelecimentoEvent() {
@@ -1509,29 +1558,16 @@ class LibCustomMenuService {
             empresaID: this._authStorageService.infraEmpresaId
         });
     }
-    // #endregion Métodos recebidos do projeto
-    // #region Métodos Publicos
-    ConfigurarCustomMenuService(RealcustomMenuService) {
-        //passando propriedades do projeto para a lib
-        this.menuDynamic = RealcustomMenuService.menuDynamic;
-        this.menuDynamicCustom = RealcustomMenuService.menuDynamicCustom;
-        this.moduleName = RealcustomMenuService.moduleName;
-        this.moduleImg = RealcustomMenuService.moduleImg;
-        this.moduleSvg = RealcustomMenuService.moduleSvg;
-        this.themeColor = RealcustomMenuService.themeColor;
-        //passando implementação dos métodos do projeto para a lib
-        this.storeMenuDynamicGetModuloId = RealcustomMenuService.menuDynamicGetModuloId;
-        this.storedMenuStaticOnInit = RealcustomMenuService.menuStaticOnInit;
-        this.storedMenuopenExpansibleMenu = RealcustomMenuService.menuopenExpansibleMenu;
-        this.storedMenuDynamicOnInit = RealcustomMenuService.menuDynamicOnInit;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomMenuService, deps: [{ token: LibMenuConfigService }, { token: AuthStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomMenuService, deps: [{ token: LIB_CUSTOM_MENU_SERVICE }, { token: LibMenuConfigService }, { token: AuthStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomMenuService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LibCustomMenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: LibMenuConfigService }, { type: AuthStorageService }] });
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIB_CUSTOM_MENU_SERVICE]
+                }] }, { type: LibMenuConfigService }, { type: AuthStorageService }] });
 
 var LoginProgress;
 (function (LoginProgress) {
@@ -1549,7 +1585,7 @@ var SituacaoLogin;
 ;
 // ajustes ERICK
 class LoginComponent {
-    constructor(_msalGuardConfiguration, _msalService, _customLoginService, _formBuilder, _projectUtilservice, _authService, _environmentService, _authStorageService, _title, _router, _toastrService, 
+    constructor(_msalGuardConfiguration, _msalService, _customLoginService, _formBuilder, _projectUtilservice, _authService, _customEnvironmentService, _authStorageService, _title, _router, _toastrService, 
     // Exibição de alerta para caso o payload do login OS não seja infromado corretamente
     _messageService) {
         this._msalGuardConfiguration = _msalGuardConfiguration;
@@ -1558,7 +1594,7 @@ class LoginComponent {
         this._formBuilder = _formBuilder;
         this._projectUtilservice = _projectUtilservice;
         this._authService = _authService;
-        this._environmentService = _environmentService;
+        this._customEnvironmentService = _customEnvironmentService;
         this._authStorageService = _authStorageService;
         this._title = _title;
         this._router = _router;
@@ -1648,7 +1684,7 @@ class LoginComponent {
     //  Método para configuração dos campos de edição do formulário (Login)
     createFormDomain() {
         //  Dados originais de Login (Domínio)
-        if (this._environmentService.production) {
+        if (this._customEnvironmentService.production) {
             this.formDomain = this._formBuilder.group({
                 dominio: ['', [Validators.required, Validators.maxLength(50)]],
             });
@@ -1661,7 +1697,7 @@ class LoginComponent {
     }
     createFormLogin() {
         //  Dados originais de Login (Usuário e Senha)
-        if (this._environmentService.production) {
+        if (this._customEnvironmentService.production) {
             this.formLogin = this._formBuilder.group({
                 usuario: ['', [Validators.required, Validators.maxLength(100)]],
                 senha: ['', [Validators.required, Validators.maxLength(100)]]
@@ -1703,7 +1739,7 @@ class LoginComponent {
     // #region Azure
     async configMsal() {
         const isIE = window.navigator.userAgent.indexOf("MSIE ") > -1 || window.navigator.userAgent.indexOf("Trident/") > -1;
-        const hostAuthLogin = !this._environmentService.production ? "http://localhost:4200/auth/login" : `${this._environmentService.hostName}/SisproErpCloud/${this._environmentService.product}/auth/login`;
+        const hostAuthLogin = !this._customEnvironmentService.production ? "http://localhost:4200/auth/login" : `${this._customEnvironmentService.hostName}/SisproErpCloud/${this._customEnvironmentService.product}/auth/login`;
         this._msalService.instance = new PublicClientApplication({
             auth: {
                 clientId: `${this._authStorageService.azureClientId}`,
@@ -1764,7 +1800,7 @@ class LoginComponent {
     // Obtém a Url do Config Erp
     geturlErpConfig() {
         // verificar depois 
-        return `${this._environmentService.hostName}/SisproErpCloud/ConfigErp`;
+        return `${this._customEnvironmentService.hostName}/SisproErpCloud/ConfigErp`;
     }
     /*
     * Obtém os parâmetros de método de autenticação
@@ -2022,7 +2058,7 @@ class LoginComponent {
             this._messageService.showAlertWarning(warningMessage);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LoginComponent, deps: [{ token: MSAL_GUARD_CONFIG }, { token: i1$2.MsalService }, { token: LibCustomLoginService }, { token: i3$1.FormBuilder }, { token: ProjectUtilservice }, { token: AuthService }, { token: EnvironmentService }, { token: AuthStorageService }, { token: i8.Title }, { token: i1$1.Router }, { token: i10.ToastrService }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LoginComponent, deps: [{ token: MSAL_GUARD_CONFIG }, { token: i1$2.MsalService }, { token: LibCustomLoginService }, { token: i3$1.FormBuilder }, { token: ProjectUtilservice }, { token: AuthService }, { token: LibCustomEnvironmentService }, { token: AuthStorageService }, { token: i8.Title }, { token: i1$1.Router }, { token: i10.ToastrService }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: LoginComponent, isStandalone: true, selector: "app-login", ngImport: i0, template: "<div id=\"login\" class=\"container-fluid\">\n\t<div class=\"row\">\n\t\t<!-- Conte\u00FAdo da DIV do background -->\n\t\t<div class=\"col-md-6 px-0\">\n\t\t\t<div class=\"background\" style=\"background-image: linear-gradient(to bottom, rgba(10, 44, 81, 0.9), rgba(10, 44, 81, 0.9)), url({{_customLoginService.loginBackground}})\">\n\t\t\t\t<div class=\"text-position texto-apresentacao ps-5\">\n\t\t\t\t\t<h1 class=\"title\" id=\"title\"></h1>\n\t\t\t\t\t<p class=\"subtitle\" id=\"subtitle\"></p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<!-- Conte\u00FAdo da DIV de Login -->\n\t\t<div class=\"col-md-6 px-0\">\n\n\t\t\t<div class=\"div-size\">\n\t\t\t\t<div class=\"logotipo\">\n\t\t\t\t\t<img style=\"height: 95px;\" src=\"{{ this._customLoginService.loginLogotipo }}\" alt=\"{{ this._customLoginService.loginAltLogotipo }}\" />\n\t\t\t\t</div>\n\n\t\t\t\t@if (situacaoLogin !== 2) {\n\t\t\t\t\t@if (!showParmsAuthentication2Fa) {\n\t\t\t\t\t\t@switch (loginProgress) {\n\t\t\t\t\t\t\t@case(1) {\n\t\t\t\t\t\t\t\t<form [formGroup]=\"formDomain\" class=\"form-position\">\n\t\t\t\t\t\t\t\t\t<div class=\"col mb-3\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"input-group input-group\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"input-at-sign-text\"><lib-icon iconName=\"predio\" /></span>\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" placeholder=\"Dom\u00EDnio\" formControlName=\"dominio\"\n\t\t\t\t\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formDomain.get('dominio'))\">\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<app-field-error-message [control]=\"formDomain.get('dominio')\" />\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<button [libLoading]=\"isLoadingDomain\" loadingText=\"Acessando...\" class=\"btn btn-primary\" [disabled]=\"isLoadingDomain\" (click)=\"getAuthentication()\">\n\t\t\t\t\t\t\t\t\t\tACESSAR <lib-icon iconName=\"login\" />\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t\t}\n\t\n\t\t\t\t\t\t\t@case(2) {\n\t\t\t\t\t\t\t\t<form [formGroup]=\"formLogin\" class=\"form-position\">\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"input-group input-group mb-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"input-at-sign-text\"><lib-icon iconName=\"usuario-quadro\" /></span>\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control px-3\" formControlName=\"usuario\" placeholder=\"Usu\u00E1rio\"\n\t\t\t\t\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formLogin.get('usuario'))\">\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<app-field-error-message [control]=\"formLogin.get('usuario')\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"input-group input-group mb-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"input-lock-text\"><lib-icon iconName=\"chave\" /></span>\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" class=\"form-control px-3\" formControlName=\"senha\" placeholder=\"Senha\"\n\t\t\t\t\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formLogin.get('senha'))\">\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<app-field-error-message [control]=\"formLogin.get('senha')\" />\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t\t\t\t<button (click)=\"returnDomain()\" type=\"button\" class=\"btn btn-outline-secondary w-100\">\n\t\t\t\t\t\t\t\t\t\t\t\tVoltar\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t\t\t\t<button [libLoading]=\"isLoadingLogin\" loadingText=\"Acessando...\" class=\"btn btn-primary btn-heigth-48 w-100\" [disabled]=\"isLoadingLogin\" (click)=\"logOn()\">\n\t\t\t\t\t\t\t\t\t\t\t\tACESSAR <lib-icon iconName=\"login\" />\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"mt-3 text-center\">\n\t\t\t\t\t\t\t\t\t\t<a type=\"button\" (click)=\"situacaoLogin = 2\" class=\"fw-bold text-decoration-none text-secondary\"\n\t\t\t\t\t\t\t\t\t\t\ttooltip=\"N\u00E3o se preocupe, clique aqui e informe o dom\u00EDnio e o usu\u00E1rio desejados que enviaremos um e-mail com maiores informa\u00E7\u00F5es.\">\n\t\t\t\t\t\t\t\t\t\t\tEsqueceu sua senha? </a>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t@case(3) {\n\t\t\t\t\t\t\t\t<form [formGroup]=\"formAzure\" class=\"form-position formAzure\">\n\t\t\t\t\t\t\t\t\t<div class=\"w-100 mb-3\">\n\t\t\t\t\t\t\t\t\t\t<button type=\"button\" loadingText=\"Acessando...\" class=\"btn btn-primary p-2 mb-3 w-100 d-flex align-items-center justify-content-center gap-2\" (click)=\"logOnAzure()\">\n\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" heigth=\"14\" width=\"14\" viewBox=\"0 0 23 23\"><path fill=\"transparent\" d=\"M0 0h23v23H0z\"/><path fill=\"#f35325\" d=\"M1 1h10v10H1z\"/><path fill=\"#81bc06\" d=\"M12 1h10v10H12z\"/><path fill=\"#05a6f0\" d=\"M1 12h10v10H1z\"/><path fill=\"#ffba08\" d=\"M12 12h10v10H12z\"/></svg>\n\t\t\t\t\t\t\t\t\t\t\tMicrosoft\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 text-center text-secondary\">\n\t\t\t\t\t\t\t\t\t\t\t<span id=\"ou-text\"> ou </span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"input-group input-group mb-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"input-at-sign-text\"><lib-icon iconName=\"usuario-quadro\" /></span>\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control px-3\" formControlName=\"usuario\" placeholder=\"Usu\u00E1rio\"\n\t\t\t\t\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formAzure.get('usuario'))\">\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<app-field-error-message [control]=\"formAzure.get('usuario')\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"input-group input-group mb-3\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"input-lock-text\"><lib-icon iconName=\"chave\" /></span>\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" class=\"form-control px-3\" formControlName=\"senha\" placeholder=\"Senha\"\n\t\t\t\t\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formAzure.get('senha'))\">\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<app-field-error-message [control]=\"formAzure.get('senha')\" />\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t\t\t\t<button (click)=\"returnDomain()\" type=\"button\" class=\"btn btn-outline-secondary w-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<lib-icon iconName=\"seta-esquerda\" /> VOLTAR\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t\t\t\t<button [libLoading]=\"isLoadingAzure\" loadingText=\"Acessando...\" class=\"btn btn-primary btn-heigth-48 w-100\" [disabled]=\"isLoadingAzure\" (click)=\"logOnAdmin()\">\n\t\t\t\t\t\t\t\t\t\t\t\tACESSAR <lib-icon iconName=\"login\" />\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t\t}\n\t\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@else {\n\t\t\t\t\t\t<form [formGroup]=\"formAuthentication2Fa\" class=\"form-position\">\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div class=\"input-group input-group mb-3\">\n\t\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"input-at-sign-text\"><img src=\"assets/icons/lock.svg\" alt=\"lock-icon\" /></span>\n\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" formControlName=\"code\" id=\"code\" placeholder=\"C\u00F3digo de 2 fatores\"\n\t\t\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formAuthentication2Fa.get('code'))\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<app-field-error-message [control]=\"formAuthentication2Fa.get('code')\" />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"d-flex flex-row align-items-center gap-3 mb-3\">\n\t\t\t\t\t\t\t\t<button (click)=\"voltar()\" type=\"button\" class=\"btn btn-outline-secondary col\"> <lib-icon iconName=\"seta-esquerda\" /> VOLTAR </button>\n\t\t\t\t\t\t\t\t<button [libLoading]=\"isLoadingSendAuthentication2Fa\" [disabled]=\"isLoadingSendAuthentication2Fa\" (click)=\"sendCode()\" type=\"button\" class=\"btn btn-primary col\">\n\t\t\t\t\t\t\t\t\tACESSAR <lib-icon iconName=\"login\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"d-flex flex-row align-items-center justify-content-center\">\n\t\t\t\t\t\t\t\t@if (secondsLeft === 0) {\n\t\t\t\t\t\t\t\t\t<button [libLoading]=\"isLoadingForgottenPassword\" loadingText=\"Enviando...\" [disabled]=\"isLoadingForgottenPassword\" (click)=\"getNewCode()\" type=\"button\" class=\"btn btn-outline-primary col\">\n\t\t\t\t\t\t\t\t\t\tEnviar novo c\u00F3digo <lib-icon iconName=\"aviao-papel\" />\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@else {\n\t\t\t\t\t\t\t\t\t<span class=\"fw-bold text-secondary\">{{ secondsLeft }} {{ secondsLeft == 1 ? 'segundo' : 'segundos' }} para obter novo c\u00F3digo</span>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</form>\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@else {\n\t\t\t\t\t<form [formGroup]=\"formFgtPsw\" class=\"form-position\">\n\t\t\t\t\t\t<div class=\"row mb-3\">\n\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t<div class=\"input-group input-group\">\n\t\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"input-at-sign-text\"><lib-icon iconName=\"predio\" /></span>\n\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"dominioFgtPssInput\" placeholder=\"Dom\u00EDnio\" formControlName=\"dominioFgtPsw\"\n\t\t\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formFgtPsw.get('dominioFgtPsw'))\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<app-field-error-message [control]=\"formFgtPsw.get('dominioFgtPsw')\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"row mb-3\">\n\t\t\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t<div class=\"input-group input-group\">\n\t\t\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"input-at-sign-text\"><lib-icon iconName=\"usuario-quadro\" /></span>\n\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"usuarioFgtPssInput\" placeholder=\"Usu\u00E1rio\" formControlName=\"usuarioFgtPsw\"\n\t\t\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formFgtPsw.get('usuarioFgtPsw'))\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<app-field-error-message [control]=\"formFgtPsw.get('usuarioFgtPsw')\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t\t\t@if(formFgtPsw.get('usuarioFgtPsw')?.value === 'admin' || formFgtPsw.get('usuarioFgtPsw')?.value === 'CRMadmin'){\n                            <p class=\"texto-admin\">N\u00E3o \u00E9 poss\u00EDvel alterar a senha do usu\u00E1rio 'admin'</p>\n                        }@else{\n                            <button [libLoading]=\"isLoadingForgottenPassword\" loadingText=\"Enviando...\" class=\"btn btn-primary btn-heigth-48\" [disabled]=\"isLoadingForgottenPassword\" (click)=\"sendForgottenPassword()\">\n                                Enviar e-mail <lib-icon iconName=\"aviao-papel\" />\n                            </button>\n                        }\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"mt-3 text-center\">\n\t\t\t\t\t\t\t<a type=\"button\" (click)=\"situacaoLogin = 0\" class=\"fw-bold text-decoration-none text-secondary\" tooltip=\"Retornar para o login.\"> <lib-icon iconName=\"seta-esquerda\" /> Voltar para o login </a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</form>\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t<div class=\"footer-position\">\n\t\t\t\t\t<footer>\n\t\t\t\t\t\t<div class=\"d-flex flex-row align-items-center justify-content-center gap-2\">\n\t\t\t\t\t\t\t<a href=\"https://dpo.privacytools.com.br/policy-view/JmGeNlJdw/1/poli%CC%81tica-de-privacidade/pt_BR?s=1685731510066\" target=\"_blank\" class=\"text-primary text-decoration-none fw-bold\"> POL\u00CDTICA DE PRIVACIDADE </a>\n\t\t\t\t\t\t\t<span> | </span>\n\t\t\t\t\t\t\t<a href=\"https://dpo.privacytools.com.br/policy-view/Rork35NN2/2/poli%CC%81tica-de-cookies/pt_BR?s=1685731551976\" target=\"_blank\" class=\"text-primary text-decoration-none fw-bold\"> POL\u00CDTICA DE COOKIES </a>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<p class=\"text-secondary\">\n\t\t\t\t\t\t\tDesenvolvido por <a href=\"https://www.sispro.com.br/\" target=\"_blank\" class=\"text-primary text-decoration-none fw-bold\"> SISPRO </a> \u00A9 {{ year }} Todos os direitos reservados\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t<div class=\"icons\">\n\t\t\t\t\t\t\t<a href=\"https://pt-br.facebook.com/SisproERP/\" target=\"_blank\"> <lib-icon class=\"text-primary\" iconName=\"facebook\" iconSize=\"medium-small\"/> </a>\n\t\t\t\t\t\t\t<a href=\"https://www.instagram.com/accounts/login/?next=/sispro_software/\" target=\"_blank\"> <lib-icon class=\"text-primary\" iconName=\"instagram\" iconSize=\"medium-small\"/> </a>\n\t\t\t\t\t\t\t<a href=\"https://br.linkedin.com/company/sispro\" target=\"_blank\"> <lib-icon class=\"text-primary\" iconName=\"linkedin\" iconSize=\"medium-small\"/> </a>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t<a class=\"text-primary fw-bold text-decoration-none glb-font-size-12\" [href]=\"geturlErpConfig()\"> Configurar ERP </a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</footer>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@charset \"UTF-8\";#login .background{display:grid;height:100vh;align-content:center;background-size:cover;color:#f5f5f5;align-items:center;justify-content:center}#login .div-size{display:flex;flex-direction:column;justify-content:space-around;width:100%;height:100vh;align-items:center;background-color:#f5f5f5;box-shadow:0 0 15px #333}#login .title{font-size:3.5vw;text-transform:uppercase;font-weight:700}#login .subtitle{font-size:21px}#login .logotipo{display:flex;justify-content:center;margin-top:10%}#login .form-position{display:flex;flex-direction:column;align-content:center;width:378px}#login .form-item{margin-bottom:16px}#login .footer{display:flex;justify-content:center}#login .footer-position{font-size:14px;display:flex;justify-content:center;align-items:flex-end}#login .icons{display:flex;justify-content:center;align-items:center;margin-top:16px}#login .icons a{padding:4px}#login .icon-item{margin-left:24px;color:#007bff}#login .col-md-7,#login .col-md-5{padding:0}#login .btn-acessar{height:48px;outline-style:none}#login .texto-apresentacao{align-items:start}#login .separator{margin-left:5px}#login #ou-text{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#login #ou-text:before{content:\"\";display:block;width:100%;height:1px;border-bottom:1px solid rgb(108,117,125);margin-right:12px}#login #ou-text:after{content:\"\";display:block;width:100%;height:1px;border-bottom:1px solid rgb(108,117,125);margin-left:12px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InfraModule }, { kind: "component", type: i3.FieldErrorMessageComponent, selector: "app-field-error-message, lib-error-message", inputs: ["customMessage", "control", "label"] }, { kind: "component", type: i3.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "directive", type: i3.LoadingBtnDirective, selector: "button[libLoading], a[libLoading]", inputs: ["loadingText", "loadingType", "libLoading"] }, { kind: "ngmodule", type: CommonModule }], preserveWhitespaces: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LoginComponent, decorators: [{
@@ -2036,7 +2072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MSAL_GUARD_CONFIG]
-                }] }, { type: i1$2.MsalService }, { type: LibCustomLoginService }, { type: i3$1.FormBuilder }, { type: ProjectUtilservice }, { type: AuthService }, { type: EnvironmentService }, { type: AuthStorageService }, { type: i8.Title }, { type: i1$1.Router }, { type: i10.ToastrService }, { type: i3.MessageService }] });
+                }] }, { type: i1$2.MsalService }, { type: LibCustomLoginService }, { type: i3$1.FormBuilder }, { type: ProjectUtilservice }, { type: AuthService }, { type: LibCustomEnvironmentService }, { type: AuthStorageService }, { type: i8.Title }, { type: i1$1.Router }, { type: i10.ToastrService }, { type: i3.MessageService }] });
 
 class LoginOSModel {
     // Sugestão do GPT: "Pra facilitar instanciar a partir de objetos."
@@ -2366,6 +2402,7 @@ class DynamicMenuComponent {
         this.selectTemplate = new EventEmitter;
         this.titleSubmenu = "";
         this.submenuList = [];
+        this.hostServerOutSystems = "";
         this.menuList = [];
         this.menuStatic = [];
         this.selectedMenuItem = [];
@@ -2387,20 +2424,20 @@ class DynamicMenuComponent {
         ref.classList.toggle("yellow-star");
     }
     getExternalUrl(url) {
-        return `${this._projectUtilService.getHostName()}/${url}`;
+        return `${this.hostServerOutSystems == "" ? this._projectUtilService.getHostName() : this.hostServerOutSystems}/${url}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DynamicMenuComponent, deps: [{ token: i1$1.Router }, { token: ProjectUtilservice }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DynamicMenuComponent, isStandalone: true, selector: "app-dynamic-menu", inputs: { submenuRef: "submenuRef", recebeParam: "recebeParam", titleSubmenu: "titleSubmenu", submenuList: "submenuList" }, outputs: { selectTemplate: "selectTemplate" }, queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div #submenu class=\"header-submenu\">\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\n  <div class=\"itens-list\">\n    <ul style=\"width: 100%\">\n  \n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\" \n        class=\"d-flex justify-content-between align-items-center\"\n        [class]=\"i == 0 ? 'mt-1' : ''\">\n          \n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\" \n          (click)=\"recebeParam($event, submenuRef)\">\n          <span>{{ itemList!.label }}</span>\n        </a>\n        \n        <ng-template #externalMenu>\n          <a [href]=\"getExternalUrl(itemList.route)\"\n            target=\"_blank\" \n            (click)=\"recebeParam($event, submenuRef)\">\n            <span>{{ itemList!.label }}</span>\n          </a>\n        </ng-template>\n\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\n      </li>\n\n    </ul>\n  </div>\n</div>", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;color:#fff}ul{list-style:none;padding-left:0;display:inline;white-space:nowrap}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.header-submenu{display:flex;flex-direction:column;height:100vh;overflow:overlay}.titulo{font-size:20px;font-weight:700;display:flex;justify-content:center;border-bottom:1px solid #2847a0}ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}ul li{font-size:16px;padding-bottom:18px}ul li span:hover{font-weight:700}a{text-decoration:none}.itens-list{display:flex;align-items:center;overflow:overlay;width:100%;z-index:0}.itens-list .favoritos,.itens-list span{cursor:pointer}.footer-menu{display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}.footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;white-space:nowrap}.footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0 15px 0 0}.footer-components{display:flex;justify-content:center;align-items:center}button{position:relative;border:none;background-color:transparent}.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}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.star{width:24px;height:24px;background-repeat:no-repeat}.yellow-star{width:26px;height:24px;background-repeat:no-repeat}\n"], dependencies: [{ kind: "ngmodule", type: 
-                // AuthRoutingModule, 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DynamicMenuComponent, isStandalone: true, selector: "app-dynamic-menu", inputs: { submenuRef: "submenuRef", recebeParam: "recebeParam", titleSubmenu: "titleSubmenu", submenuList: "submenuList", hostServerOutSystems: "hostServerOutSystems" }, outputs: { selectTemplate: "selectTemplate" }, queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div #submenu class=\"header-submenu\">\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\n  <div class=\"itens-list\">\n    <ul style=\"width: 100%\">\n\n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\"\n        class=\"d-flex justify-content-between align-items-center\"\n        [class]=\"i == 0 ? 'mt-1' : ''\">\n\n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\"\n          (click)=\"recebeParam($event, submenuRef)\">\n          <span>{{ itemList!.label }}</span>\n        </a>\n\n        <ng-template #externalMenu>\n          <a (click)=\"getExternalUrl(itemList.route)\"\n            target=\"_blank\"\n            (click)=\"recebeParam($event, submenuRef)\">\n            <span>{{ itemList!.label }}</span>\n          </a>\n        </ng-template>\n\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;color:#fff}ul{list-style:none;padding-left:0;display:inline;white-space:nowrap}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.header-submenu{display:flex;flex-direction:column;height:100vh;overflow:overlay}.titulo{font-size:20px;font-weight:700;display:flex;justify-content:center;border-bottom:1px solid #2847a0}ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}ul li{font-size:16px;padding-bottom:18px}ul li span:hover{font-weight:700}a{text-decoration:none}.itens-list{display:flex;align-items:center;overflow:overlay;width:100%;z-index:0}.itens-list .favoritos,.itens-list span{cursor:pointer}.footer-menu{display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}.footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;white-space:nowrap}.footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0 15px 0 0}.footer-components{display:flex;justify-content:center;align-items:center}button{position:relative;border:none;background-color:transparent}.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}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.star{width:24px;height:24px;background-repeat:no-repeat}.yellow-star{width:26px;height:24px;background-repeat:no-repeat}\n"], dependencies: [{ kind: "ngmodule", type: 
+                // AuthRoutingModule,
                 CommonModule }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DynamicMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-dynamic-menu', imports: [
-                        // AuthRoutingModule, 
+                        // AuthRoutingModule,
                         CommonModule,
                         RouterLink
-                    ], template: "<div #submenu class=\"header-submenu\">\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\n  <div class=\"itens-list\">\n    <ul style=\"width: 100%\">\n  \n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\" \n        class=\"d-flex justify-content-between align-items-center\"\n        [class]=\"i == 0 ? 'mt-1' : ''\">\n          \n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\" \n          (click)=\"recebeParam($event, submenuRef)\">\n          <span>{{ itemList!.label }}</span>\n        </a>\n        \n        <ng-template #externalMenu>\n          <a [href]=\"getExternalUrl(itemList.route)\"\n            target=\"_blank\" \n            (click)=\"recebeParam($event, submenuRef)\">\n            <span>{{ itemList!.label }}</span>\n          </a>\n        </ng-template>\n\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\n      </li>\n\n    </ul>\n  </div>\n</div>", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;color:#fff}ul{list-style:none;padding-left:0;display:inline;white-space:nowrap}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.header-submenu{display:flex;flex-direction:column;height:100vh;overflow:overlay}.titulo{font-size:20px;font-weight:700;display:flex;justify-content:center;border-bottom:1px solid #2847a0}ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}ul li{font-size:16px;padding-bottom:18px}ul li span:hover{font-weight:700}a{text-decoration:none}.itens-list{display:flex;align-items:center;overflow:overlay;width:100%;z-index:0}.itens-list .favoritos,.itens-list span{cursor:pointer}.footer-menu{display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}.footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;white-space:nowrap}.footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0 15px 0 0}.footer-components{display:flex;justify-content:center;align-items:center}button{position:relative;border:none;background-color:transparent}.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}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.star{width:24px;height:24px;background-repeat:no-repeat}.yellow-star{width:26px;height:24px;background-repeat:no-repeat}\n"] }]
+                    ], template: "<div #submenu class=\"header-submenu\">\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\n  <div class=\"itens-list\">\n    <ul style=\"width: 100%\">\n\n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\"\n        class=\"d-flex justify-content-between align-items-center\"\n        [class]=\"i == 0 ? 'mt-1' : ''\">\n\n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\"\n          (click)=\"recebeParam($event, submenuRef)\">\n          <span>{{ itemList!.label }}</span>\n        </a>\n\n        <ng-template #externalMenu>\n          <a (click)=\"getExternalUrl(itemList.route)\"\n            target=\"_blank\"\n            (click)=\"recebeParam($event, submenuRef)\">\n            <span>{{ itemList!.label }}</span>\n          </a>\n        </ng-template>\n\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;color:#fff}ul{list-style:none;padding-left:0;display:inline;white-space:nowrap}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.header-submenu{display:flex;flex-direction:column;height:100vh;overflow:overlay}.titulo{font-size:20px;font-weight:700;display:flex;justify-content:center;border-bottom:1px solid #2847a0}ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}ul li{font-size:16px;padding-bottom:18px}ul li span:hover{font-weight:700}a{text-decoration:none}.itens-list{display:flex;align-items:center;overflow:overlay;width:100%;z-index:0}.itens-list .favoritos,.itens-list span{cursor:pointer}.footer-menu{display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}.footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;white-space:nowrap}.footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0 15px 0 0}.footer-components{display:flex;justify-content:center;align-items:center}button{position:relative;border:none;background-color:transparent}.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}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.star{width:24px;height:24px;background-repeat:no-repeat}.yellow-star{width:26px;height:24px;background-repeat:no-repeat}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.Router }, { type: ProjectUtilservice }], propDecorators: { selectTemplate: [{
                 type: Output
             }], submenuRef: [{
@@ -2411,6 +2448,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], submenuList: [{
                 type: Input
+            }], hostServerOutSystems: [{
+                type: Input
             }], desiredContent: [{
                 type: ContentChild,
                 args: [TemplateRef]
@@ -2618,11 +2657,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             }] } });
 
 class MenuLateralComponent {
-    constructor(_msalGuardConfiguration, _msalService, _toastrService, _customMenuService, _authStorageService, _bsModalService, _menuServices, _messageService, _projectUtilService, _router, _authService, _environmentService) {
+    constructor(_msalGuardConfiguration, _msalService, _toastrService, _customMenuService, _customEnvironmentService, _authStorageService, _bsModalService, _menuServices, _messageService, _projectUtilService, _router, _authService) {
         this._msalGuardConfiguration = _msalGuardConfiguration;
         this._msalService = _msalService;
         this._toastrService = _toastrService;
         this._customMenuService = _customMenuService;
+        this._customEnvironmentService = _customEnvironmentService;
         this._authStorageService = _authStorageService;
         this._bsModalService = _bsModalService;
         this._menuServices = _menuServices;
@@ -2630,13 +2670,15 @@ class MenuLateralComponent {
         this._projectUtilService = _projectUtilService;
         this._router = _router;
         this._authService = _authService;
-        this._environmentService = _environmentService;
         this.handleKeyboardShortcut = (event) => {
             if (event.ctrlKey && event.key.toLowerCase() === 'b') {
                 event.preventDefault(); // Prevents any default behavior (like bold in text editors)
                 this.openExpansibleMenu(this.sidebar.nativeElement);
             }
         };
+        // #region ==========> PROPERTIES <==========
+        // #region PRIVATE
+        this._hostServeUrlOutSystems = "";
         this.MODAL_ESTABELECIMENTO = 1;
         this.nomeEstabelecimento = 'Estabelecimento padrão';
         this.titleSubmenu = "";
@@ -2685,6 +2727,11 @@ class MenuLateralComponent {
                         this._customMenuService.menuItems = this._customMenuService.menuConfig.initializeMenu(this._router.url);
                     }
                 });
+                //Atualmente o erro é tratado no back para retornar vazio, feito assim para garantir que não quebre em clientes que ainda não tem essa tabela
+                //Feito para implementação do APP9
+                this._menuServices.GetHostServerOutSystems().subscribe({
+                    next: response => this._hostServeUrlOutSystems = response.String
+                });
             }
             this._customMenuService.menuDynamicOnInit();
         }
@@ -2700,6 +2747,7 @@ class MenuLateralComponent {
     ngOnDestroy() {
         document.removeEventListener('keydown', this.handleKeyboardShortcut);
     }
+    get HostServerOutSystems() { return this._hostServeUrlOutSystems; }
     // #endregion PUBLIC
     // #endregion ==========> PROPERTIES <==========
     // #region ==========> SERVICES <==========
@@ -2797,7 +2845,7 @@ class MenuLateralComponent {
     logout() {
         // Verifica se é Login Azure
         if (this._authStorageService.infraInAuthTypeId == InfraInAuthTypeId.Azure && this._authStorageService.user.toLowerCase() != "admin") {
-            const hostAuthLogin = !this._environmentService.production ? "http://localhost:4200/auth/login" : `${this._environmentService.hostName}/SisproErpCloud/${this._environmentService.product}/auth/login`;
+            const hostAuthLogin = !this._customEnvironmentService.production ? "http://localhost:4200/auth/login" : `${this._customEnvironmentService.hostName}/SisproErpCloud/${this._customEnvironmentService.product}/auth/login`;
             this._msalService.logoutRedirect({
                 postLogoutRedirectUri: hostAuthLogin
             });
@@ -2805,7 +2853,7 @@ class MenuLateralComponent {
         this._authService.logout();
     }
     getExternalUrl(url) {
-        return `${this._projectUtilService.getHostName()}/${url}`;
+        return `${this.HostServerOutSystems == "" ? this._projectUtilService.getHostName() : this.HostServerOutSystems}/${url}`;
     }
     constroiRegrasDynamicMenu(menus) {
         const home = { id: 1, label: "Início", descricao: "Tela inicial", icon: "casa", route: "home", isExternal: false, isSelected: this._router.url.includes("home"), };
@@ -2816,7 +2864,7 @@ class MenuLateralComponent {
     // #region Azure
     async configMsal() {
         const isIE = window.navigator.userAgent.indexOf("MSIE ") > -1 || window.navigator.userAgent.indexOf("Trident/") > -1;
-        const hostAuthLogin = !this._environmentService.production ? "http://localhost:4200/auth/login" : `${this._environmentService.hostName}/SisproErpCloud/${this._environmentService.product}/auth/login`;
+        const hostAuthLogin = !this._customEnvironmentService.production ? "http://localhost:4200/auth/login" : `${this._customEnvironmentService.hostName}/SisproErpCloud/${this._customEnvironmentService.product}/auth/login`;
         this._msalService.instance = new PublicClientApplication({
             auth: {
                 clientId: `${this._authStorageService.azureClientId}`,
@@ -2873,8 +2921,8 @@ class MenuLateralComponent {
     closeModal(modalID) {
         this._bsModalService.hide(modalID);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuLateralComponent, deps: [{ token: MSAL_GUARD_CONFIG }, { token: i1$2.MsalService }, { token: i10.ToastrService }, { token: LibCustomMenuService }, { token: AuthStorageService }, { token: i2.BsModalService }, { token: MenuServicesService }, { token: i3.MessageService }, { token: ProjectUtilservice }, { token: i1$1.Router }, { token: AuthService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: MenuLateralComponent, isStandalone: true, selector: "app-menu-lateral", queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true, static: true }, { propertyName: "notif_template", first: true, predicate: ["notif_menu"], descendants: true }, { propertyName: "menuLink", first: true, predicate: ["menuLink"], descendants: true }], ngImport: i0, template: "<!-- #region MAIN CONTENT -->\n<div id=\"menu\" class=\"main col-12\">\n\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\" \n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" #sidebar>\n      <div class=\"menu-header\">\n        <ul>\n          <li class=\"mb-3\">\n            <div class=\"logo-hamburguer\">\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\n              <button class=\"button-hamburguer\" (click)=\"openExpansibleMenu(sidebar)\">\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\n              </button>\n            </div>\n          </li>\n\n          <!-- #region M\u00D3DULOS -->\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\n            <div class=\"btn-group\">\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\n\n                <ng-container>\n                  <img *ngIf=\"_customMenuService.moduleImg != ''; else moduleSVG\" [src]=\"_customMenuService.moduleImg\" alt=\"\">\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\n\n                  <ng-template #moduleSVG>\n                    <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\"/>\n                  </ng-template>\n                </ng-container>\n\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)=\"openModal(modalEstabelecimento, MODAL_ESTABELECIMENTO)\"\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        </ul>\n\n      </div>\n\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\n      <div class=\"main-menu\">\n        <div class=\"scroll\">\n          <div class=\"list-menu px-2 pb-1\">\n\n            <!-- #region MENU DIN\u00C2MICO -->\n            <div class=\"dynamic-menu\">\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\n\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\" \n                  class=\"p-1 rounded\" \n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\" \n                  [class.selectedItem]=\"menuItem.isSelected\">\n\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\" \n                    [id]=\"'item' + menuItem.id\" \n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" \n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\" \n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                    <div class=\"container\">\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\n                      <ng-template #iconImg>\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                      </ng-template>\n                    </div>\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\" \n                      iconName=\"seta-direita\" iconColor=\"white\"/>\n                  </a>\n                  \n                  <ng-template #externalMenu>\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\n                      target=\"_blank\" \n                      [id]=\"'item' + menuItem.id\" \n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" \n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\" \n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                      <div class=\"container\">\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\n                        <ng-template #iconImgExternal>\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                        </ng-template>\n                      </div>\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\" \n                        iconName=\"seta-direita\" iconColor=\"white\"/>\n                    </a>\n                  </ng-template>\n                </li>\n\n              </ul>\n            </div>\n\n            <ng-template #isLoading>\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\n            </ng-template>\n            <!-- #endregion MENU DIN\u00C2MICO -->\n\n          </div>\n        </div>\n      </div>\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\n\n      <!-- #region FOOTER -->\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\n        <div class=\"footer-components d-flex flex-row align-items-center gap-2 py-2 px-1 justify-content-center gap-2\" [class.open]=\"showBalloon\">\n          @if (footerUserImgSrc) {\n            <img class=\"photo-profile\" [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n          }\n          @else {\n            <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\n          }\n\n          <span class=\"text-truncate fw-bold text-start\" style=\"max-width: 100%;\"> {{ footerUserName }} </span>\n        </div>\n      </div>\n      \n      <ng-template #popoverContent>\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\n          <div class=\"d-flex align-items-center\"> \n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\"> \n            <ng-template #noUserImg>\n              <lib-icon iconName=\"contraparte\" iconColor=\"currentColor\"/>\n            </ng-template>\n            <div class=\"d-flex flex-column ms-1\"> \n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\n            </div>\n          </div>\n        </div>\n        <hr class=\"mb-2 mt-2\">\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\n        </div>\n        <div class=\"mt-2\" (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  </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)=\"closeModal(MODAL_ESTABELECIMENTO)\"\n    (onSelected)=\"closeModal(MODAL_ESTABELECIMENTO); updateLastLogEstabelecimento($event);\"></selecao-estabelecimentos-modal>\n</ng-template>\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\n\n<!-- #endregion TEMPLATES -->\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;font-size:14px}span{color:#fff}ul{list-style:none;padding-left:0;white-space:nowrap}#menu.main{display:flex;width:100%;height:100%;background:#eee}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.main-content{width:100%;z-index:0;overflow-y:auto;overflow:overlay;height:100vh}.main-content .content{padding:0 16px 16px;background-color:#eee!important}.disable-scroll{overflow-y:hidden}.dropdown-button{padding:8px;border-radius:8px;background-color:#3265ee;border:none;font-size:14px;font-weight:700;width:100%;display:flex}.dropdown-button span{width:100%;display:flex;justify-content:space-between}.dropdown-menu{width:212px;border-radius:8px}.dropdown-menu li{margin:16px 8px}.dropdown-menu li a{font-size:14px}.dropdown-menu li a:hover{font-weight:700;background-color:transparent}.dropdown-menu .dropdown-divider{height:0}.link-portal{color:#213b70;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}.container{display:flex;width:max-content}.sidebar{display:flex;flex-direction:column;height:100%;grid-template-rows:min-content;box-sizing:border-box;transition:width .5s;background-color:#213b70;max-width:inherit}.sidebar .footer-menu{justify-content:flex-end}.menu-header{display:flex;flex-direction:column;white-space:nowrap;padding:32px 0 0;background-color:#213b70}.menu-header ul li{margin-left:16px;margin-right:16px}.menu-header ul>li:last-child{border-bottom:1px solid #3265ee;padding-bottom:15px;height:auto}.dropdown{margin:0}.btn-group{width:100%}.sidebar.closed .menu-header ul li{margin-left:0;margin-right:0}.sidebar.closed .menu-header{display:flex;flex-direction:column;align-items:center}.icon-estabelecimento button{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.icon-estabelecimento 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{margin:0}.sidebar.closed .icon-estabelecimento button{justify-content:center}.sidebar.closed .icon-estabelecimento button img{margin:0}.align-chevron{width:100%;text-align:justify;align-items:center;display:flex;justify-content:space-between}.selected-color{background-color:#3265ee}.main-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:20%}.button-icons{border:none;background-color:transparent}.footer-menu{display:flex;flex-direction:column}.footer-menu .footer-components{border-top:1px solid #3265ee}.footer-menu .footer-components .button-closed{display:none}.footer-menu button{border:none;background-color:transparent;border-radius:8px}.footer-menu .points{padding:4px 0;margin:4px 0;border-radius:8px}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.footer-menu .open-user{background-color:#3265ee}.submenu{width:341px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000004d}.submenu ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}.submenu ul li{font-size:20px;font-weight:600;line-height:22px;padding-bottom:18px}.submenu .itens-list{display:flex;justify-content:space-between;align-items:center}.submenu .itens-list .favoritos,.submenu .itens-list span{cursor:pointer}.submenu .footer-menu{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;white-space:nowrap}.submenu .footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.submenu .footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu .footer-components{display:flex;justify-content:center;align-items:center}.submenu button{position:relative;left:10%;border:none;background-color:transparent}.submenu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0;box-shadow:0 4px 8px #0000004d}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.search-bar{max-width:368px;height:38px;margin-top:24px;border:1px solid #ced4da;box-sizing:border-box;border-radius:8px}.opened-notif-sub{min-width:452px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden}.sidebar.closed{max-width:73px}.sidebar.closed span{display:none}.sidebar.closed span{white-space:nowrap;overflow:hidden}.sidebar.closed .logo-sispro{display:none}.sidebar.closed .list-menu{padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center}.sidebar.closed .list-menu span{opacity:0;pointer-events:none}.sidebar.closed .list-menu .text-closed{padding-bottom:11px;visibility:visible;display:block}.sidebar.closed .list-menu .text-opened{display:none;font-size:8px}.sidebar.closed .list-menu .chevron,.sidebar.closed .favoritos,.sidebar.closed .footer-components .button-opened{display:none}.sidebar.closed .footer-components .button-closed{display:block}.sidebar.closed .button-icons{border:none;background-color:transparent}.sidebar.closed .footer-components{display:flex;align-items:center}.sidebar.closed button{border:none;background-color:transparent;display:block}.sidebar.closed .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.sidebar-control{height:100vh;max-width:227.667px}.sidebar-control .main-content.closed{margin-left:0}.glb-text-width-120{max-width:120px}.profile-picture{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%)}.image-div{width:50px;min-width:50px;height:50px;border-radius:100%;position:relative;overflow:hidden;z-index:1}.image-div #photoUser{width:146px;height:146px;top:-1px;left:-1px;object-fit:cover;position:relative;z-index:1;border:none;border-color:transparent}.dynamic-container{display:inline-block;white-space:nowrap;overflow:hidden}.custom-popover{width:1000px}\n"], dependencies: [{ kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i12.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: i13.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: NotifSubmenuComponent, selector: "app-notif-submenu" }, { kind: "component", type: DynamicMenuComponent, selector: "app-dynamic-menu", inputs: ["submenuRef", "recebeParam", "titleSubmenu", "submenuList"], outputs: ["selectTemplate"] }, { kind: "component", type: PrimaryDropdownComponent, selector: "app-primary-dropdown", inputs: ["buttonWasClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuLateralComponent, deps: [{ token: MSAL_GUARD_CONFIG }, { token: i1$2.MsalService }, { token: i10.ToastrService }, { token: LibCustomMenuService }, { token: LibCustomEnvironmentService }, { token: AuthStorageService }, { token: i2.BsModalService }, { token: MenuServicesService }, { token: i3.MessageService }, { token: ProjectUtilservice }, { token: i1$1.Router }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: MenuLateralComponent, isStandalone: true, selector: "app-menu-lateral", queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "sidebar", first: true, predicate: ["sidebar"], descendants: true, static: true }, { propertyName: "notif_template", first: true, predicate: ["notif_menu"], descendants: true }, { propertyName: "menuLink", first: true, predicate: ["menuLink"], descendants: true }], ngImport: i0, template: "<!-- #region MAIN CONTENT -->\n<div id=\"menu\" class=\"main col-12\">\n\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\"\n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" #sidebar>\n      <div class=\"menu-header\">\n        <ul>\n          <li class=\"mb-3\">\n            <div class=\"logo-hamburguer\">\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\n              <button class=\"button-hamburguer\" (click)=\"openExpansibleMenu(sidebar)\">\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\n              </button>\n            </div>\n          </li>\n\n          <!-- #region M\u00D3DULOS -->\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\n            <div class=\"btn-group\">\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\n\n                <ng-container>\n                  <img *ngIf=\"_customMenuService.moduleImg != ''; else moduleSVG\" [src]=\"_customMenuService.moduleImg\" alt=\"\">\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\n\n                  <ng-template #moduleSVG>\n                    <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\"/>\n                  </ng-template>\n                </ng-container>\n\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)=\"openModal(modalEstabelecimento, MODAL_ESTABELECIMENTO)\"\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        </ul>\n\n      </div>\n\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\n      <div class=\"main-menu\">\n        <div class=\"scroll\">\n          <div class=\"list-menu px-2 pb-1\">\n\n            <!-- #region MENU DIN\u00C2MICO -->\n            <div class=\"dynamic-menu\">\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\n\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\"\n                  class=\"p-1 rounded\"\n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\"\n                  [class.selectedItem]=\"menuItem.isSelected\">\n\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\"\n                    [id]=\"'item' + menuItem.id\"\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                    <div class=\"container\">\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\n                      <ng-template #iconImg>\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                      </ng-template>\n                    </div>\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                      iconName=\"seta-direita\" iconColor=\"white\"/>\n                  </a>\n\n                  <ng-template #externalMenu>\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\n                      target=\"_blank\"\n                      [id]=\"'item' + menuItem.id\"\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                      <div class=\"container\">\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\n                        <ng-template #iconImgExternal>\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                        </ng-template>\n                      </div>\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                        iconName=\"seta-direita\" iconColor=\"white\"/>\n                    </a>\n                  </ng-template>\n                </li>\n\n              </ul>\n            </div>\n\n            <ng-template #isLoading>\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\n            </ng-template>\n            <!-- #endregion MENU DIN\u00C2MICO -->\n\n          </div>\n        </div>\n      </div>\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\n\n      <!-- #region FOOTER -->\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\n        <div class=\"footer-components d-flex flex-row align-items-center gap-2 py-2 px-1 justify-content-center gap-2\" [class.open]=\"showBalloon\">\n          @if (footerUserImgSrc) {\n            <img class=\"photo-profile\" [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n          }\n          @else {\n            <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\n          }\n\n          <span class=\"text-truncate fw-bold text-start\" style=\"max-width: 100%;\"> {{ footerUserName }} </span>\n        </div>\n      </div>\n\n      <ng-template #popoverContent>\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\n          <div class=\"d-flex align-items-center\">\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n            <ng-template #noUserImg>\n              <lib-icon iconName=\"contraparte\" iconColor=\"currentColor\"/>\n            </ng-template>\n            <div class=\"d-flex flex-column ms-1\">\n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\n            </div>\n          </div>\n        </div>\n        <hr class=\"mb-2 mt-2\">\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\n        </div>\n        <div class=\"mt-2\" (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)=\"closeModal(MODAL_ESTABELECIMENTO)\"\n    (onSelected)=\"closeModal(MODAL_ESTABELECIMENTO); updateLastLogEstabelecimento($event);\"></selecao-estabelecimentos-modal>\n</ng-template>\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\n\n<!-- #endregion TEMPLATES -->\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;font-size:14px}span{color:#fff}ul{list-style:none;padding-left:0;white-space:nowrap}#menu.main{display:flex;width:100%;height:100%;background:#eee}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.main-content{width:100%;z-index:0;overflow-y:auto;overflow:overlay;height:100vh}.main-content .content{padding:0 16px 16px;background-color:#eee!important}.disable-scroll{overflow-y:hidden}.dropdown-button{padding:8px;border-radius:8px;background-color:#3265ee;border:none;font-size:14px;font-weight:700;width:100%;display:flex}.dropdown-button span{width:100%;display:flex;justify-content:space-between}.dropdown-menu{width:212px;border-radius:8px}.dropdown-menu li{margin:16px 8px}.dropdown-menu li a{font-size:14px}.dropdown-menu li a:hover{font-weight:700;background-color:transparent}.dropdown-menu .dropdown-divider{height:0}.link-portal{color:#213b70;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}.container{display:flex;width:max-content}.sidebar{display:flex;flex-direction:column;height:100%;grid-template-rows:min-content;box-sizing:border-box;transition:width .5s;background-color:#213b70;max-width:inherit}.sidebar .footer-menu{justify-content:flex-end}.menu-header{display:flex;flex-direction:column;white-space:nowrap;padding:32px 0 0;background-color:#213b70}.menu-header ul li{margin-left:16px;margin-right:16px}.menu-header ul>li:last-child{border-bottom:1px solid #3265ee;padding-bottom:15px;height:auto}.dropdown{margin:0}.btn-group{width:100%}.sidebar.closed .menu-header ul li{margin-left:0;margin-right:0}.sidebar.closed .menu-header{display:flex;flex-direction:column;align-items:center}.icon-estabelecimento button{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.icon-estabelecimento 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{margin:0}.sidebar.closed .icon-estabelecimento button{justify-content:center}.sidebar.closed .icon-estabelecimento button img{margin:0}.align-chevron{width:100%;text-align:justify;align-items:center;display:flex;justify-content:space-between}.selected-color{background-color:#3265ee}.main-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:20%}.button-icons{border:none;background-color:transparent}.footer-menu{display:flex;flex-direction:column}.footer-menu .footer-components{border-top:1px solid #3265ee}.footer-menu .footer-components .button-closed{display:none}.footer-menu button{border:none;background-color:transparent;border-radius:8px}.footer-menu .points{padding:4px 0;margin:4px 0;border-radius:8px}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.footer-menu .open-user{background-color:#3265ee}.submenu{width:341px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000004d}.submenu ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}.submenu ul li{font-size:20px;font-weight:600;line-height:22px;padding-bottom:18px}.submenu .itens-list{display:flex;justify-content:space-between;align-items:center}.submenu .itens-list .favoritos,.submenu .itens-list span{cursor:pointer}.submenu .footer-menu{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;white-space:nowrap}.submenu .footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.submenu .footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu .footer-components{display:flex;justify-content:center;align-items:center}.submenu button{position:relative;left:10%;border:none;background-color:transparent}.submenu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0;box-shadow:0 4px 8px #0000004d}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.search-bar{max-width:368px;height:38px;margin-top:24px;border:1px solid #ced4da;box-sizing:border-box;border-radius:8px}.opened-notif-sub{min-width:452px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden}.sidebar.closed{max-width:73px}.sidebar.closed span{display:none}.sidebar.closed span{white-space:nowrap;overflow:hidden}.sidebar.closed .logo-sispro{display:none}.sidebar.closed .list-menu{padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center}.sidebar.closed .list-menu span{opacity:0;pointer-events:none}.sidebar.closed .list-menu .text-closed{padding-bottom:11px;visibility:visible;display:block}.sidebar.closed .list-menu .text-opened{display:none;font-size:8px}.sidebar.closed .list-menu .chevron,.sidebar.closed .favoritos,.sidebar.closed .footer-components .button-opened{display:none}.sidebar.closed .footer-components .button-closed{display:block}.sidebar.closed .button-icons{border:none;background-color:transparent}.sidebar.closed .footer-components{display:flex;align-items:center}.sidebar.closed button{border:none;background-color:transparent;display:block}.sidebar.closed .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.sidebar-control{height:100vh;max-width:227.667px}.sidebar-control .main-content.closed{margin-left:0}.glb-text-width-120{max-width:120px}.profile-picture{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%)}.image-div{width:50px;min-width:50px;height:50px;border-radius:100%;position:relative;overflow:hidden;z-index:1}.image-div #photoUser{width:146px;height:146px;top:-1px;left:-1px;object-fit:cover;position:relative;z-index:1;border:none;border-color:transparent}.dynamic-container{display:inline-block;white-space:nowrap;overflow:hidden}.custom-popover{width:1000px}\n"], dependencies: [{ kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i12.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: i13.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: NotifSubmenuComponent, selector: "app-notif-submenu" }, { kind: "component", type: DynamicMenuComponent, selector: "app-dynamic-menu", inputs: ["submenuRef", "recebeParam", "titleSubmenu", "submenuList", "hostServerOutSystems"], outputs: ["selectTemplate"] }, { kind: "component", type: PrimaryDropdownComponent, selector: "app-primary-dropdown", inputs: ["buttonWasClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MenuLateralComponent, decorators: [{
             type: Component,
@@ -2890,11 +2938,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         RouterLink,
                         RouterOutlet,
                         NgIf
-                    ], template: "<!-- #region MAIN CONTENT -->\n<div id=\"menu\" class=\"main col-12\">\n\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\" \n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" #sidebar>\n      <div class=\"menu-header\">\n        <ul>\n          <li class=\"mb-3\">\n            <div class=\"logo-hamburguer\">\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\n              <button class=\"button-hamburguer\" (click)=\"openExpansibleMenu(sidebar)\">\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\n              </button>\n            </div>\n          </li>\n\n          <!-- #region M\u00D3DULOS -->\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\n            <div class=\"btn-group\">\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\n\n                <ng-container>\n                  <img *ngIf=\"_customMenuService.moduleImg != ''; else moduleSVG\" [src]=\"_customMenuService.moduleImg\" alt=\"\">\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\n\n                  <ng-template #moduleSVG>\n                    <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\"/>\n                  </ng-template>\n                </ng-container>\n\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)=\"openModal(modalEstabelecimento, MODAL_ESTABELECIMENTO)\"\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        </ul>\n\n      </div>\n\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\n      <div class=\"main-menu\">\n        <div class=\"scroll\">\n          <div class=\"list-menu px-2 pb-1\">\n\n            <!-- #region MENU DIN\u00C2MICO -->\n            <div class=\"dynamic-menu\">\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\n\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\" \n                  class=\"p-1 rounded\" \n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\" \n                  [class.selectedItem]=\"menuItem.isSelected\">\n\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\" \n                    [id]=\"'item' + menuItem.id\" \n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" \n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\" \n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                    <div class=\"container\">\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\n                      <ng-template #iconImg>\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                      </ng-template>\n                    </div>\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\" \n                      iconName=\"seta-direita\" iconColor=\"white\"/>\n                  </a>\n                  \n                  <ng-template #externalMenu>\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\n                      target=\"_blank\" \n                      [id]=\"'item' + menuItem.id\" \n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" \n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\" \n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                      <div class=\"container\">\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\n                        <ng-template #iconImgExternal>\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                        </ng-template>\n                      </div>\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\" \n                        iconName=\"seta-direita\" iconColor=\"white\"/>\n                    </a>\n                  </ng-template>\n                </li>\n\n              </ul>\n            </div>\n\n            <ng-template #isLoading>\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\n            </ng-template>\n            <!-- #endregion MENU DIN\u00C2MICO -->\n\n          </div>\n        </div>\n      </div>\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\n\n      <!-- #region FOOTER -->\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\n        <div class=\"footer-components d-flex flex-row align-items-center gap-2 py-2 px-1 justify-content-center gap-2\" [class.open]=\"showBalloon\">\n          @if (footerUserImgSrc) {\n            <img class=\"photo-profile\" [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n          }\n          @else {\n            <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\n          }\n\n          <span class=\"text-truncate fw-bold text-start\" style=\"max-width: 100%;\"> {{ footerUserName }} </span>\n        </div>\n      </div>\n      \n      <ng-template #popoverContent>\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\n          <div class=\"d-flex align-items-center\"> \n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\"> \n            <ng-template #noUserImg>\n              <lib-icon iconName=\"contraparte\" iconColor=\"currentColor\"/>\n            </ng-template>\n            <div class=\"d-flex flex-column ms-1\"> \n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\n            </div>\n          </div>\n        </div>\n        <hr class=\"mb-2 mt-2\">\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\n        </div>\n        <div class=\"mt-2\" (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  </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)=\"closeModal(MODAL_ESTABELECIMENTO)\"\n    (onSelected)=\"closeModal(MODAL_ESTABELECIMENTO); updateLastLogEstabelecimento($event);\"></selecao-estabelecimentos-modal>\n</ng-template>\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\n\n<!-- #endregion TEMPLATES -->\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;font-size:14px}span{color:#fff}ul{list-style:none;padding-left:0;white-space:nowrap}#menu.main{display:flex;width:100%;height:100%;background:#eee}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.main-content{width:100%;z-index:0;overflow-y:auto;overflow:overlay;height:100vh}.main-content .content{padding:0 16px 16px;background-color:#eee!important}.disable-scroll{overflow-y:hidden}.dropdown-button{padding:8px;border-radius:8px;background-color:#3265ee;border:none;font-size:14px;font-weight:700;width:100%;display:flex}.dropdown-button span{width:100%;display:flex;justify-content:space-between}.dropdown-menu{width:212px;border-radius:8px}.dropdown-menu li{margin:16px 8px}.dropdown-menu li a{font-size:14px}.dropdown-menu li a:hover{font-weight:700;background-color:transparent}.dropdown-menu .dropdown-divider{height:0}.link-portal{color:#213b70;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}.container{display:flex;width:max-content}.sidebar{display:flex;flex-direction:column;height:100%;grid-template-rows:min-content;box-sizing:border-box;transition:width .5s;background-color:#213b70;max-width:inherit}.sidebar .footer-menu{justify-content:flex-end}.menu-header{display:flex;flex-direction:column;white-space:nowrap;padding:32px 0 0;background-color:#213b70}.menu-header ul li{margin-left:16px;margin-right:16px}.menu-header ul>li:last-child{border-bottom:1px solid #3265ee;padding-bottom:15px;height:auto}.dropdown{margin:0}.btn-group{width:100%}.sidebar.closed .menu-header ul li{margin-left:0;margin-right:0}.sidebar.closed .menu-header{display:flex;flex-direction:column;align-items:center}.icon-estabelecimento button{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.icon-estabelecimento 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{margin:0}.sidebar.closed .icon-estabelecimento button{justify-content:center}.sidebar.closed .icon-estabelecimento button img{margin:0}.align-chevron{width:100%;text-align:justify;align-items:center;display:flex;justify-content:space-between}.selected-color{background-color:#3265ee}.main-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:20%}.button-icons{border:none;background-color:transparent}.footer-menu{display:flex;flex-direction:column}.footer-menu .footer-components{border-top:1px solid #3265ee}.footer-menu .footer-components .button-closed{display:none}.footer-menu button{border:none;background-color:transparent;border-radius:8px}.footer-menu .points{padding:4px 0;margin:4px 0;border-radius:8px}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.footer-menu .open-user{background-color:#3265ee}.submenu{width:341px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000004d}.submenu ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}.submenu ul li{font-size:20px;font-weight:600;line-height:22px;padding-bottom:18px}.submenu .itens-list{display:flex;justify-content:space-between;align-items:center}.submenu .itens-list .favoritos,.submenu .itens-list span{cursor:pointer}.submenu .footer-menu{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;white-space:nowrap}.submenu .footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.submenu .footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu .footer-components{display:flex;justify-content:center;align-items:center}.submenu button{position:relative;left:10%;border:none;background-color:transparent}.submenu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0;box-shadow:0 4px 8px #0000004d}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.search-bar{max-width:368px;height:38px;margin-top:24px;border:1px solid #ced4da;box-sizing:border-box;border-radius:8px}.opened-notif-sub{min-width:452px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden}.sidebar.closed{max-width:73px}.sidebar.closed span{display:none}.sidebar.closed span{white-space:nowrap;overflow:hidden}.sidebar.closed .logo-sispro{display:none}.sidebar.closed .list-menu{padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center}.sidebar.closed .list-menu span{opacity:0;pointer-events:none}.sidebar.closed .list-menu .text-closed{padding-bottom:11px;visibility:visible;display:block}.sidebar.closed .list-menu .text-opened{display:none;font-size:8px}.sidebar.closed .list-menu .chevron,.sidebar.closed .favoritos,.sidebar.closed .footer-components .button-opened{display:none}.sidebar.closed .footer-components .button-closed{display:block}.sidebar.closed .button-icons{border:none;background-color:transparent}.sidebar.closed .footer-components{display:flex;align-items:center}.sidebar.closed button{border:none;background-color:transparent;display:block}.sidebar.closed .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.sidebar-control{height:100vh;max-width:227.667px}.sidebar-control .main-content.closed{margin-left:0}.glb-text-width-120{max-width:120px}.profile-picture{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%)}.image-div{width:50px;min-width:50px;height:50px;border-radius:100%;position:relative;overflow:hidden;z-index:1}.image-div #photoUser{width:146px;height:146px;top:-1px;left:-1px;object-fit:cover;position:relative;z-index:1;border:none;border-color:transparent}.dynamic-container{display:inline-block;white-space:nowrap;overflow:hidden}.custom-popover{width:1000px}\n"] }]
+                    ], template: "<!-- #region MAIN CONTENT -->\n<div id=\"menu\" class=\"main col-12\">\n\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\"\n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" #sidebar>\n      <div class=\"menu-header\">\n        <ul>\n          <li class=\"mb-3\">\n            <div class=\"logo-hamburguer\">\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\n              <button class=\"button-hamburguer\" (click)=\"openExpansibleMenu(sidebar)\">\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\n              </button>\n            </div>\n          </li>\n\n          <!-- #region M\u00D3DULOS -->\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\n            <div class=\"btn-group\">\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\n\n                <ng-container>\n                  <img *ngIf=\"_customMenuService.moduleImg != ''; else moduleSVG\" [src]=\"_customMenuService.moduleImg\" alt=\"\">\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\n\n                  <ng-template #moduleSVG>\n                    <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\"/>\n                  </ng-template>\n                </ng-container>\n\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)=\"openModal(modalEstabelecimento, MODAL_ESTABELECIMENTO)\"\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        </ul>\n\n      </div>\n\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\n      <div class=\"main-menu\">\n        <div class=\"scroll\">\n          <div class=\"list-menu px-2 pb-1\">\n\n            <!-- #region MENU DIN\u00C2MICO -->\n            <div class=\"dynamic-menu\">\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\n\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\"\n                  class=\"p-1 rounded\"\n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\"\n                  [class.selectedItem]=\"menuItem.isSelected\">\n\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\"\n                    [id]=\"'item' + menuItem.id\"\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                    <div class=\"container\">\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\n                      <ng-template #iconImg>\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                      </ng-template>\n                    </div>\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                      iconName=\"seta-direita\" iconColor=\"white\"/>\n                  </a>\n\n                  <ng-template #externalMenu>\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\n                      target=\"_blank\"\n                      [id]=\"'item' + menuItem.id\"\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\"\n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\"\n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\n\n                      <div class=\"container\">\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\n                        <ng-template #iconImgExternal>\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\n                        </ng-template>\n                      </div>\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\"\n                        iconName=\"seta-direita\" iconColor=\"white\"/>\n                    </a>\n                  </ng-template>\n                </li>\n\n              </ul>\n            </div>\n\n            <ng-template #isLoading>\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\n            </ng-template>\n            <!-- #endregion MENU DIN\u00C2MICO -->\n\n          </div>\n        </div>\n      </div>\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\n\n      <!-- #region FOOTER -->\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\n        <div class=\"footer-components d-flex flex-row align-items-center gap-2 py-2 px-1 justify-content-center gap-2\" [class.open]=\"showBalloon\">\n          @if (footerUserImgSrc) {\n            <img class=\"photo-profile\" [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n          }\n          @else {\n            <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\n          }\n\n          <span class=\"text-truncate fw-bold text-start\" style=\"max-width: 100%;\"> {{ footerUserName }} </span>\n        </div>\n      </div>\n\n      <ng-template #popoverContent>\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\n          <div class=\"d-flex align-items-center\">\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\n            <ng-template #noUserImg>\n              <lib-icon iconName=\"contraparte\" iconColor=\"currentColor\"/>\n            </ng-template>\n            <div class=\"d-flex flex-column ms-1\">\n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\n            </div>\n          </div>\n        </div>\n        <hr class=\"mb-2 mt-2\">\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\n        </div>\n        <div class=\"mt-2\" (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)=\"closeModal(MODAL_ESTABELECIMENTO)\"\n    (onSelected)=\"closeModal(MODAL_ESTABELECIMENTO); updateLastLogEstabelecimento($event);\"></selecao-estabelecimentos-modal>\n</ng-template>\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\n\n<!-- #endregion TEMPLATES -->\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;font-size:14px}span{color:#fff}ul{list-style:none;padding-left:0;white-space:nowrap}#menu.main{display:flex;width:100%;height:100%;background:#eee}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.main-content{width:100%;z-index:0;overflow-y:auto;overflow:overlay;height:100vh}.main-content .content{padding:0 16px 16px;background-color:#eee!important}.disable-scroll{overflow-y:hidden}.dropdown-button{padding:8px;border-radius:8px;background-color:#3265ee;border:none;font-size:14px;font-weight:700;width:100%;display:flex}.dropdown-button span{width:100%;display:flex;justify-content:space-between}.dropdown-menu{width:212px;border-radius:8px}.dropdown-menu li{margin:16px 8px}.dropdown-menu li a{font-size:14px}.dropdown-menu li a:hover{font-weight:700;background-color:transparent}.dropdown-menu .dropdown-divider{height:0}.link-portal{color:#213b70;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}.container{display:flex;width:max-content}.sidebar{display:flex;flex-direction:column;height:100%;grid-template-rows:min-content;box-sizing:border-box;transition:width .5s;background-color:#213b70;max-width:inherit}.sidebar .footer-menu{justify-content:flex-end}.menu-header{display:flex;flex-direction:column;white-space:nowrap;padding:32px 0 0;background-color:#213b70}.menu-header ul li{margin-left:16px;margin-right:16px}.menu-header ul>li:last-child{border-bottom:1px solid #3265ee;padding-bottom:15px;height:auto}.dropdown{margin:0}.btn-group{width:100%}.sidebar.closed .menu-header ul li{margin-left:0;margin-right:0}.sidebar.closed .menu-header{display:flex;flex-direction:column;align-items:center}.icon-estabelecimento button{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.icon-estabelecimento 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{margin:0}.sidebar.closed .icon-estabelecimento button{justify-content:center}.sidebar.closed .icon-estabelecimento button img{margin:0}.align-chevron{width:100%;text-align:justify;align-items:center;display:flex;justify-content:space-between}.selected-color{background-color:#3265ee}.main-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:20%}.button-icons{border:none;background-color:transparent}.footer-menu{display:flex;flex-direction:column}.footer-menu .footer-components{border-top:1px solid #3265ee}.footer-menu .footer-components .button-closed{display:none}.footer-menu button{border:none;background-color:transparent;border-radius:8px}.footer-menu .points{padding:4px 0;margin:4px 0;border-radius:8px}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.footer-menu .open-user{background-color:#3265ee}.submenu{width:341px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden;box-shadow:0 4px 8px #0000004d}.submenu ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}.submenu ul li{font-size:20px;font-weight:600;line-height:22px;padding-bottom:18px}.submenu .itens-list{display:flex;justify-content:space-between;align-items:center}.submenu .itens-list .favoritos,.submenu .itens-list span{cursor:pointer}.submenu .footer-menu{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;white-space:nowrap}.submenu .footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.submenu .footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu .footer-components{display:flex;justify-content:center;align-items:center}.submenu button{position:relative;left:10%;border:none;background-color:transparent}.submenu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0;box-shadow:0 4px 8px #0000004d}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.search-bar{max-width:368px;height:38px;margin-top:24px;border:1px solid #ced4da;box-sizing:border-box;border-radius:8px}.opened-notif-sub{min-width:452px;display:none;background-color:#3265ee;box-sizing:border-box;flex-direction:column;overflow:hidden}.sidebar.closed{max-width:73px}.sidebar.closed span{display:none}.sidebar.closed span{white-space:nowrap;overflow:hidden}.sidebar.closed .logo-sispro{display:none}.sidebar.closed .list-menu{padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;align-items:center}.sidebar.closed .list-menu span{opacity:0;pointer-events:none}.sidebar.closed .list-menu .text-closed{padding-bottom:11px;visibility:visible;display:block}.sidebar.closed .list-menu .text-opened{display:none;font-size:8px}.sidebar.closed .list-menu .chevron,.sidebar.closed .favoritos,.sidebar.closed .footer-components .button-opened{display:none}.sidebar.closed .footer-components .button-closed{display:block}.sidebar.closed .button-icons{border:none;background-color:transparent}.sidebar.closed .footer-components{display:flex;align-items:center}.sidebar.closed button{border:none;background-color:transparent;display:block}.sidebar.closed .photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.sidebar-control{height:100vh;max-width:227.667px}.sidebar-control .main-content.closed{margin-left:0}.glb-text-width-120{max-width:120px}.profile-picture{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%)}.image-div{width:50px;min-width:50px;height:50px;border-radius:100%;position:relative;overflow:hidden;z-index:1}.image-div #photoUser{width:146px;height:146px;top:-1px;left:-1px;object-fit:cover;position:relative;z-index:1;border:none;border-color:transparent}.dynamic-container{display:inline-block;white-space:nowrap;overflow:hidden}.custom-popover{width:1000px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MSAL_GUARD_CONFIG]
-                }] }, { type: i1$2.MsalService }, { type: i10.ToastrService }, { type: LibCustomMenuService }, { type: AuthStorageService }, { type: i2.BsModalService }, { type: MenuServicesService }, { type: i3.MessageService }, { type: ProjectUtilservice }, { type: i1$1.Router }, { type: AuthService }, { type: EnvironmentService }], propDecorators: { sidebar: [{
+                }] }, { type: i1$2.MsalService }, { type: i10.ToastrService }, { type: LibCustomMenuService }, { type: LibCustomEnvironmentService }, { type: AuthStorageService }, { type: i2.BsModalService }, { type: MenuServicesService }, { type: i3.MessageService }, { type: ProjectUtilservice }, { type: i1$1.Router }, { type: AuthService }], propDecorators: { sidebar: [{
                 type: ViewChild,
                 args: ['sidebar', { static: true }]
             }], notif_template: [{
@@ -3117,6 +3165,13 @@ class InfraUsuarioImg {
     }
 }
 
+class NavSubmenuSearchItem {
+    constructor() {
+        this.icon = "";
+        this.titulo = "";
+    }
+}
+
 class RetInfraUsuarioImg {
     constructor() {
         this.Error = false;
@@ -3333,10 +3388,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Depende do serviço de autenticação.
  */
 class AuthAplicInterceptor {
-    constructor(authCheckService, token, _environmentService) {
+    constructor(authCheckService, token, _customEnvironmentService) {
         this.authCheckService = authCheckService;
         this.token = token;
-        this._environmentService = _environmentService;
+        this._customEnvironmentService = _customEnvironmentService;
     }
     intercept(req, next) {
         // convert promise to observable using 'from' operator
@@ -3344,7 +3399,7 @@ class AuthAplicInterceptor {
     }
     async handle(req, next) {
         let changedReq = req;
-        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._environmentService.needsAuthAplic)) {
+        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthAplic)) {
             // Verifica se o Token precisa ser renovado
             await this.token.renewToken();
             // Adiciona as autenticações necessárias ao servidor.
@@ -3353,25 +3408,25 @@ class AuthAplicInterceptor {
         }
         return await lastValueFrom(next.handle(changedReq));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthAplicInterceptor, deps: [{ token: i3.CheckUrlAndMethodService }, { token: AuthStorageService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthAplicInterceptor, deps: [{ token: i3.CheckUrlAndMethodService }, { token: AuthStorageService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthAplicInterceptor, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthAplicInterceptor, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i3.CheckUrlAndMethodService }, { type: AuthStorageService }, { type: EnvironmentService }] });
+        }], ctorParameters: () => [{ type: i3.CheckUrlAndMethodService }, { type: AuthStorageService }, { type: LibCustomEnvironmentService }] });
 
 /**
  * \brief Intercepta uma chamada HTTP para inserir a autenticação da Sispro.
  */
 class AuthInfraInterceptor {
-    constructor(authCheckService, _environmentService) {
+    constructor(authCheckService, _customEnvironmentService) {
         this.authCheckService = authCheckService;
-        this._environmentService = _environmentService;
+        this._customEnvironmentService = _customEnvironmentService;
     }
     intercept(req, next) {
         let changedReq = req;
-        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._environmentService.needsAuthInfra)) {
+        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._customEnvironmentService.needsAuthInfra)) {
             // Adiciona as autenticações necessárias ao servidor. Autenticação básica.
             let headers = req.headers.set("Authorization", `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}
                 `);
@@ -3379,22 +3434,25 @@ class AuthInfraInterceptor {
         }
         return next.handle(changedReq);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthInfraInterceptor, deps: [{ token: i3.CheckUrlAndMethodService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthInfraInterceptor, deps: [{ token: i3.CheckUrlAndMethodService }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthInfraInterceptor, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AuthInfraInterceptor, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i3.CheckUrlAndMethodService }, { type: EnvironmentService }] });
+        }], ctorParameters: () => [{ type: i3.CheckUrlAndMethodService }, { type: LibCustomEnvironmentService }] });
 
 const AUTH_ROUTES = [
     { path: '', component: LoginComponent, data: { title: "SisproERP | Meu portal" } },
     { path: 'novaSenha/:param', component: NovaSenhaComponent, data: { title: "Nova Senha" } }
 ];
 
+/** Modules */
+//???f
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AUTH_ROUTES, AuthAplicInterceptor, AuthGuard, AuthInfraInterceptor, AuthModule, AuthService, AuthStorageService, DynamicMenuComponent, EnvironmentService, ExternaLoginlGuard, IMenu, InfraUsuarioImg, LibCustomLoginService, LibCustomMenuService, LibCustomStorageService, LibMenuConfigService, LoginComponent, LoginGuard, LoginOSComponent, LoginOSGuard, LoginProgress, MenuLateralComponent, MenuServicesService, NotifSubmenuComponent, NovaSenhaComponent, PrimaryDropdownComponent, RetInfraUsuarioImg, RetMenuItemStructure, RetMenuLateral, RetMenuPromise, RetNavSubMenu, RetSubmenuWithCards, SecondaryDropdownComponent, SelecaoEstabelecimentosModalComponent, SituacaoLogin };
+export { AUTH_ROUTES, AuthAplicInterceptor, AuthGuard, AuthInfraInterceptor, AuthModule, AuthService, AuthStorageService, DynamicMenuComponent, ExternaLoginlGuard, IMenu, InfraUsuarioImg, LIB_CUSTOM_ENVIRONMENT_SERVICE, LIB_CUSTOM_LOGIN_SERVICE, LIB_CUSTOM_MENU_SERVICE, LIB_CUSTOM_STORAGE_SERVICE, LIB_MENU_CONFIG, LibCustomEnvironmentService, LibCustomLoginService, LibCustomMenuService, LibCustomStorageService, LibMenuConfigService, LoginComponent, LoginGuard, LoginOSComponent, LoginOSGuard, LoginProgress, MenuLateralComponent, MenuServicesService, NavSubmenuSearchItem, NotifSubmenuComponent, NovaSenhaComponent, PrimaryDropdownComponent, RetInfraUsuarioImg, RetMenuItemStructure, RetMenuLateral, RetMenuPromise, RetNavSubMenu, RetSubmenuWithCards, SecondaryDropdownComponent, SelecaoEstabelecimentosModalComponent, SituacaoLogin };
 //# sourceMappingURL=ngx-sp-auth.mjs.map