ngx-sp-auth 0.0.0-watch

package/fesm2022/ngx-sp-auth.mjs

@@ -0,0 +1,2520 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, TemplateRef, ContentChild, ViewChild, NgModule } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { FormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import * as i1$1 from '@angular/router';
+import { NavigationEnd, RouterLink, RouterOutlet } from '@angular/router';
+import * as i9$2 from 'ngx-bootstrap/popover';
+import { PopoverModule } from 'ngx-bootstrap/popover';
+import * as i9$1 from 'ngx-bootstrap/tooltip';
+import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import * as i8 from 'ngx-pagination';
+import { NgxPaginationModule } from 'ngx-pagination';
+import * as i5 from 'ngx-sp-infra';
+import { Utils, FormUtils, InfraModule } from 'ngx-sp-infra';
+import { BehaviorSubject, take, tap, Subscription, timer, map as map$1, Observable, Subject, filter, of, merge, lastValueFrom, from } from 'rxjs';
+import * as i1$2 from 'ngx-bootstrap/modal';
+import * as i1 from '@angular/common/http';
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import { take as take$1, tap as tap$1, map, switchMap } from 'rxjs/operators';
+import * as i9 from '@angular/platform-browser';
+import * as i11 from 'ngx-toastr';
+
+class AuthStorageService {
+    constructor(_httpBackend) {
+        this._httpBackend = _httpBackend;
+        this._HOSTNAME = window.location.hostname.includes("localhost")
+            ? `http://${window.location.hostname}`
+            : `https://${window.location.hostname}`;
+        this._BASE_URL = `${this._HOSTNAME}/SisproErpCloud/Service_Private/Infra/SpInfra2LoginWS/api/LoginSisproERP`; // SpInfra2WS
+        this.__local_key = 'user_auth_v6';
+        // indica se objeto já está marcado para salvar os dados no local storage.
+        this.__isSaving = false;
+        /** Se ainda estamos com uma função rodando para verificar o login do usuário */
+        this.__isCheckingAuth = false;
+        // #region GETTERS/SETTERS
+        this.isLoggedInSub = new BehaviorSubject(false);
+        //ip
+        this.__ip = "";
+        //tenantId
+        this.__tenantId = 0;
+        //infraUsuarioId
+        this.__infraUsuarioId = "";
+        // EstabelecimentoID
+        this.__infraEstabId = "";
+        // NomeEstabelecimento
+        this.__infraEstabNome = "";
+        // EmpresaID
+        this.__infraEmpresaId = "";
+        // NomeEmpresa
+        this.__infraEmpresaNome = "";
+        //user
+        this.__user = "";
+        //username
+        this.__userName = "";
+        //authToken
+        this.__authToken = "";
+        /** Domínio */
+        this.__dominio = "";
+        //url para redirecionamento
+        this.__UrlRedirect = "/";
+        //indica Login Externo
+        this.__isExternalLogin = false;
+        /** Se é para ignorar o método reCheckLogin */
+        this.__ignoreCheckLogin = false;
+        this._httpClient = new HttpClient(_httpBackend);
+        //this._BASE_URL = !environment.production ? this._BASE_URL : `${environment.SpInfra2LoginWS}/LoginSisproERP`;
+        // Método com customizações para inicializações da storage
+        this.storageConstructor();
+        const expectedLocalAuthStorage = localStorage.getItem(this.__local_key);
+        if (expectedLocalAuthStorage) {
+            const localAuthStorage = JSON.parse(expectedLocalAuthStorage);
+            this.__ip = localAuthStorage.__ip;
+            this.__tenantId = localAuthStorage.__tenantId;
+            this.__infraUsuarioId = localAuthStorage.__infraUsuarioId;
+            this.__infraEstabId = localAuthStorage.__infraEstabId;
+            this.__infraEstabNome = localAuthStorage.__infraEstabNome;
+            this.__infraEmpresaId = localAuthStorage.__infraEmpresaId;
+            this.__infraEmpresaNome = localAuthStorage.__infraEmpresaNome;
+            this.__user = localAuthStorage.__user;
+            this.__userName = localAuthStorage.__userName;
+            this.__tokenPayload = localAuthStorage.__tokenPayload;
+            this.__authToken = localAuthStorage.__authToken;
+            this.__dominio = localAuthStorage.__dominio;
+            this.__isExternalLogin = localAuthStorage.__isExternalLogin;
+            this.startLoginCheck();
+        }
+    }
+    get ip() {
+        return this.__ip;
+    }
+    set ip(value) {
+        this.__ip = value;
+        if (this.isLoggedInSub.value) {
+            this.__saveLocalInstance();
+        }
+    }
+    get tenantId() {
+        return this.__tenantId;
+    }
+    set tenantId(value) {
+        this.__tenantId = value;
+        this.__saveLocalInstance();
+    }
+    get infraUsuarioId() {
+        return this.__infraUsuarioId;
+    }
+    set infraUsuarioId(value) {
+        this.__infraUsuarioId = value;
+        this.__saveLocalInstance();
+    }
+    get infraEstabId() {
+        return this.__infraEstabId;
+    }
+    set infraEstabId(value) {
+        this.__infraEstabId = value;
+        this.__saveLocalInstance();
+    }
+    get infraEstabNome() {
+        return this.__infraEstabNome;
+    }
+    set infraEstabNome(value) {
+        this.__infraEstabNome = value;
+        this.__saveLocalInstance();
+    }
+    get infraEmpresaId() {
+        return this.__infraEmpresaId;
+    }
+    set infraEmpresaId(value) {
+        this.__infraEmpresaId = value;
+        this.__saveLocalInstance();
+    }
+    get infraEmpresaNome() {
+        return this.__infraEmpresaNome;
+    }
+    set infraEmpresaNome(value) {
+        this.__infraEmpresaNome = value;
+        this.__saveLocalInstance();
+    }
+    get user() {
+        return this.__user;
+    }
+    set user(value) {
+        this.__user = value;
+        this.__saveLocalInstance();
+    }
+    get userName() {
+        return this.__userName;
+    }
+    set userName(value) {
+        this.__userName = value;
+        this.__saveLocalInstance();
+    }
+    get tokenPayload() {
+        return this.__tokenPayload;
+    }
+    get authToken() {
+        return this.__authToken;
+    }
+    set authToken(value) {
+        this.__authToken = value;
+        if (this.__authToken != '') {
+            // Utiliza-se a função dos Utils para pegar o segundo valor do Token, separados por um '.'
+            // e define o __tokenPayload como o objeto resultante do JSON.parse(payloadJson)
+            const payloadJson = Utils.b64DecodeUnicode(this.__authToken.split('.')[1]);
+            this.__tokenPayload = JSON.parse(payloadJson);
+            this.startLoginCheck();
+        }
+        this.__saveLocalInstance();
+    }
+    get dominio() {
+        return this.__dominio;
+    }
+    set dominio(value) {
+        this.__dominio = value;
+        this.__saveLocalInstance();
+    }
+    get urlRedirect() {
+        return this.__UrlRedirect;
+    }
+    set urlRedirect(value) {
+        this.__UrlRedirect = value;
+    }
+    get isExternalLogin() {
+        return this.__isExternalLogin;
+    }
+    set isExternalLogin(value) {
+        this.__isExternalLogin = value;
+        this.__saveLocalInstance();
+    }
+    get ignoreCheckLogin() {
+        return this.__ignoreCheckLogin;
+    }
+    set ignoreCheckLogin(value) {
+        this.__ignoreCheckLogin = value;
+        this.__saveLocalInstance();
+    }
+    // #endregion GETTERS/SETTERS
+    async __saveLocalInstance() {
+        if (this.__isSaving) {
+            return;
+        }
+        this.__isSaving = true;
+        localStorage.setItem(this.__local_key, this.toJson());
+        // Método com customizações para salvar informações na storage
+        this.storageSaveLocalInstance();
+        this.__notSaving();
+    }
+    async __notSaving() {
+        this.__isSaving = false;
+    }
+    /**
+     * Salva a instância como JSON seguro, ignorando objetos que não podem se tornar um JSON.
+     */
+    toJson() {
+        const json = `
+    {
+      "__ip": "${this.ip}",
+      "__tenantId": ${this.tenantId},
+      "__infraUsuarioId": "${this.infraUsuarioId}",
+      "__infraEstabId": "${this.infraEstabId}",
+      "__infraEstabNome": "${this.infraEstabNome}",
+      "__infraEmpresaId": "${this.infraEmpresaId}",
+      "__infraEmpresaNome": "${this.infraEmpresaNome}",
+      "__user": "${this.user}",
+      "__userName": "${this.userName}",
+      "__authToken": "${this.authToken}",
+      "__tokenPayload": ${JSON.stringify(this.tokenPayload)},
+      "__dominio": "${this.dominio}",
+      "__isExternalLogin": ${this.isExternalLogin}
+    }
+    `;
+        return json;
+    }
+    /** Inicia a verificação do login. */
+    startLoginCheck() {
+        if (!this.__isCheckingAuth) {
+            this.reCheckLogin();
+        }
+    }
+    /**
+     * Verifica a cada diferença de tempo entre a data atual e a data do token.
+     */
+    async reCheckLogin() {
+        if (this.__authToken === undefined || this.__authToken === '' || this.authToken === null || this.authToken === '') {
+            this.__isCheckingAuth = false;
+            return;
+        }
+        this.__isCheckingAuth = true;
+        let isRenewToken = false;
+        let nowDate = Math.round(Date.now() / 1000);
+        if (this.tokenPayload.exp <= nowDate) {
+            isRenewToken = true;
+        }
+        let leftTime = this.tokenPayload.exp - nowDate;
+        if (leftTime <= 0) {
+            isRenewToken = true;
+        }
+        // TODO: Alterar aqui para não deslogar e avisar o usuário para logar denovo.
+        if (isRenewToken) {
+            const response = await this.getNewToken();
+            if (response !== undefined && response !== null && response != '') {
+                this.authToken = response;
+                nowDate = Math.round(Date.now() / 1000);
+                leftTime = this.tokenPayload.exp - nowDate;
+            }
+            else {
+                this.logout();
+                return;
+            }
+        }
+        if (this.ignoreCheckLogin) {
+            this.ignoreCheckLogin = false;
+        }
+        else {
+            // Método com customizações para inicializações da AutoStorage
+            this.storageInitializeAutoStorage();
+        }
+        this.isLoggedInSub.next(true);
+        setTimeout(this.reCheckLogin.bind(this), leftTime * 1000);
+    }
+    logout() {
+        this.__isCheckingAuth = false;
+        this.isLoggedInSub.next(false);
+        this.__UrlRedirect = "/";
+        this.__ip = "";
+        this.__tenantId = 0;
+        this.__infraUsuarioId = "";
+        this.__infraEstabId = "";
+        this.__infraEstabNome = "";
+        this.__infraEmpresaId = "";
+        this.__infraEmpresaNome = "";
+        this.__user = "";
+        this.__userName = "";
+        this.__authToken = "";
+        this.__dominio = "";
+        this.__tokenPayload = {};
+        this.__isExternalLogin = false;
+        localStorage.removeItem(this.__local_key);
+        // Método com customizações para finalizações da storage
+        this.storageLogout();
+    }
+    getNewTokenBack() {
+        let token = {
+            domain: this.__dominio,
+            user: this.__user,
+            tenantId: this.tenantId,
+            token: this.authToken,
+            infraUsuarioId: this.__infraUsuarioId,
+            userName: this.__userName
+        };
+        const url = `${this._BASE_URL}/GetNewToken`;
+        const headers = new HttpHeaders()
+            .set('Content-Type', 'application/json')
+            .set('Authorization', `Basic ${btoa(`${localStorage.getItem('configServerUser')}:${localStorage.getItem('configServerPassword')}`)}`);
+        return this._httpClient
+            .post(url, token, { 'headers': headers })
+            .pipe(take(1), tap((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    getNewToken() {
+        return new Promise((resolve, reject) => {
+            this.getNewTokenBack().subscribe({
+                next: response => {
+                    resolve(response.Token);
+                },
+                error: error => {
+                    reject(error);
+                }
+            });
+        });
+    }
+    /**
+    * Renova o Token quando este estiver vencido.
+    */
+    async renewToken() {
+        if (!this.isLoggedInSub || this.__authToken === undefined || this.__authToken === '' || this.authToken === null || this.authToken === '') {
+            return;
+        }
+        let isRenewToken = false;
+        let nowDate = Math.round(Date.now() / 1000);
+        if (this.tokenPayload.exp <= nowDate) {
+            isRenewToken = true;
+        }
+        let leftTime = this.tokenPayload.exp - nowDate;
+        if (leftTime <= 0) {
+            isRenewToken = true;
+        }
+        if (isRenewToken) {
+            const response = await this.getNewToken();
+            if (response !== undefined && response !== null && response != '') {
+                this.authToken = response;
+            }
+        }
+    }
+    isPrePortal() {
+        // Identifica se a origem é PrePortal
+        var url = new URL(window.location.href);
+        var isPrePortal = url.searchParams.get("PrePortal");
+        if (isPrePortal != null) {
+            if (isPrePortal.toString() == "true") {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+    }
+    // #region ==========> UTILS <==========
+    // #endregion Propriedades Customizadas para o Componente auth-storage.service.ts
+    // #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(callback) {
+        if (callback) {
+            callback();
+        }
+    }
+    // Método executado no auth-storage.service.ts - método: saveLocalInstance ()
+    // Utilizado para salvar informações no localStorage
+    storageSaveLocalInstance(callback) {
+        if (callback) {
+            callback();
+        }
+    }
+    // Método executado no auth-storage.service.ts - método: logout ()
+    // Utilizado para inicializar informações no localStorage na logout da aplicação
+    storageLogout(callback) {
+        if (callback) {
+            callback();
+        }
+    }
+    // Método executado no auth-storage.service.ts - método: reCheckLogin ()
+    // Utilizado para inicializações diversas quando o Login exeutado via Pré Portal
+    storageInitializeAutoStorage(callback) {
+        if (callback) {
+            callback();
+        }
+    }
+    // Método executado para salvar as propriedades no LocalStorage (não deve ser modificado)
+    async __authStorageSaveLocalInstance() {
+        if (this.__isSaving) {
+            return;
+        }
+        this.__isSaving = true;
+        this.storageSaveLocalInstance();
+        this.__authStorageNotSaving();
+    }
+    // Método executado para salvar as propriedades no LocalStorage (não deve ser modificado)
+    async __authStorageNotSaving() {
+        this.__isSaving = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthStorageService, deps: [{ token: i1.HttpBackend }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthStorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthStorageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpBackend }] });
+
+class LibCustomLoginService {
+    constructor() { }
+    // #endregion Propriedade Customizadas para o Componente login.component.ts
+    // #region Métodos Customizadas para o Componente auth.service.ts
+    /**
+     * Método executado no auth.service.ts - método: login ()
+     * Utilizado para inicializações diversas
+     */
+    authLogin() {
+        this.storedAuthLogin;
+    }
+    /**
+     * Método executado no auth.service.ts - método: logout ()
+     * Utilizado para inicializações diversas
+     */
+    authLogout() {
+        this.storedAuthLogout;
+    }
+    /**
+     * Método executado no auth.service.ts - método: login ()
+     * Utilizado para informar o redirecionamento para a tela inicial após o login ok
+     *
+     * @param router Objeto de Router que será utilizado
+     */
+    authNavigateToPage(router) {
+        router.navigate(["/home"]);
+    }
+    ConfigurarCustomLogin(customLoginService) {
+        //passando propriedades do produto 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 produto para a lib
+        this.storedAuthLogin = customLoginService.authLogin;
+        this.storedAuthLogout = customLoginService.authLogout;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibCustomLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibCustomLoginService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibCustomLoginService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class AuthService {
+    // #endregion PRIVATE
+    // #endregion ==========> PROPERTIES <==========
+    constructor(_httpClient, _router, _authStorageService, _customLoginService, _ipServiceService) {
+        this._httpClient = _httpClient;
+        this._router = _router;
+        this._authStorageService = _authStorageService;
+        this._customLoginService = _customLoginService;
+        this._ipServiceService = _ipServiceService;
+        // #region ==========> PROPERTIES <==========
+        // #region PRIVATE
+        // private readonly _HOSTNAME: any = window.location.hostname.includes("localhost")
+        //   ? `http://${window.location.hostname}`
+        //   : `https://${window.location.hostname}`;
+        this._HOSTNAME = "https://siscandesv6.sispro.com.br";
+        this._BASE_URL = `${this._HOSTNAME}/SisproErpCloud/Service_Private/Infra/SpInfra2LoginWS/api/LoginSisproERP`; // SpInfra2WS
+        this._HTTP_HEADERS = new HttpHeaders().set('Content-Type', 'application/json');
+        this.ip = "undefined";
+        this.city = "undefined";
+        this.state = "undefined";
+        this.country = "undefined";
+        //this._BASE_URL = !environment.production ? this._BASE_URL : `${environment.SpInfra2LoginWS}/LoginSisproERP`;
+        this._BASE_URL.includes("localhost") || this._BASE_URL.includes('127.0.0.1')
+            ? this._BASE_URL
+            : this._BASE_URL = "https://siscandesv6.sispro.com.br/SisproErpCloud/Service_Private/Infra/SpInfra2LoginWS/api/LoginSisproERP";
+        this.getParms();
+    }
+    // #region ==========> SERVICE METHODS <==========
+    // #region GET
+    getParms() {
+        this.ip = "undefined";
+        this._ipServiceService.getIPAddress().subscribe({
+            next: (res) => {
+                this.ip = res.ip;
+            },
+            error: (error) => {
+            },
+        });
+        this.city = "undefined";
+        this.state = "undefined";
+        this.country = "undefined";
+        this._ipServiceService.getDataUser().subscribe({
+            next: (res) => {
+                this.city = res.city;
+                this.state = res.region_code;
+                this.country = res.country_name;
+            },
+            error: (error) => {
+            },
+        });
+    }
+    geHostName() {
+        let product = window.location.pathname;
+        let index = product.indexOf("/auth/login");
+        if (index != -1) {
+            product = product.substring(0, index);
+        }
+        else {
+            product = "";
+        }
+        return this._HOSTNAME + product;
+    }
+    // #endregion GET
+    // #region POST
+    /** Realiza o login no sistema
+    * @param login Informações do formulário de login
+    * @returns Observable com os dados do login realizado, seja erro ou sucesso
+    */
+    login(parmsLogin) {
+        let login = {
+            usuario: parmsLogin.usuario,
+            senha: parmsLogin.senha
+        };
+        const params = new HttpParams()
+            .set('dominio', parmsLogin.dominio)
+            .set('urlServidor', this.geHostName())
+            .set('ip', this.ip)
+            .set('browse', `${this._ipServiceService.getDataBrowserUser().browser} - ${this._ipServiceService.getDataBrowserUser().so}`)
+            .set('localization', `${this.city}, ${this.state}, ${this.country}`);
+        const url = `${this._BASE_URL}/ValidateLogin`;
+        const headers = this._HTTP_HEADERS;
+        return this._httpClient
+            .post(url, login, { 'params': params, 'headers': headers })
+            .pipe(take$1(1), tap$1((response) => {
+            if (response.FeedbackMessage != "") {
+                return;
+            }
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+            if (response.InitializePassword) {
+                //Inicializar password
+                this._authStorageService.logout();
+            }
+            else if (response.InfraInAuthTypeId == 1 && response.InfraIn2FaTypeId != null && response.InfraIn2FaTypeId == 1 && response.Is2FaEnabled) {
+                //Inicializar Autenticação Local 2 Fatores via Email
+                this._authStorageService.logout();
+                this._authStorageService.ip = this.ip;
+                this._authStorageService.tenantId = response.TenantId;
+                this._authStorageService.infraUsuarioId = response.InfraUsuarioId;
+                this._authStorageService.user = login.usuario;
+                this._authStorageService.userName = response.UserName;
+                this._authStorageService.dominio = response.Dominio;
+                this._authStorageService.isExternalLogin = false;
+            }
+            else {
+                this._authStorageService.ignoreCheckLogin = true;
+                this._authStorageService.isLoggedInSub.next(true);
+                this._authStorageService.ip = this.ip;
+                this._authStorageService.tenantId = response.TenantId;
+                this._authStorageService.infraUsuarioId = response.InfraUsuarioId;
+                this._authStorageService.infraEstabId = response.EstabelecimentoId;
+                this._authStorageService.infraEstabNome = response.NomeEstabelecimento;
+                this._authStorageService.infraEmpresaId = response.EmpresaId;
+                this._authStorageService.infraEmpresaNome = response.NomeEmpresa;
+                this._authStorageService.user = login.usuario;
+                this._authStorageService.userName = response.UserName;
+                this._authStorageService.authToken = response.Token;
+                this._authStorageService.dominio = response.Dominio;
+                this._authStorageService.isExternalLogin = false;
+                // Método com customizações para inicializações do Login
+                this._customLoginService.authLogin();
+                if (this._authStorageService.urlRedirect == '' || this._authStorageService.urlRedirect == '/' || this._authStorageService.urlRedirect == '/auth/login') {
+                    // Método com customizações para redirecionamento da tela inicial após login ok
+                    this._customLoginService.authNavigateToPage(this._router);
+                }
+                else {
+                    this._router.navigate([this._authStorageService.urlRedirect]);
+                }
+                this._authStorageService.urlRedirect = "/";
+            }
+        }));
+    }
+    loginExternal(dominio, user, password) {
+        let login = {
+            usuario: user,
+            senha: password
+        };
+        const params = new HttpParams()
+            .set('dominio', dominio);
+        const url = `${this._BASE_URL}/ValidateExternalLogin`;
+        const headers = this._HTTP_HEADERS;
+        return this._httpClient
+            .post(url, login, { 'params': params, 'headers': headers })
+            .pipe(take$1(1), tap$1((response) => {
+            if (!response.Error) {
+                this._authStorageService.isLoggedInSub.next(true);
+                this._authStorageService.ip = this.ip;
+                this._authStorageService.tenantId = response.TenantId;
+                this._authStorageService.infraUsuarioId = response.InfraUsuarioId;
+                this._authStorageService.infraEstabId = response.EstabelecimentoId;
+                this._authStorageService.infraEstabNome = response.NomeEstabelecimento;
+                this._authStorageService.infraEmpresaId = response.EmpresaId;
+                this._authStorageService.infraEmpresaNome = response.NomeEmpresa;
+                this._authStorageService.user = login.usuario;
+                this._authStorageService.userName = response.UserName;
+                this._authStorageService.authToken = response.Token;
+                this._authStorageService.dominio = response.Dominio;
+                this._authStorageService.isExternalLogin = true;
+            }
+        }), map((response) => {
+            return response.Error;
+        }));
+    }
+    logout() {
+        this._authStorageService.logout();
+        localStorage.removeItem('configsServerUser');
+        localStorage.removeItem('configsServerPassword');
+        // Método com customizações para inicializações do Logout
+        this._customLoginService.authLogout();
+        this._router.navigate(["/auth/login"]);
+    }
+    validateAuthentication2Fa(code) {
+        let Code2Fa = {
+            infraUsuarioId: this._authStorageService.infraUsuarioId,
+            code: code
+        };
+        const params = new HttpParams()
+            .set('domain', this._authStorageService.dominio)
+            .set('user', this._authStorageService.user)
+            .set('userName', this._authStorageService.userName);
+        const url = `${this._BASE_URL}/ValidadeLogin2FaWithEmail`;
+        const headers = this._HTTP_HEADERS;
+        return this._httpClient
+            .post(url, Code2Fa, { 'params': params, 'headers': headers })
+            .pipe(take$1(1), tap$1((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+            this._authStorageService.ignoreCheckLogin = true;
+            this._authStorageService.isLoggedInSub.next(true);
+            this._authStorageService.ip = this.ip;
+            this._authStorageService.tenantId = response.TenantId;
+            this._authStorageService.infraUsuarioId = response.InfraUsuarioId;
+            this._authStorageService.infraEstabId = response.EstabelecimentoId;
+            this._authStorageService.infraEstabNome = response.NomeEstabelecimento;
+            this._authStorageService.infraEmpresaId = response.EmpresaId;
+            this._authStorageService.infraEmpresaNome = response.NomeEmpresa;
+            this._authStorageService.user = this._authStorageService.user;
+            this._authStorageService.userName = response.UserName;
+            this._authStorageService.authToken = response.Token;
+            this._authStorageService.dominio = response.Dominio;
+            this._authStorageService.isExternalLogin = false;
+            // Método com customizações para inicializações do Login
+            this._customLoginService.authLogin();
+            if (this._authStorageService.urlRedirect == '' || this._authStorageService.urlRedirect == '/' || this._authStorageService.urlRedirect == '/auth/login') {
+                // Método com customizações para redirecionamento da tela inicial após login ok
+                this._customLoginService.authNavigateToPage(this._router);
+            }
+            else {
+                this._router.navigate([this._authStorageService.urlRedirect]);
+            }
+            this._authStorageService.urlRedirect = "/";
+        }));
+    }
+    GetNewCode2Fa() {
+        const params = new HttpParams()
+            .set('domain', this._authStorageService.dominio)
+            .set('user', this._authStorageService.user)
+            .set('ip', this.ip)
+            .set('browse', `${this._ipServiceService.getDataBrowserUser().browser} - ${this._ipServiceService.getDataBrowserUser().so}`)
+            .set('localization', `${this.city}, ${this.state}, ${this.country}`);
+        const url = `${this._BASE_URL}/GetNewCode2FaWithEmail`;
+        const headers = this._HTTP_HEADERS;
+        return this._httpClient
+            .post(url, null, { 'params': params, 'headers': headers })
+            .pipe(take$1(1), tap$1((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    forgottenPassword(parms) {
+        this._authStorageService.logout();
+        const params = new HttpParams()
+            .set('domain', parms.dominioFgtPsw)
+            .set('user', parms.usuarioFgtPsw)
+            .set('urlServidor', this.geHostName())
+            .set('ip', this.ip)
+            .set('browse', `${this._ipServiceService.getDataBrowserUser().browser} - ${this._ipServiceService.getDataBrowserUser().so}`)
+            .set('localization', `${this.city}, ${this.state}, ${this.country}`);
+        const headers = this._HTTP_HEADERS;
+        const url = `${this._BASE_URL}/ForgottenPassword`;
+        return this._httpClient
+            .post(url, null, { 'params': params, 'headers': headers })
+            .pipe(take$1(1), tap$1((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    recoverPassword(dominio, usuario, parms) {
+        let recupPassword = {
+            password: parms.password,
+            confirmPassword: parms.confirmPassword,
+            code: parms.code
+        };
+        const params = new HttpParams()
+            .set('domain', dominio)
+            .set('user', usuario);
+        const headers = this._HTTP_HEADERS;
+        const url = `${this._BASE_URL}/RecoverPassword`;
+        return this._httpClient
+            .post(url, recupPassword, { 'params': params, 'headers': headers })
+            .pipe(take$1(1), tap$1((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    createPassword(dominio, usuario, parms) {
+        let recupPassword = {
+            password: parms.password,
+            confirmPassword: parms.confirmPassword,
+            code: parms.code
+        };
+        const params = new HttpParams()
+            .set('domain', dominio)
+            .set('user', usuario);
+        const headers = this._HTTP_HEADERS;
+        const url = `${this._BASE_URL}/CreatePassword`;
+        return this._httpClient
+            .post(url, recupPassword, { 'params': params, 'headers': headers })
+            .pipe(take$1(1), tap$1((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthService, deps: [{ token: i1.HttpClient }, { token: i1$1.Router }, { token: AuthStorageService }, { token: LibCustomLoginService }, { token: i5.IpServiceService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Router }, { type: AuthStorageService }, { type: LibCustomLoginService }, { type: i5.IpServiceService }] });
+
+class ServerService {
+    constructor(_httpClient) {
+        this._httpClient = _httpClient;
+        // private readonly _HOSTNAME: any = window.location.hostname.includes("localhost")
+        //   ? `http://${window.location.hostname}`
+        //   : `https://${window.location.hostname}`;
+        this._HOSTNAME = "https://siscandesv6.sispro.com.br";
+        this._BASE_URL = `${this._HOSTNAME}/SisproErpCloud/Service_Private/Infra/SpInfra2ConfigWS/api/Config`;
+        this._HTTP_HEADERS = new HttpHeaders().set('Content-Type', 'application/json');
+        this._BASE_URL.includes("localhost") || this._BASE_URL.includes('127.0.0.1')
+            ? this._BASE_URL
+            : this._BASE_URL = "https://siscandesv6.sispro.com.br/SisproErpCloud/Service_Private/Infra/SpInfra2ConfigWS/api/Config";
+    }
+    // #region GET Server
+    getServer() {
+        const url = `${this._BASE_URL}/GetConfig`;
+        return this._httpClient
+            .post(url, null, { 'headers': this._HTTP_HEADERS })
+            .pipe(take(1), tap(response => {
+            localStorage.setItem('configServerUser', response.User);
+            localStorage.setItem('configServerPassword', response.Password);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ServerService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ServerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ServerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+/**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 = "https://siscandesv6.sispro.com.br";
+    }
+    ConfigurarEnvironments(propriedades) {
+        //passando propriedades do produto para a lib
+        this.needsAuthAplic = propriedades.needsAuthAplic;
+        this.needsAuthInfra = propriedades.needsAuthInfra;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnvironmentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnvironmentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnvironmentService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class LoginComponent {
+    constructor(
+    //public _customLoginService: CustomLoginService,
+    _bsModalService, _messageService, _formBuilder, _authService, _serverService, _environmentService, _authStorageService, _customLoginService, _title, _router, _toastrService) {
+        this._bsModalService = _bsModalService;
+        this._messageService = _messageService;
+        this._formBuilder = _formBuilder;
+        this._authService = _authService;
+        this._serverService = _serverService;
+        this._environmentService = _environmentService;
+        this._authStorageService = _authStorageService;
+        this._customLoginService = _customLoginService;
+        this._title = _title;
+        this._router = _router;
+        this._toastrService = _toastrService;
+        // #region ==========> PROPERTIES <==========
+        // #region PRIVATE
+        this.idFgtPsw = 1;
+        //  Variáveis específicas para funcionalidades padrões dos formulários
+        this.currentTime = new Date();
+        this.year = this.currentTime.getFullYear();
+        this.isLoading = false;
+        this.isLoadingSendAuthentication2Fa = false;
+        this.showParmsAuthentication2Fa = false;
+        this.isLoadingGetNewCode = false;
+        //propriedades que vão receber os valores do customLoginService ####VERIFICAR DEPOIS####
+        // @Input() customPropriedadesLogin?: CustomPropriedadesLogin;
+        // #endregion PUBLIC
+        // #region Timer
+        this._subscription = new Subscription();
+        this.timerDuration = 90;
+        this.secondsLeft = this.timerDuration;
+        this.countdown$ = timer(0, 1000).pipe(take(this.timerDuration + 1), map$1(secondsElapsed => this.timerDuration - secondsElapsed));
+        // #endregion Timer
+        // #region ==========> FORM BUILDER <==========
+        this.form = new FormGroup({});
+        this.formFgtPsw = new FormGroup({});
+        this.formAuthentication2Fa = new FormGroup({});
+    }
+    ;
+    ;
+    //  Propriedade necessário para que a classe static FormUtils possa ser utilizada no Html
+    get FormUtils() {
+        return FormUtils;
+    }
+    // #region FORM DATA
+    //  Variáveis específicas para funcionalidades padrões dos formulários (Login)
+    get dominio() {
+        return this.form.get('dominio')?.value;
+    }
+    get usuario() {
+        return this.form.get('usuario')?.value;
+    }
+    get senha() {
+        return this.form.get('senha')?.value;
+    }
+    //  Variáveis específicas para funcionalidades padrões dos formulários (RequestRecoverPassword)
+    get dominioFgtPsw() {
+        return this.formFgtPsw.get('dominioFgtPsw')?.value;
+    }
+    get usuarioFgtPsw() {
+        return this.formFgtPsw.get('usuarioFgtPsw')?.value;
+    }
+    //  Variáveis específicas para funcionalidades padrões dos formulários (Autenticação 2 Fatores)
+    get code() {
+        return this.formAuthentication2Fa.get('code')?.value;
+    }
+    // #endregion FORM DATA
+    // #endregion ==========> PROPERTIES <==========
+    ngOnInit() {
+        this._title.setTitle(this._customLoginService.loginPageTitle);
+        if (this._customLoginService.loginTitle != "") {
+            document.getElementById("title").innerHTML = this._customLoginService.loginTitle;
+        }
+        if (this._customLoginService.loginSubtitle != "") {
+            document.getElementById("subtitle").innerHTML = this._customLoginService.loginSubtitle;
+        }
+        this.createForm();
+    }
+    // #region FORM VALIDATORS
+    //  Método para configuração dos campos de edição do formulário (Login)
+    createForm() {
+        //  Dados originais de Login
+        if (this._environmentService.production) {
+            this.form = this._formBuilder.group({
+                dominio: ['', [Validators.required, Validators.maxLength(50)]],
+                usuario: ['', [Validators.required, Validators.maxLength(100)]],
+                senha: ['', [Validators.required, Validators.maxLength(100)]]
+            });
+        }
+        else {
+            this.form = this._formBuilder.group({
+                dominio: [this._customLoginService.loginDesenvDomain, [Validators.required, Validators.maxLength(50)]],
+                usuario: [this._customLoginService.loginDesenvUser, [Validators.required, Validators.maxLength(100)]],
+                senha: [this._customLoginService.loginDesenvPassword, [Validators.required, Validators.maxLength(100)]]
+            });
+        }
+    }
+    //  Método para configuração dos campos de edição do formulário (RequestRecoverPassword)
+    createFormForgottenPassword() {
+        this.formFgtPsw = this._formBuilder.group({
+            dominioFgtPsw: ['', [Validators.required, Validators.maxLength(50)]],
+            usuarioFgtPsw: ['', [Validators.required, Validators.maxLength(100)]],
+        });
+        this.formFgtPsw.get('recoverCdominioFgtPswodeRecPsw')?.setValue('');
+        this.formFgtPsw.get('usuarioFgtPsw')?.setValue('');
+    }
+    //  Método para configuração dos campos de edição do formulário (Autenticação 2 Fatores)
+    createFormAuthentication2Fa() {
+        this.formAuthentication2Fa = this._formBuilder.group({
+            code: ['', [Validators.required, Validators.maxLength(6)]],
+        });
+        this.form.get('code')?.setValue('');
+    }
+    // #endregion FORM VALIDATORS
+    // #endregion ==========> FORM BUILDER <==========
+    // #region ==========> SERVICE METHODS <==========
+    // #region GET
+    // Obtém a Url do Config Erp
+    geturlErpConfig() {
+        // verificar depois 
+        return `${this._environmentService.hostName}/SisproErpCloud/ConfigErp`;
+    }
+    /*
+    * Obtém os parâmetros de configuração do servidor para Autenticação Básica de segurança
+    */
+    getServer() {
+        if (this.form.valid) {
+            this.isLoading = true;
+            this._serverService.getServer().subscribe({
+                next: response => {
+                    this.logOn();
+                },
+                error: (error) => {
+                    this.isLoading = false;
+                    //this._projectUtilservice.showHttpError(error);
+                    this._messageService.showAlertDanger(error);
+                    //pode ser substituido por console.error
+                    throw new Error(error);
+                },
+            });
+        }
+        else {
+            FormUtils.validateFields(this.form);
+        }
+    }
+    // #endregion GET
+    // #region POST
+    //  Executa o Login
+    logOn() {
+        this._authService.login(this.form.value).subscribe({
+            next: (response) => {
+                this.isLoading = false;
+                if (response.FeedbackMessage != "") {
+                    this._toastrService.warning(response.FeedbackMessage, '', {
+                        timeOut: 3000,
+                        extendedTimeOut: 2000
+                    });
+                    return;
+                }
+                //Incialização de Senha
+                if (response.InitializePassword) {
+                    let param = btoa(`true$${this.dominio}$${this.usuario}`);
+                    this._router.navigate([`auth/login/novaSenha/${param}`]);
+                    this._toastrService.success("Verifique no seu e-mail o código de validação.");
+                }
+                if (response.InfraInAuthTypeId == 1 && response.InfraIn2FaTypeId != null && response.InfraIn2FaTypeId == 1 && response.Is2FaEnabled) {
+                    this.createFormAuthentication2Fa();
+                    this._subscription = this.countdown$.subscribe(secondsLeft => {
+                        this.secondsLeft = secondsLeft;
+                    });
+                    this.showParmsAuthentication2Fa = true;
+                    this._toastrService.success("Verifique no seu e-mail o código de validação.");
+                }
+            },
+            error: (error) => {
+                this.isLoading = false;
+                //this._projectUtilservice.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            },
+        });
+    }
+    // Envia requisição para esquecer senha
+    sendForgottenPassword() {
+        if (this.formFgtPsw.valid) {
+            this._serverService.getServer().subscribe({
+                next: response => {
+                    this.forgottenPassword();
+                },
+                error: (error) => {
+                    //this._projectUtilservice.showHttpError(error);
+                    this._messageService.showAlertDanger(error);
+                    throw new Error(error);
+                },
+            });
+        }
+        else {
+            FormUtils.validateFields(this.formFgtPsw);
+        }
+    }
+    // Requisição para esquecer senha
+    forgottenPassword() {
+        this._authService.forgottenPassword(this.formFgtPsw.value).subscribe({
+            next: (response) => {
+                this.closeForgottenPasswordModal();
+                let param = btoa(`false$${this.dominio}$${this.usuario}$${3}`);
+                this._router.navigate([`auth/login/novaSenha/${param}`]);
+                this._toastrService.success("Verifique no seu e-mail o código de validação.");
+            },
+            error: (error) => {
+                //this._projectUtilservice.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            },
+        });
+    }
+    // Envia requisição para validar código 2 fatores
+    sendCode() {
+        if (this.formAuthentication2Fa.valid) {
+            this.isLoadingSendAuthentication2Fa = true;
+            this.validateCode();
+        }
+        else {
+            FormUtils.validateFields(this.formAuthentication2Fa);
+        }
+    }
+    // Validação do código 2 fatores
+    validateCode() {
+        this._authService.validateAuthentication2Fa(this.code).subscribe({
+            next: (response) => {
+                this._subscription.unsubscribe();
+                this.isLoadingSendAuthentication2Fa = false;
+            },
+            error: (error) => {
+                this.isLoadingSendAuthentication2Fa = false;
+                //this._projectUtilservice.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            },
+        });
+    }
+    // Envia requisição para validar código 2 fatores
+    getNewCode() {
+        this.isLoadingGetNewCode = true;
+        this._serverService.getServer().subscribe({
+            next: response => {
+                this._subscription = this.countdown$.subscribe(secondsLeft => {
+                    this.secondsLeft = secondsLeft;
+                });
+                this.GetNewCode2Fa();
+            },
+            error: (error) => {
+                //this._projectUtilservice.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            },
+        });
+    }
+    // Validação do código 2 fatores
+    GetNewCode2Fa() {
+        this._authService.GetNewCode2Fa().subscribe({
+            next: (response) => {
+                this.isLoadingGetNewCode = false;
+                this._toastrService.success("Enviamos um novo código para o endereço de e-mail vinculado ao seu usuário. Verifique o lixo eletrônico (SPAM) da sua caixa de entrada, caso não tenha encontrado nossa mensagem.");
+            },
+            error: (error) => {
+                this.isLoadingGetNewCode = false;
+                //this._projectUtilservice.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            },
+        });
+    }
+    // #endregion POST
+    // #region UTILIDADES
+    // Retorno para a tela de login
+    voltar() {
+        this._subscription.unsubscribe();
+        this.showParmsAuthentication2Fa = false;
+        this._authStorageService.logout();
+        this._router.navigate(["/auth/login"]);
+    }
+    // #endregion UTILIDADES
+    // #endregion ==========> SERVICE METHODS <==========
+    // #region ==========> MODALS <==========
+    // Executa esquecer senha
+    openForgottenPasswordModal(template) {
+        this.createFormForgottenPassword();
+        this.modalRef = this._bsModalService.show(template, {
+            class: 'modal-dialog-centered',
+            ignoreBackdropClick: false,
+            keyboard: false,
+            id: this.idFgtPsw
+        });
+    }
+    // Encerra esquecer senha
+    closeForgottenPasswordModal() {
+        this._bsModalService.hide(this.idFgtPsw);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoginComponent, deps: [{ token: i1$2.BsModalService }, { token: i5.MessageService }, { token: i3.FormBuilder }, { token: AuthService }, { token: ServerService }, { token: EnvironmentService }, { token: AuthStorageService }, { token: LibCustomLoginService }, { token: i9.Title }, { token: i1$1.Router }, { token: i11.ToastrService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoginComponent, selector: "lib-login", ngImport: i0, template: "<div class=\"container-fluid\">\r\n\t<div class=\"row\">\r\n\t\t<!-- Conte\u00FAdo da DIV do background -->\r\n\t\t<div class=\"col-md-7\">\r\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}})\">\r\n\t\t\t\t<div class=\"text-position texto-apresentacao ps-5\">\r\n\t\t\t\t\t<h1 class=\"title\" id=\"title\"></h1>\r\n\t\t\t\t\t<p class=\"subtitle\" id=\"subtitle\"></p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<!-- Conte\u00FAdo da DIV de Login -->\r\n\t\t<div class=\"col-md-5\">\r\n\r\n\t\t\t<div class=\"div-size\">\r\n\t\t\t\t<div class=\"logotipo\">\r\n\t\t\t\t\t<img style=\"height: 95px;\" src=\"{{ this._customLoginService.loginLogotipo }}\" alt=\"{{ this._customLoginService.loginAltLogotipo }}\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<form  *ngIf=\"!showParmsAuthentication2Fa; else Authentication2Fa\" [formGroup]=\"form\" class=\"form-position\">\r\n\t\t\t\t\t<div class=\"input-group input-group-lg form-item\">\r\n\t\t\t\t\t\t<span class=\"input-group-text\" id=\"basic-addon1\"\r\n\t\t\t\t\t\t\tstyle=\"padding: 10px; border-radius: 4px 0px 0px 4px\">\r\n\t\t\t\t\t\t\t<img src=\"assets/icons/cloud.svg\" alt=\"cloud icon\" />\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" formControlName=\"dominio\" id=\"dominio\"\r\n\t\t\t\t\t\t\taria-label=\"Sizing example input\" placeholder=\"Dom\u00EDnio\" aria-label=\"Dom\u00EDnio\"\r\n\t\t\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('dominio'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('dominio')\" label=\"Dom\u00EDnio\"></app-field-error-message>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"input-group input-group-lg form-item\">\r\n\t\t\t\t\t\t<span class=\"input-group-text\" id=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\tstyle=\"padding: 10px; border-radius: 4px 0px 0px 4px\">\r\n\t\t\t\t\t\t\t<img src=\"assets/icons/at-sign.svg\" alt=\"at-sign icon\" />\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" formControlName=\"usuario\" id=\"usuario\"\r\n\t\t\t\t\t\t\taria-label=\"Sizing example input\" placeholder=\"Usu\u00E1rio\" aria-label=\"Usu\u00E1rio\"\r\n\t\t\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('usuario'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('usuario')\" label=\"Usu\u00E1rio\"></app-field-error-message>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"input-group input-group-lg form-item\" style=\"margin-bottom: 8px;\">\r\n\t\t\t\t\t\t<span class=\"input-group-text\" id=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\tstyle=\"padding: 10px; border-radius: 4px 0px 0px 4px;\">\r\n\t\t\t\t\t\t\t<img src=\"assets/icons/lock.svg\" alt=\"lock-icon\" />\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input type=\"password\" class=\"form-control\" formControlName=\"senha\" id=\"senha\"\r\n\t\t\t\t\t\t\taria-label=\"Sizing example input\" placeholder=\"Senha\" aria-label=\"senha\"\r\n\t\t\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('senha'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('senha')\" label=\"Senha\"></app-field-error-message>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"remember-password\">\r\n\t\t\t\t\t<!-- Lembrar Senha\r\n\t\t\t\t\t\t<input id=\"checkboxLembrarSenha\" type=\"checkbox\" />\r\n\t\t\t\t\t\t<label for=\"checkboxLembrarSenha\"> Lembrar minha senha </label>\r\n \t\t\t\t\t-->\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<button [disabled]=\"isLoading\" (click)=\"getServer()\" type=\"submit\"\r\n\t\t\t\t\t\tclass=\"btn btn-primary btn-acessar btn-lg\">\r\n\t\t\t\t\t\t<app-loading-button [isLoading]=\"isLoading\"></app-loading-button>\r\n\t\t\t\t\t\t<span> Acessar </span>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<button type=\"button\" (click)=\"openForgottenPasswordModal(forgottenPasswordModal)\" class=\"forgotten-password\">\r\n\t\t\t\t\t\t<span> Esqueceu sua senha? </span>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</form>\r\n\r\n\t\t\t\t<ng-template #Authentication2Fa>\r\n\t\t\t\t\t<form [formGroup]=\"formAuthentication2Fa\" class=\"form-position\">\r\n\t\t\t\t\t\t<div class=\"input-group input-group-lg form-item mb-3\">\r\n\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t\tstyle=\"padding: 10px; border-radius: 4px 0px 0px 4px;\">\r\n\t\t\t\t\t\t\t\t<img src=\"assets/icons/lock.svg\" alt=\"lock-icon\" />\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" formControlName=\"code\" id=\"code\"\r\n\t\t\t\t\t\t\t\taria-label=\"Sizing example input\" placeholder=\"C\u00F3digo de 2 fatores\" aria-label=\"C\u00F3digo de 2 fatores\"\r\n\t\t\t\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formAuthentication2Fa.get('code'))\">\r\n\t\t\t\t\t\t\t<app-field-error-message [control]=\"formAuthentication2Fa.get('code')\" label=\"C\u00F3digo de 2 fatores\"></app-field-error-message>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"row mb-3\">\r\n\t\t\t\t\t\t\t<button (click)=\"voltar()\" type=\"button\" class=\"btn btn-acessar glb-btn-outline-dark-disabled col me-1\">\r\n\t\t\t\t\t\t\t\tVoltar\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t<button [disabled]=\"isLoadingSendAuthentication2Fa\" (click)=\"sendCode()\" type=\"button\" class=\"btn btn-acessar btn-primary col ms-1\">\r\n\t\t\t\t\t\t\t\t<app-loading-button [isLoading]=\"isLoadingSendAuthentication2Fa\"></app-loading-button>\r\n\t\t\t\t\t\t\t\tAcessar\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t<button *ngIf=\"secondsLeft == 0; else newCode\" \r\n\t\t\t\t\t\t\t\t[disabled]=\"isLoading\" (click)=\"getNewCode()\" type=\"button\" class=\"btn btn-acessar btn-outline-primary col\">\r\n\t\t\t\t\t\t\t\t<app-loading-button [isLoading]=\"isLoading\"></app-loading-button>\r\n\t\t\t\t\t\t\t\tEnviar novo c\u00F3digo\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t<ng-template #newCode>\r\n\t\t\t\t\t\t\t\t<p class=\"text-center\">{{ secondsLeft}} {{ secondsLeft == 1 ? 'segundo' : 'segundos' }} para obter novo c\u00F3digo</p>\r\n\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</form>\t\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"footer-position\">\r\n\t\t\t\t\t<footer>\r\n\t\t\t\t\t\t<span class=\"footer\"> \r\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=\"sispro text-primary\"> Pol\u00EDtica de Privacidade </a>\r\n\t\t\t\t\t\t\t<p class=\"separator\"> | </p>\r\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=\"sispro text-primary\"> Pol\u00EDtica de Cookies </a>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"footer\"> Desenvolvido por \r\n\t\t\t\t\t\t\t<a href=\"https://www.sispro.com.br/\" target=\"_blank\" class=\"sispro text-primary\"> sispro s/a </a>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"footer\"> Servi\u00E7os e Tecnologia da informa\u00E7\u00E3o \u00A9 {{ year }} Todos os direitos reservados </span>\r\n\t\t\t\t\t\t\t<div class=\"icons\">\r\n\t\t\t\t\t\t\t\t<a href=\"https://pt-br.facebook.com/SisproERP/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t\t<lib-icon class=\"text-primary\" iconName=\"facebook\" iconSize=\"medium-small\"/>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t<a href=\"https://www.instagram.com/accounts/login/?next=/sispro_software/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t\t<lib-icon class=\"text-primary\" iconName=\"instagram\" iconSize=\"medium-small\"/>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t<a href=\"https://br.linkedin.com/company/sispro\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t\t<lib-icon class=\"text-primary\" iconName=\"linkedin\" iconSize=\"medium-small\"/>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"d-flex justify-content-center\">\r\n\t\t\t\t\t\t\t\t<a [href]=\"geturlErpConfig()\" style=\"text-decoration: none; font-size: 12px;\">\r\n\t\t\t\t\t\t\t\t\tConfigurar ERP\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</footer>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<!-- Template do modal de senha esquecida -->\r\n<ng-template #forgottenPasswordModal>\r\n\t<form [formGroup]=\"formFgtPsw\">\r\n\t\t<div class=\"modal-content\" style=\"box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);\">\r\n\t\t\t<div class=\"modal-header p-3\">\r\n\t\t\t\t<h4 class=\"modal-title\"> Recupera\u00E7\u00E3o de senha </h4>\r\n\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\r\n\t\t\t\t\t(click)=\"closeForgottenPasswordModal()\">\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"modal-body\">\r\n\t\t\t\t<label for=\"inputDominioFgtPsw\" class=\"input-label\"> Dom\u00EDnio <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t<input type=\"text\" id=\"inputDominioFgtPsw\" formControlName=\"dominioFgtPsw\"\r\n\t\t\t\t\tclass=\"form-control input-text\" aria-label=\"Sizing example input\" aria-label=\"Dom\u00EDnio\"\r\n\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formFgtPsw.get('dominioFgtPsw'))\">\r\n\t\t\t\t<app-field-error-message [control]=\"formFgtPsw.get('dominioFgtPsw')\" label=\"Dom\u00EDnio\"></app-field-error-message>\t\t\t\t\r\n\r\n\t\t\t\t<label for=\"inputUsuarioFgtPsw\" class=\"input-label\"> Usu\u00E1rio <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t<input type=\"text\" id=\"inputUsuarioFgtPsw\" formControlName=\"usuarioFgtPsw\"\r\n\t\t\t\t\tclass=\"form-control input-text\" aria-label=\"Sizing example input\" aria-label=\"Usu\u00E1rio\"\r\n\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formFgtPsw.get('usuarioFgtPsw'))\">\r\n\t\t\t\t<app-field-error-message [control]=\"formFgtPsw.get('usuarioFgtPsw')\" label=\"Usu\u00E1rio\"></app-field-error-message>\t\t\t\t\r\n\t\t\r\n\t\t\t</div>\r\n\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t<button type=\"button\" class=\"btn glb-btn-dark-disabled modal-button\" (click)=\"closeForgottenPasswordModal()\">\r\n\t\t\t\t\t<span> Cancelar </span>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"btn btn-primary modal-button\" (click)=\"sendForgottenPassword();\">\r\n\t\t\t\t\t<span> Continuar </span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</form>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";*{padding:0;margin:0;font-family:Open Sans,sans-serif}.background{display:grid;height:100vh;align-content:center;background-size:cover;color:#f5f5f5;align-items:center;justify-content:center}.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}.title{font-size:3.5vw;text-transform:uppercase;font-weight:700}.subtitle{font-size:21px}.logotipo{display:flex;justify-content:center;margin-top:10%}.form-position{display:flex;flex-direction:column;align-content:center;width:378px}.form-item{margin-bottom:16px}.input-group-text{padding:10px 11px;border-radius:4px 0 0 4px}.remember-password{display:flex;align-items:center;margin-bottom:8px;justify-content:center}.remember-password label{margin-left:8px}.forgotten-password{background-color:#f5f5f5;border:none;text-decoration:underline;font-size:14px;box-shadow:none;margin-top:8px;cursor:pointer}.forgotten-password:focus{outline-style:none}.input-label{font-size:16px;padding:10px 0 8px 16px}.input-label:first-child{font-size:16px;padding-top:16px}.input-text{width:343px;height:38px;margin:0 0 10px 16px;padding:0 8px}.input-text:last-child{font-size:16px;margin-bottom:24px}.form-control{max-width:341px}.footer{display:flex;justify-content:center}.footer-position{font-size:14px;display:flex;justify-content:center;align-items:flex-end}.icons{display:flex;justify-content:center;align-items:center;margin-top:16px}.icons a{padding:4px}.icon-item{margin-left:24px;color:#007bff}.sispro{color:#2847a0;margin-left:5px;text-transform:uppercase;text-decoration:none;font-weight:700}.modal-footer{padding:0}.modal:before{content:\"\";display:inline-block;height:100%;vertical-align:middle}.modal-style{display:flex;align-items:center;justify-content:center}.modal-style h4{font-size:20px;font-weight:700;padding:10px}.modal-button{margin:16px 0;padding:7px 12px}.modal-button:last-child{margin-right:16px;margin-left:8px}.modal-close{display:flex;align-content:center;margin-right:10px;padding:6px}.col-md-7,.col-md-5{padding:0}.btn-acessar{height:48px;outline-style:none}.texto-apresentacao{align-items:start}.separator{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.FieldErrorMessageComponent, selector: "app-field-error-message, lib-error-message", inputs: ["customMessage", "control", "label"] }, { kind: "component", type: i5.LoadingButtonComponent, selector: "app-loading-button, lib-loading-button", inputs: ["isLoading"] }, { kind: "component", type: i5.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }], preserveWhitespaces: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-login', standalone: false, preserveWhitespaces: true, template: "<div class=\"container-fluid\">\r\n\t<div class=\"row\">\r\n\t\t<!-- Conte\u00FAdo da DIV do background -->\r\n\t\t<div class=\"col-md-7\">\r\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}})\">\r\n\t\t\t\t<div class=\"text-position texto-apresentacao ps-5\">\r\n\t\t\t\t\t<h1 class=\"title\" id=\"title\"></h1>\r\n\t\t\t\t\t<p class=\"subtitle\" id=\"subtitle\"></p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<!-- Conte\u00FAdo da DIV de Login -->\r\n\t\t<div class=\"col-md-5\">\r\n\r\n\t\t\t<div class=\"div-size\">\r\n\t\t\t\t<div class=\"logotipo\">\r\n\t\t\t\t\t<img style=\"height: 95px;\" src=\"{{ this._customLoginService.loginLogotipo }}\" alt=\"{{ this._customLoginService.loginAltLogotipo }}\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<form  *ngIf=\"!showParmsAuthentication2Fa; else Authentication2Fa\" [formGroup]=\"form\" class=\"form-position\">\r\n\t\t\t\t\t<div class=\"input-group input-group-lg form-item\">\r\n\t\t\t\t\t\t<span class=\"input-group-text\" id=\"basic-addon1\"\r\n\t\t\t\t\t\t\tstyle=\"padding: 10px; border-radius: 4px 0px 0px 4px\">\r\n\t\t\t\t\t\t\t<img src=\"assets/icons/cloud.svg\" alt=\"cloud icon\" />\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" formControlName=\"dominio\" id=\"dominio\"\r\n\t\t\t\t\t\t\taria-label=\"Sizing example input\" placeholder=\"Dom\u00EDnio\" aria-label=\"Dom\u00EDnio\"\r\n\t\t\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('dominio'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('dominio')\" label=\"Dom\u00EDnio\"></app-field-error-message>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"input-group input-group-lg form-item\">\r\n\t\t\t\t\t\t<span class=\"input-group-text\" id=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\tstyle=\"padding: 10px; border-radius: 4px 0px 0px 4px\">\r\n\t\t\t\t\t\t\t<img src=\"assets/icons/at-sign.svg\" alt=\"at-sign icon\" />\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" formControlName=\"usuario\" id=\"usuario\"\r\n\t\t\t\t\t\t\taria-label=\"Sizing example input\" placeholder=\"Usu\u00E1rio\" aria-label=\"Usu\u00E1rio\"\r\n\t\t\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('usuario'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('usuario')\" label=\"Usu\u00E1rio\"></app-field-error-message>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"input-group input-group-lg form-item\" style=\"margin-bottom: 8px;\">\r\n\t\t\t\t\t\t<span class=\"input-group-text\" id=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\tstyle=\"padding: 10px; border-radius: 4px 0px 0px 4px;\">\r\n\t\t\t\t\t\t\t<img src=\"assets/icons/lock.svg\" alt=\"lock-icon\" />\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<input type=\"password\" class=\"form-control\" formControlName=\"senha\" id=\"senha\"\r\n\t\t\t\t\t\t\taria-label=\"Sizing example input\" placeholder=\"Senha\" aria-label=\"senha\"\r\n\t\t\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('senha'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('senha')\" label=\"Senha\"></app-field-error-message>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"remember-password\">\r\n\t\t\t\t\t<!-- Lembrar Senha\r\n\t\t\t\t\t\t<input id=\"checkboxLembrarSenha\" type=\"checkbox\" />\r\n\t\t\t\t\t\t<label for=\"checkboxLembrarSenha\"> Lembrar minha senha </label>\r\n \t\t\t\t\t-->\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<button [disabled]=\"isLoading\" (click)=\"getServer()\" type=\"submit\"\r\n\t\t\t\t\t\tclass=\"btn btn-primary btn-acessar btn-lg\">\r\n\t\t\t\t\t\t<app-loading-button [isLoading]=\"isLoading\"></app-loading-button>\r\n\t\t\t\t\t\t<span> Acessar </span>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<button type=\"button\" (click)=\"openForgottenPasswordModal(forgottenPasswordModal)\" class=\"forgotten-password\">\r\n\t\t\t\t\t\t<span> Esqueceu sua senha? </span>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</form>\r\n\r\n\t\t\t\t<ng-template #Authentication2Fa>\r\n\t\t\t\t\t<form [formGroup]=\"formAuthentication2Fa\" class=\"form-position\">\r\n\t\t\t\t\t\t<div class=\"input-group input-group-lg form-item mb-3\">\r\n\t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t\tstyle=\"padding: 10px; border-radius: 4px 0px 0px 4px;\">\r\n\t\t\t\t\t\t\t\t<img src=\"assets/icons/lock.svg\" alt=\"lock-icon\" />\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" formControlName=\"code\" id=\"code\"\r\n\t\t\t\t\t\t\t\taria-label=\"Sizing example input\" placeholder=\"C\u00F3digo de 2 fatores\" aria-label=\"C\u00F3digo de 2 fatores\"\r\n\t\t\t\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formAuthentication2Fa.get('code'))\">\r\n\t\t\t\t\t\t\t<app-field-error-message [control]=\"formAuthentication2Fa.get('code')\" label=\"C\u00F3digo de 2 fatores\"></app-field-error-message>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"row mb-3\">\r\n\t\t\t\t\t\t\t<button (click)=\"voltar()\" type=\"button\" class=\"btn btn-acessar glb-btn-outline-dark-disabled col me-1\">\r\n\t\t\t\t\t\t\t\tVoltar\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t<button [disabled]=\"isLoadingSendAuthentication2Fa\" (click)=\"sendCode()\" type=\"button\" class=\"btn btn-acessar btn-primary col ms-1\">\r\n\t\t\t\t\t\t\t\t<app-loading-button [isLoading]=\"isLoadingSendAuthentication2Fa\"></app-loading-button>\r\n\t\t\t\t\t\t\t\tAcessar\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t<button *ngIf=\"secondsLeft == 0; else newCode\" \r\n\t\t\t\t\t\t\t\t[disabled]=\"isLoading\" (click)=\"getNewCode()\" type=\"button\" class=\"btn btn-acessar btn-outline-primary col\">\r\n\t\t\t\t\t\t\t\t<app-loading-button [isLoading]=\"isLoading\"></app-loading-button>\r\n\t\t\t\t\t\t\t\tEnviar novo c\u00F3digo\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t<ng-template #newCode>\r\n\t\t\t\t\t\t\t\t<p class=\"text-center\">{{ secondsLeft}} {{ secondsLeft == 1 ? 'segundo' : 'segundos' }} para obter novo c\u00F3digo</p>\r\n\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</form>\t\r\n\t\t\t\t</ng-template>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"footer-position\">\r\n\t\t\t\t\t<footer>\r\n\t\t\t\t\t\t<span class=\"footer\"> \r\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=\"sispro text-primary\"> Pol\u00EDtica de Privacidade </a>\r\n\t\t\t\t\t\t\t<p class=\"separator\"> | </p>\r\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=\"sispro text-primary\"> Pol\u00EDtica de Cookies </a>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"footer\"> Desenvolvido por \r\n\t\t\t\t\t\t\t<a href=\"https://www.sispro.com.br/\" target=\"_blank\" class=\"sispro text-primary\"> sispro s/a </a>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"footer\"> Servi\u00E7os e Tecnologia da informa\u00E7\u00E3o \u00A9 {{ year }} Todos os direitos reservados </span>\r\n\t\t\t\t\t\t\t<div class=\"icons\">\r\n\t\t\t\t\t\t\t\t<a href=\"https://pt-br.facebook.com/SisproERP/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t\t<lib-icon class=\"text-primary\" iconName=\"facebook\" iconSize=\"medium-small\"/>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t<a href=\"https://www.instagram.com/accounts/login/?next=/sispro_software/\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t\t<lib-icon class=\"text-primary\" iconName=\"instagram\" iconSize=\"medium-small\"/>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t<a href=\"https://br.linkedin.com/company/sispro\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t\t<lib-icon class=\"text-primary\" iconName=\"linkedin\" iconSize=\"medium-small\"/>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"d-flex justify-content-center\">\r\n\t\t\t\t\t\t\t\t<a [href]=\"geturlErpConfig()\" style=\"text-decoration: none; font-size: 12px;\">\r\n\t\t\t\t\t\t\t\t\tConfigurar ERP\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</footer>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<!-- Template do modal de senha esquecida -->\r\n<ng-template #forgottenPasswordModal>\r\n\t<form [formGroup]=\"formFgtPsw\">\r\n\t\t<div class=\"modal-content\" style=\"box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);\">\r\n\t\t\t<div class=\"modal-header p-3\">\r\n\t\t\t\t<h4 class=\"modal-title\"> Recupera\u00E7\u00E3o de senha </h4>\r\n\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\r\n\t\t\t\t\t(click)=\"closeForgottenPasswordModal()\">\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"modal-body\">\r\n\t\t\t\t<label for=\"inputDominioFgtPsw\" class=\"input-label\"> Dom\u00EDnio <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t<input type=\"text\" id=\"inputDominioFgtPsw\" formControlName=\"dominioFgtPsw\"\r\n\t\t\t\t\tclass=\"form-control input-text\" aria-label=\"Sizing example input\" aria-label=\"Dom\u00EDnio\"\r\n\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formFgtPsw.get('dominioFgtPsw'))\">\r\n\t\t\t\t<app-field-error-message [control]=\"formFgtPsw.get('dominioFgtPsw')\" label=\"Dom\u00EDnio\"></app-field-error-message>\t\t\t\t\r\n\r\n\t\t\t\t<label for=\"inputUsuarioFgtPsw\" class=\"input-label\"> Usu\u00E1rio <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t<input type=\"text\" id=\"inputUsuarioFgtPsw\" formControlName=\"usuarioFgtPsw\"\r\n\t\t\t\t\tclass=\"form-control input-text\" aria-label=\"Sizing example input\" aria-label=\"Usu\u00E1rio\"\r\n\t\t\t\t\taria-describedby=\"inputGroup-sizing-lg\"\r\n\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(formFgtPsw.get('usuarioFgtPsw'))\">\r\n\t\t\t\t<app-field-error-message [control]=\"formFgtPsw.get('usuarioFgtPsw')\" label=\"Usu\u00E1rio\"></app-field-error-message>\t\t\t\t\r\n\t\t\r\n\t\t\t</div>\r\n\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t<button type=\"button\" class=\"btn glb-btn-dark-disabled modal-button\" (click)=\"closeForgottenPasswordModal()\">\r\n\t\t\t\t\t<span> Cancelar </span>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button type=\"button\" class=\"btn btn-primary modal-button\" (click)=\"sendForgottenPassword();\">\r\n\t\t\t\t\t<span> Continuar </span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</form>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";*{padding:0;margin:0;font-family:Open Sans,sans-serif}.background{display:grid;height:100vh;align-content:center;background-size:cover;color:#f5f5f5;align-items:center;justify-content:center}.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}.title{font-size:3.5vw;text-transform:uppercase;font-weight:700}.subtitle{font-size:21px}.logotipo{display:flex;justify-content:center;margin-top:10%}.form-position{display:flex;flex-direction:column;align-content:center;width:378px}.form-item{margin-bottom:16px}.input-group-text{padding:10px 11px;border-radius:4px 0 0 4px}.remember-password{display:flex;align-items:center;margin-bottom:8px;justify-content:center}.remember-password label{margin-left:8px}.forgotten-password{background-color:#f5f5f5;border:none;text-decoration:underline;font-size:14px;box-shadow:none;margin-top:8px;cursor:pointer}.forgotten-password:focus{outline-style:none}.input-label{font-size:16px;padding:10px 0 8px 16px}.input-label:first-child{font-size:16px;padding-top:16px}.input-text{width:343px;height:38px;margin:0 0 10px 16px;padding:0 8px}.input-text:last-child{font-size:16px;margin-bottom:24px}.form-control{max-width:341px}.footer{display:flex;justify-content:center}.footer-position{font-size:14px;display:flex;justify-content:center;align-items:flex-end}.icons{display:flex;justify-content:center;align-items:center;margin-top:16px}.icons a{padding:4px}.icon-item{margin-left:24px;color:#007bff}.sispro{color:#2847a0;margin-left:5px;text-transform:uppercase;text-decoration:none;font-weight:700}.modal-footer{padding:0}.modal:before{content:\"\";display:inline-block;height:100%;vertical-align:middle}.modal-style{display:flex;align-items:center;justify-content:center}.modal-style h4{font-size:20px;font-weight:700;padding:10px}.modal-button{margin:16px 0;padding:7px 12px}.modal-button:last-child{margin-right:16px;margin-left:8px}.modal-close{display:flex;align-content:center;margin-right:10px;padding:6px}.col-md-7,.col-md-5{padding:0}.btn-acessar{height:48px;outline-style:none}.texto-apresentacao{align-items:start}.separator{margin-left:5px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.BsModalService }, { type: i5.MessageService }, { type: i3.FormBuilder }, { type: AuthService }, { type: ServerService }, { type: EnvironmentService }, { type: AuthStorageService }, { type: LibCustomLoginService }, { type: i9.Title }, { type: i1$1.Router }, { type: i11.ToastrService }] });
+
+/**Service responsável por pegar as opções do menu do projeto em que está sendo utilizada*/
+class MenuConfigService {
+    constructor() {
+        this._menuOptions = [];
+        /** Indica se o menu é estático ou dinâmico. */
+        this._isMenuStatic = false;
+        this.menu = [];
+        this.menuDropdown = [];
+    }
+    /** Obtém as opções do menu. */
+    get menuOptions() { return this._menuOptions; }
+    set menuOptions(value) { this._menuOptions = value; }
+    /** Inicializa as opções do menu com base na rota atual e em uma lista personalizada (opcional).
+     * @param currentRoute A rota atual da aplicação
+     * @param customList Uma lista personalizada de opções de menu (opcional).
+     * @returns As opções do menu inicializadas.
+     */
+    setMenuStatic(isStaticMenu) {
+        this._isMenuStatic = isStaticMenu;
+    }
+    initializeMenu(currentRoute, customList) {
+        if (this.storedInitializeMenu) {
+            this.menu = this.storedInitializeMenu(currentRoute, customList);
+        }
+        return this.menu;
+    }
+    updateRouteSelection(currentRoute, currentList) {
+        currentList.forEach((item) => {
+            if (item.children) {
+                item.children.forEach(child => { child.isSelected = currentRoute.includes(child.route); });
+            }
+            const anyChildSelected = item.children ? item.children.some(child => child.isSelected === true) : false;
+            item.isSelected = false;
+            if (!item.children && currentRoute.includes(item.route)) {
+                item.isSelected = true;
+            }
+            else if (item.children && anyChildSelected) {
+                item.isSelected = true;
+            }
+        });
+        return 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) {
+        if (this.storedInitializeMenuDropdown) {
+            this.menuDropdown = this.storedInitializeMenuDropdown(primaryDropdownList);
+        }
+        return this.menuDropdown;
+    }
+    ConfigurarMenuConfig(menuConfig) {
+        //passando propriedades do produto para a lib
+        this._menuOptions = menuConfig.menuOptions;
+        this._isMenuStatic = menuConfig.isMenuStatic;
+        //passando implementação dos métodos do produto para a lib
+        this.storedInitializeMenu = menuConfig.initializeMenu;
+        this.storedInitializeMenuDropdown = menuConfig.initializeMenuDropdown;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuConfigService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuConfigService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class LibCustomMenuService {
+    /** Obtém as opções do menu. */
+    get menuItems() {
+        return this._menuItems;
+    }
+    set menuItems(value) {
+        this._menuItems = value;
+    }
+    setEmpresa(value) { this.empresaId.next(value); }
+    constructor(_menuConfig, _authStorageService, _router) {
+        this._menuConfig = _menuConfig;
+        this._authStorageService = _authStorageService;
+        this._router = _router;
+        // #region Propriedade Customizadas do Menu
+        this.menuDynamic = false;
+        this.moduleName = "";
+        this.moduleImg = "";
+        this.moduleSvg = "";
+        this.themeColor = "";
+        // #endregion Propriedade Customizadas do Menu
+        // #region Propriedade do Menu
+        this._MENU_BASE_URL = "https://siscandesv6.sispro.com.br/SisproErpCloud/Service_Private/Infra/SpInfra2ErpWS/api";
+        this.currentURL = "";
+        this._menuItems = [];
+        this.menuList = [];
+        this.menuLateralUpdated = [];
+        // ! Definição do BehaviorSubject: responsável principal da emissão do evento
+        this.empresaId = new BehaviorSubject({ estabelecimentoID: "", empresaID: "" });
+        this.applyEmpresa$ = this.empresaId.asObservable();
+        // inicializações do Menu Dinâmico
+        this.currentURL = this._router.url;
+        this.menuConfig = _menuConfig;
+    }
+    ConfigurarCustomMenuService(RealcustomMenuService) {
+        //passando propriedades do produto para a lib
+        this.menuDynamic = RealcustomMenuService.menuDynamic;
+        this.moduleName = RealcustomMenuService.moduleName;
+        this.moduleImg = RealcustomMenuService.moduleImg;
+        this.moduleSvg = RealcustomMenuService.moduleSvg;
+        this.themeColor = RealcustomMenuService.themeColor;
+        //passando implementação dos métodos do produto para a lib
+        this.storedMenuStaticOnInit = RealcustomMenuService.menuStaticOnInit;
+        this.storedMenuopenExpansibleMenu = RealcustomMenuService.menuopenExpansibleMenu;
+        this.storedMenuDynamicOnInit = RealcustomMenuService.menuDynamicOnInit;
+    }
+    // #region - Métodos Customizadas para o Menu dinâmico
+    // Método executado no menu-lateral.component.ts - método: onInit ()
+    // Utilizado para inicializações diversas
+    menuDynamicOnInit() {
+        if (this.storedMenuDynamicOnInit) {
+            this.storedMenuDynamicOnInit();
+        }
+    }
+    // Método executado no menu-lateral.component.ts - método: onInit ()
+    // Utilizado para inicializações diversas
+    menuStaticOnInit() {
+        if (this.storedMenuStaticOnInit) {
+            this.storedMenuStaticOnInit();
+        }
+    }
+    // Método executado no menu-lateral.component.ts - método: openExpansibleMenu()
+    // Utilizado para inicializações ao Exoandir a opção de Menu
+    menuopenExpansibleMenu(ref) {
+        if (this.storedMenuopenExpansibleMenu) {
+            this.storedMenuopenExpansibleMenu(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() {
+        this.setEmpresa({
+            estabelecimentoID: this._authStorageService.infraEstabId,
+            empresaID: this._authStorageService.infraEmpresaId
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibCustomMenuService, deps: [{ token: MenuConfigService }, { token: AuthStorageService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibCustomMenuService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LibCustomMenuService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: MenuConfigService }, { type: AuthStorageService }, { type: i1$1.Router }] });
+
+//import { environment } from '../../../../environments/environments';
+// import { ProjectUtilservice } from 'src/app/project/utils/project-utils.service';
+class SecondaryDropdownComponent {
+    constructor() {
+        this.modulo = { id: null, icon: null, label: null, URL: null, secondary_level: null };
+        this.backPrimaryDropdown = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    backToPrimary() {
+        this.backPrimaryDropdown.emit(true);
+    }
+    redirectToModulo(modulo) {
+        const url = `https://siscandesv6.sispro.com.br/SisproErpCloud/${modulo}`;
+        window.open(url, '_blank');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SecondaryDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SecondaryDropdownComponent, selector: "app-secondary-dropdown", inputs: { modulo: "modulo" }, outputs: { backPrimaryDropdown: "backPrimaryDropdown" }, ngImport: i0, template: "<div class=\"d-flex flex-row\">\r\n  <button class=\"chevron d-flex m-0 p-0 align-items-start\" (click)=\"backToPrimary()\"> \r\n    <lib-icon iconName=\"seta-esquerda\" iconSize=\"small\"/>\r\n  </button>\r\n\r\n  <div class=\"d-flex flex-column flex-row\">\r\n    <li *ngIf=\"modulo != null\">\r\n      <img class=\"ms-1 mb-2\" src=\"{{ modulo.icon }}\" alt=\"{{ modulo.label }}\">\r\n      <span>{{ modulo.label }}</span>\r\n    </li>\r\n    <div *ngIf=\"modulo && modulo.secondary_level != null\">\r\n      <li *ngFor=\"let moduloItem of modulo.secondary_level;\" (click)=\"redirectToModulo(moduloItem.URL)\">\r\n        <a class=\"dropdown-item mb-2 ms-2\">\r\n          <img src=\"{{ moduloItem.icon }}\" alt=\"{{ moduloItem.label }}\">\r\n          {{ moduloItem.label }}\r\n        </a>\r\n      <li>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["*{padding:0;margin:0}.chevron{margin-bottom:16px;margin-left:14px}li img{margin-left:8px;margin-right:4px}li span{font-weight:700}li a:hover{font-weight:700;background-color:transparent}.dropdown-item{margin-left:32px}button{background-color:transparent;border:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SecondaryDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-secondary-dropdown', template: "<div class=\"d-flex flex-row\">\r\n  <button class=\"chevron d-flex m-0 p-0 align-items-start\" (click)=\"backToPrimary()\"> \r\n    <lib-icon iconName=\"seta-esquerda\" iconSize=\"small\"/>\r\n  </button>\r\n\r\n  <div class=\"d-flex flex-column flex-row\">\r\n    <li *ngIf=\"modulo != null\">\r\n      <img class=\"ms-1 mb-2\" src=\"{{ modulo.icon }}\" alt=\"{{ modulo.label }}\">\r\n      <span>{{ modulo.label }}</span>\r\n    </li>\r\n    <div *ngIf=\"modulo && modulo.secondary_level != null\">\r\n      <li *ngFor=\"let moduloItem of modulo.secondary_level;\" (click)=\"redirectToModulo(moduloItem.URL)\">\r\n        <a class=\"dropdown-item mb-2 ms-2\">\r\n          <img src=\"{{ moduloItem.icon }}\" alt=\"{{ moduloItem.label }}\">\r\n          {{ moduloItem.label }}\r\n        </a>\r\n      <li>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["*{padding:0;margin:0}.chevron{margin-bottom:16px;margin-left:14px}li img{margin-left:8px;margin-right:4px}li span{font-weight:700}li a:hover{font-weight:700;background-color:transparent}.dropdown-item{margin-left:32px}button{background-color:transparent;border:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { modulo: [{
+                type: Input
+            }], backPrimaryDropdown: [{
+                type: Output
+            }] } });
+
+//import { ProjectUtilservice } from 'src/app/project/utils/project-utils.service';
+//import { environment } from '../../../../environments/environments';
+class PrimaryDropdownComponent {
+    constructor(_customMenuService) {
+        this._customMenuService = _customMenuService;
+        this.buttonWasClicked = new Observable;
+        this.primaryDropdown = [];
+    }
+    ngOnInit() {
+        console.log('ngOnInit');
+        this.buttonWasClicked.subscribe(() => { this.selectDataState = true; });
+        // Resolver colisão de eventos
+        if (this._customMenuService.menuDynamic) {
+            if (!this._customMenuService.menuConfig) {
+                setTimeout(() => {
+                    this.primaryDropdown = this._customMenuService.menuConfig.initializeMenuDropdown(this.primaryDropdown);
+                }, 2000);
+            }
+            else {
+                this.primaryDropdown = this._customMenuService.menuConfig.initializeMenuDropdown(this.primaryDropdown);
+            }
+        }
+        else {
+            this.primaryDropdown = this._customMenuService.menuConfig.initializeMenuDropdown(this.primaryDropdown);
+        }
+    }
+    openDropdown(modulo, desiredDropdown) {
+        this.modulo = modulo;
+        if (desiredDropdown == null) {
+            this.selectDataState = true;
+        }
+        else {
+            this.selectDataState = false;
+        }
+    }
+    onClickedOutside(e, ref) {
+        if (this.selectDataState = false) {
+            this.selectDataState = true;
+        }
+    }
+    backToPrimary(data) {
+        this.selectDataState = true;
+    }
+    redirectToPrePortal() {
+        const url = `https://siscandesv6.sispro.com.br/SisproErpCloud/PrePortal`;
+        window.open(url, '_blank');
+    }
+    redirectToModulo(modulo) {
+        const url = `https://siscandesv6.sispro.com.br/SisproErpCloud/${modulo}`;
+        window.open(url, '_blank');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PrimaryDropdownComponent, deps: [{ token: LibCustomMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PrimaryDropdownComponent, selector: "app-primary-dropdown", inputs: { buttonWasClicked: "buttonWasClicked" }, ngImport: i0, template: "<div class=\"p-2\">\r\n    <div *ngIf=\"selectDataState; else secondary_dropdown\" class=\"mb-2 w-100\">\r\n            <li *ngFor=\"let modulo of primaryDropdown\" (click)=\"(modulo.secondary_level != null ? openDropdown(modulo, secondary_dropdown) : redirectToModulo(modulo.URL))\">\r\n                <a class=\"dropdown-item mb-2\">\r\n                    <img src=\"{{ modulo.icon }}\" alt=\"{{ modulo.label }}\">\r\n                    {{ modulo.label }}\r\n                </a>\r\n            </li>\r\n            <hr class=\"dropdown-divider\">\r\n            <li>\r\n                <a class=\"dropdown-item link-portal mt-2\" (click)=\"redirectToPrePortal()\" target=\"_blank\">Portal Sispro</a>\r\n            </li>\r\n    </div>\r\n\r\n    <ng-template #secondary_dropdown>\r\n        <div #secondary_ref (clickOutside)=\"onClickedOutside($event, secondary_ref)\">\r\n            <app-secondary-dropdown [modulo]=\"this.modulo\" (backPrimaryDropdown)=\"backToPrimary($event)\"></app-secondary-dropdown>\r\n        </div>\r\n    </ng-template>\r\n</div>", styles: ["*{padding:0;margin:0}li a{font-size:14px}li a img{margin-right:4px}li a:hover{font-weight:700;background-color:transparent}.dropdown-divider{height:0}.link-portal{color:#2847a0;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: SecondaryDropdownComponent, selector: "app-secondary-dropdown", inputs: ["modulo"], outputs: ["backPrimaryDropdown"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PrimaryDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-primary-dropdown', template: "<div class=\"p-2\">\r\n    <div *ngIf=\"selectDataState; else secondary_dropdown\" class=\"mb-2 w-100\">\r\n            <li *ngFor=\"let modulo of primaryDropdown\" (click)=\"(modulo.secondary_level != null ? openDropdown(modulo, secondary_dropdown) : redirectToModulo(modulo.URL))\">\r\n                <a class=\"dropdown-item mb-2\">\r\n                    <img src=\"{{ modulo.icon }}\" alt=\"{{ modulo.label }}\">\r\n                    {{ modulo.label }}\r\n                </a>\r\n            </li>\r\n            <hr class=\"dropdown-divider\">\r\n            <li>\r\n                <a class=\"dropdown-item link-portal mt-2\" (click)=\"redirectToPrePortal()\" target=\"_blank\">Portal Sispro</a>\r\n            </li>\r\n    </div>\r\n\r\n    <ng-template #secondary_dropdown>\r\n        <div #secondary_ref (clickOutside)=\"onClickedOutside($event, secondary_ref)\">\r\n            <app-secondary-dropdown [modulo]=\"this.modulo\" (backPrimaryDropdown)=\"backToPrimary($event)\"></app-secondary-dropdown>\r\n        </div>\r\n    </ng-template>\r\n</div>", styles: ["*{padding:0;margin:0}li a{font-size:14px}li a img{margin-right:4px}li a:hover{font-weight:700;background-color:transparent}.dropdown-divider{height:0}.link-portal{color:#2847a0;text-decoration:underline;text-align:center;font-weight:700;font-size:14px}\n"] }]
+        }], ctorParameters: () => [{ type: LibCustomMenuService }], propDecorators: { buttonWasClicked: [{
+                type: Input
+            }] } });
+
+class MenuServicesService {
+    constructor(_authStorageService, _httpClient) {
+        this._authStorageService = _authStorageService;
+        this._httpClient = _httpClient;
+        this._BASE_URL = "https://siscandesv6.sispro.com.br/SisproErpCloud/Service_Private/Infra/SpInfra2ErpWS/api"; // SpInfra2AplicWS
+        this._HTTP_HEADERS = new HttpHeaders().set('Content-Type', 'application/json');
+        // #endregion Menu: Estabelecimentos
+        // #endregion UPDATE
+        // #region DELETE
+        // [...]
+        // #endregion DELETE
+        // #endregion ==========> SERVICES <==========
+        // #region ==========> UTILITIES <==========
+        this._menuFooterImg = null;
+        // #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();
+        //verificar se é a melhor solucão
+        //this._BASE_URL = !environment.production ? this._BASE_URL : `${environment.SpInfra2ErpWS}`;
+    }
+    // #region ==========> SERVICES <==========
+    // #region PREPARATION
+    // #region Menu: Usuário
+    // [...]
+    // #endregion Menu: Usuário
+    // #region Menu: Estabelecimentos
+    getEstabelecimentosModalList(usuarioID, pesquisa) {
+        const params = new HttpParams()
+            .set('pesquisa', pesquisa);
+        const headers = new HttpHeaders()
+            .set('Content-Type', 'application/json');
+        const url = `${this._BASE_URL}/InfraEstabelecimento/GetEstabelecimentosModal`;
+        return this._httpClient
+            .get(url, { 'params': params, 'headers': headers })
+            .pipe(take(1), tap(response => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    // #endregion Menu: Estabelecimentos
+    // #endregion PREPARATION
+    // #region GET
+    // #region Menu: Usuário
+    getImagemMenu() {
+        const url = `${this._BASE_URL}/InfraUsuario/GetImagemMenu`;
+        return this._httpClient
+            .get(url, { 'headers': this._HTTP_HEADERS })
+            .pipe(take(1), tap(response => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+            this.saveImageToStorage(response.InfraUsuarioImg.IMAGEM, response.InfraUsuarioImg.FILENAME);
+        }));
+    }
+    // #endregion Menu: Usuário
+    // #region Menu: Estabelecimentos
+    getEstabelecimentoSession(estabID) {
+        const params = new HttpParams()
+            .set('id', estabID);
+        const url = `${this._BASE_URL}/InfraEstabelecimento/GetEstabelecimentoSession`;
+        return this._httpClient
+            .get(url, { 'params': params, 'headers': this._HTTP_HEADERS })
+            .pipe(take(1), tap(response => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    // #endregion Menu: Estabelecimentos
+    // #region Get Usuario Email
+    getUsuarioEmail() {
+        const url = `${this._BASE_URL}/InfraUsuario/GetUsuarioEmail`;
+        return this._httpClient
+            .get(url, { 'headers': this._HTTP_HEADERS })
+            .pipe(take(1), tap(response => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    // #endregion Get Usuario Email
+    // #endregion GET
+    // #region CREATE
+    // [...]
+    // #endregion CREATE
+    // #region UPDATE
+    // #region Menu: Usuário
+    updateLastLogEstabID(estabID) {
+        const params = new HttpParams()
+            .set('estabID', estabID);
+        const url = `${this._BASE_URL}/InfraUsuario/UpdateLastSelectedEstabelecimento`;
+        return this._httpClient
+            .post(url, null, { 'params': params, 'headers': this._HTTP_HEADERS })
+            .pipe(take(1), tap(response => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    // #endregion Menu: Usuário
+    // #region Menu: Estabelecimentos
+    defineDefaultEstabelecimento(estabID, usuarioID, isDefault) {
+        const params = new HttpParams()
+            .set('estabID', estabID)
+            .set('isDefault', isDefault);
+        const url = `${this._BASE_URL}/InfraEstabelecimento/DefineDefaultEstab`;
+        return this._httpClient
+            .post(url, null, { 'params': params, 'headers': this._HTTP_HEADERS })
+            .pipe(take(1), tap(response => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    getMenuFooterImg() {
+        const cachedFooterImg = JSON.parse(localStorage.getItem('menuFooterImg'));
+        if (cachedFooterImg) {
+            return cachedFooterImg;
+        }
+        return this._menuFooterImg;
+    }
+    setMenuFooterImg(value) {
+        this._menuFooterImg = value;
+        localStorage.setItem('menuFooterImg', JSON.stringify(value));
+    }
+    saveImageToStorage(footerImgSrc, footerImgName) {
+        this.setMenuFooterImg({ USUARIOID: this._authStorageService.infraUsuarioId, FILENAME: footerImgName, FILE: footerImgSrc });
+    }
+    newUserImageEvent(value) {
+        this._subject.next(value);
+    }
+    getNewUserImageEvent() {
+        return this._subject.asObservable();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuServicesService, deps: [{ token: AuthStorageService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuServicesService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuServicesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: AuthStorageService }, { type: i1.HttpClient }] });
+
+class SelecaoEstabelecimentosModalComponent {
+    constructor(_authStorageService, _bsModalService, _customMenuService, _menuServicesService, _messageService) {
+        this._authStorageService = _authStorageService;
+        this._bsModalService = _bsModalService;
+        this._customMenuService = _customMenuService;
+        this._menuServicesService = _menuServicesService;
+        this._messageService = _messageService;
+        // #region ==========> PROPERTIES <==========
+        // #region PRIVATE
+        // [...]
+        // #endregion PRIVATE
+        // #region PUBLIC
+        this.onClose = new EventEmitter();
+        this.onSelected = new EventEmitter();
+        this.$estabelecimentosList = [];
+        this.page = 1;
+        this.itemsPerPage = 10;
+        this.response_messages = {
+            'emptyMessage': 'Consulta não retornou registros...',
+            'totalMessage': 'Linhas encontradas.'
+        };
+    }
+    ngOnInit() {
+        this.getEstabelecimentos("");
+    }
+    // #endregion PUBLIC
+    // #endregion ==========> PROPERTIES <==========
+    // #region ==========> FORM BUILDER <==========
+    // #region DATA
+    // [...]
+    // #endregion DATA
+    // #region VALIDATORS
+    // [...]
+    // #endregion VALIDATORS
+    // #endregion ==========> FORM BUILDER <==========
+    // #region ==========> SERVICES <==========
+    // #region PREPARATION
+    refreshList(pesquisa) {
+        this.getEstabelecimentos(pesquisa);
+    }
+    getEstabelecimentos(pesquisa = "") {
+        this._menuServicesService.getEstabelecimentosModalList(this._authStorageService.infraUsuarioId, pesquisa).subscribe({
+            next: response => {
+                this.$estabelecimentosList = response.InfraEstabelecimentos;
+                this.resetPagination(this.$estabelecimentosList);
+                if (response.InfraEstabelecimentos.length == 0) {
+                    this._messageService.showAlertDanger(this.response_messages.emptyMessage);
+                }
+            },
+            error: error => {
+                //this._projectUtilService.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+                this.$estabelecimentosList = [];
+            }
+        });
+    }
+    // #endregion PREPARATION
+    // #region GET
+    // [...]
+    // #endregion GET
+    // #region CREATE OR UPDATE
+    /**
+     * Atualiza o estado do Estabelecimento, informando se ele é Padrão ou não.
+     * @param estabID ID do Estabelecimento a ser alterado
+     * @param isDefault Informa se ele é Padrão ou não
+     */
+    defineDefaultEstabelecimento(estabID, isDefault) {
+        this._menuServicesService.defineDefaultEstabelecimento(estabID, this._authStorageService.infraUsuarioId, isDefault).subscribe({
+            next: () => {
+                this.getEstabelecimentos("");
+                isDefault
+                    ? this._messageService.showAlertSuccess('Novo estabelecimento definido como padrão para o usuário')
+                    : this._messageService.showAlertSuccess('Estabelecimento padrão removido para o usuário');
+            },
+            error: error => {
+                //this._projectUtilService.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            }
+        });
+    }
+    // #endregion CREATE OR UPDATE
+    // #region DELETE
+    // [...]
+    // #endregion DELETE
+    // #endregion ==========> SERVICES <==========
+    // #region ==========> UTILITIES <==========
+    /**
+     * Envia um sinal ao componente pai com o ID e Nome do Estabelecimento selecionado no Modal
+     * @param estabID ID do Estabelecimento que será enviado
+     * @param estabNome Nome do Estabelecimento que será enviado
+     */
+    selectEstabelecimento(estabID, estabNome) {
+        // * Método customizado para emissão de evento ao trocar de estabelecimento
+        this._customMenuService.emitEstabelecimentoEvent();
+        this.onSelected.emit(estabID + " - " + estabNome);
+    }
+    /**
+     * Realiza uma nova pesquisa no banco para atualizar a lista a cada 3 caracteres digitados
+     * @param pesquisa Texto do input de pesquisa
+     */
+    updateSearch(pesquisa) {
+        pesquisa.length % 3 == 0
+            ? this.getEstabelecimentos(pesquisa)
+            : null;
+    }
+    /**
+     * Verifica se a string passada é alfanumérica.
+     * @param str String que será verificada
+     * @returns TRUE se for alfanumérica, caso contrário FALSE.
+     */
+    isAlphanumeric(str) {
+        var code, i, len;
+        for (i = 0, len = str.length; i < len; i++) {
+            code = str.charCodeAt(i);
+            if (!(code > 47 && code < 58) && // (0-9)
+                !(code > 64 && code < 91) && // (A-Z)
+                !(code > 96 && code < 123)) { // (a-z)
+                return false;
+            }
+        }
+        return true;
+    }
+    ;
+    /** Modifica a quantidade de itens a ser mostrada na lista.
+     * @param event parâmetro de evento que irá selecionar a nova quantidade.
+     */
+    onSelectChange(event) {
+        this.itemsPerPage = parseInt(event.target.value, 10);
+        this.page = 1;
+    }
+    /** Reseta a paginação da listagem.
+    */
+    resetPagination(list) {
+        // Cálculo para encontrar o valor inicial do index da página atual
+        const startIndex = (this.page - 1) * this.itemsPerPage;
+        // Condição para resetar o valor da paginação
+        if (list.length <= startIndex) {
+            this.page = 1;
+        }
+    }
+    // #endregion ==========> UTILITIES <==========
+    // #region ==========> MODALS <==========
+    /**
+     * Função simples com o objetivo de abrir os modais no centro da tela.
+     * @param template Template HTML do modal que será aberto.
+     * @param modalID ID do modal que será aberto, para que possa ser referenciado depois.
+    */
+    openModal(template, modalID) {
+        if (modalID == 4) {
+            this._bsModalService.show(template, {
+                id: modalID,
+                class: 'modal-dialog-centered modal-lg',
+                ignoreBackdropClick: false,
+                keyboard: false
+            });
+        }
+        else {
+            this._bsModalService.show(template, {
+                id: modalID,
+                class: 'modal-dialog-centered',
+                ignoreBackdropClick: false,
+                keyboard: false
+            });
+        }
+    }
+    /**
+     * Função simples com o objetivo de fechar os modais que estiverem abertos (baseados pelo ID).
+     * @param modalID ID do modal que será fechado.
+     */
+    closeModal(modalID) {
+        this._bsModalService.hide(modalID);
+    }
+    closeSelf() {
+        this.onClose.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelecaoEstabelecimentosModalComponent, deps: [{ token: AuthStorageService }, { token: i1$2.BsModalService }, { token: LibCustomMenuService }, { token: MenuServicesService }, { token: i5.MessageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelecaoEstabelecimentosModalComponent, selector: "selecao-estabelecimentos-modal", outputs: { onClose: "onClose", onSelected: "onSelected" }, ngImport: i0, template: "<div class=\"main-container\">\r\n  <div class=\"modal-header modal-style modal-dialog-centered\">\r\n    <h4 class=\"modal-title pull-left color-modal\" style=\"font-size: 20px; font-weight: bold;\"> Selecione um\r\n      estabelecimento </h4>\r\n    <button (click)=\"closeSelf()\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    <div class=\"modal-message\">\r\n      <div class=\"search-and-filters d-flex flex-row align-items-center justify-content-between\">\r\n        <div class=\"d-flex flex-row w-100\">\r\n          <div class=\"input-group\">\r\n            <span class=\"input-group-text px-2\" id=\"basic-addon1\"\r\n              style=\"background-color: transparent; border-right: none;\">\r\n              <lib-icon iconName=\"lupa\" iconColor=\"gray\"/>\r\n            </span>\r\n            <input type=\"text\" class=\"form-control border-start-0 ps-0\" id=\"pesquisaInput\" #pesquisa\r\n              placeholder=\"Digite o C\u00F3digo\" (keyup.enter)=\"refreshList(pesquisa.value)\">\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"filters d-flex align-items-center justify-content-between ms-3\">\r\n          <div class=\"search-buttons d-flex flex-row align-items-center my-0 mx-0\">\r\n            <button id=\"clearFilterBtn\" class=\"btn btn-outline-primary ms-0 no-hover-btn me-2\"\r\n              (click)=\"pesquisa.value = ''; refreshList(pesquisa.value)\"> Limpar </button>\r\n            <button id=\"searchFilterBtn\" class=\"btn btn-primary me-0\" (click)=\"refreshList(pesquisa.value)\"> Pesquisar\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"table-list w-100 mt-3\" *ngIf=\"$estabelecimentosList; else loading\">\r\n        <table class=\"table table-bordered table-hover mb-0\">\r\n          <thead class=\"fs-6\">\r\n            <tr>\r\n              <th scope=\"col\" class=\"col-11 align-middle th\">Estabelecimento <span\r\n                  class=\"text-primary fst-italic\">(duplo-clique para selecionar)</span></th>\r\n              <th scope=\"col\" class=\"col-1 align-middle text-center th\">A\u00E7\u00F5es</th>\r\n            </tr>\r\n          </thead>\r\n\r\n          <tbody *ngIf=\"$estabelecimentosList.length > 0; else emptyList\">\r\n            <tr\r\n              *ngFor=\"let estabelecimento of $estabelecimentosList | paginate: { itemsPerPage: itemsPerPage, currentPage: page }\"\r\n              (dblclick)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\" role=\"button\">\r\n              <td><span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\r\n                <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ\r\n                  }} </span></td>\r\n              <td class=\"text-center align-middle\">\r\n                <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\r\n                  <div class=\"form-check form-switch\">\r\n                    <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\r\n                      tooltip=\"Estabelecimento padr\u00E3o\" [checked]=\"estabelecimento.IS_DEFAULT\"\r\n                      style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow\r\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\">\r\n                  </div>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n\r\n          <!-- #region EMPTY LIST CELL -->\r\n          <ng-template #emptyList>\r\n            <tbody>\r\n              <tr>\r\n                <td colspan=\"2\" class=\"align-middle\"><span class=\"row-name fw-light fst-italic text-center\"> {{\r\n                    response_messages.emptyMessage }} </span></td>\r\n              </tr>\r\n            </tbody>\r\n          </ng-template>\r\n          <!-- #endregion EMPTY LIST CELL -->\r\n        </table>\r\n\r\n        <!-- #region PAGINATION -->\r\n        <div class=\"d-flex justify-content-end mt-2\" *ngIf=\"$estabelecimentosList.length > 0\">\r\n          <div class=\"d-flex align-items-center\">\r\n            <label class=\"me-2\" style=\"white-space: nowrap;\">Itens por p\u00E1gina</label>\r\n            <select class=\"form-select select-search\" (change)=\"onSelectChange($event)\">\r\n              <option class=\"selected\" value=\"10\" selected>10</option>\r\n              <option value=\"25\">25</option>\r\n              <option value=\"50\">50</option>\r\n            </select>\r\n          </div>\r\n\r\n          <pagination-controls class=\"sp-pagination mt-3\" (pageChange)=\"page = $event\"\r\n            previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\" nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\" [maxSize]=\"5\">\r\n          </pagination-controls>\r\n        </div>\r\n        <!-- #endregion PAGINATION -->\r\n        \r\n      </div>\r\n\r\n      <!-- <div class=\"d-flex justify-content-between align-items-center mt-3\">\r\n        <span style=\"color: #6C757D\"> Registros {{$estabelecimentosList.length}} de {{$estabelecimentosList.length}} </span>\r\n        <nav aria-label=\"...\">\r\n          <ul class=\"pagination mb-0\">\r\n            <li class=\"page-item disabled\"> <a class=\"page-link\" href=\"#\" tabindex=\"-1\">Anterior</a> </li>\r\n            <li class=\"page-item active\"> <a class=\"page-link\" href=\"#\">1</a> </li>\r\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">2</a> </li>\r\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">3</a> </li>\r\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">Pr\u00F3ximo</a> </li>\r\n          </ul>\r\n        </nav>\r\n      </div> -->\r\n\r\n\r\n      <ng-template #loading>\r\n        <lib-spinner></lib-spinner>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".table-list table thead{height:50px;font-size:1rem;background-color:#e9ecef}.table-list table thead .status-header{width:5%}.table-list table thead th:first-child{width:50px;height:50px}.table-list table thead th{font-size:16px}.table-list table .center-content{text-align:center}.table-list table tbody{font-size:.875rem}.table-list table tbody>tr:hover{background-color:#cce5ff}.table-list table tbody span.row-name{display:block;width:100%;font-weight:700}.table-list table tbody span.subname{color:#0f0f0f80}.table-list table tbody .action-icons{color:#007bff}.table-list table tbody .action-icons a{margin:0 .75rem}.table-list table tbody .status{width:13px;height:13px;border-radius:50%}.table-list table tbody .active{background-color:#28a745}.table-list table tbody .inactive{background-color:#a72828}.name-estab{font-size:14px;font-weight:700;text-transform:uppercase;color:#212529}.subname-estab{font-size:12px;color:#212529}#clearFilterBtn,#searchFilterBtn{padding:6px 12px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: i5.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: i5.LibSpinnerComponent, selector: "lib-spinner", inputs: ["type", "theme", "size", "text"] }, { kind: "component", type: i8.PaginationControlsComponent, selector: "pagination-controls", inputs: ["id", "maxSize", "directionLinks", "autoHide", "responsive", "previousLabel", "nextLabel", "screenReaderPaginationLabel", "screenReaderPageLabel", "screenReaderCurrentLabel"], outputs: ["pageChange", "pageBoundsCorrection"] }, { kind: "directive", type: i9$1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: i8.PaginatePipe, name: "paginate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelecaoEstabelecimentosModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'selecao-estabelecimentos-modal', template: "<div class=\"main-container\">\r\n  <div class=\"modal-header modal-style modal-dialog-centered\">\r\n    <h4 class=\"modal-title pull-left color-modal\" style=\"font-size: 20px; font-weight: bold;\"> Selecione um\r\n      estabelecimento </h4>\r\n    <button (click)=\"closeSelf()\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    <div class=\"modal-message\">\r\n      <div class=\"search-and-filters d-flex flex-row align-items-center justify-content-between\">\r\n        <div class=\"d-flex flex-row w-100\">\r\n          <div class=\"input-group\">\r\n            <span class=\"input-group-text px-2\" id=\"basic-addon1\"\r\n              style=\"background-color: transparent; border-right: none;\">\r\n              <lib-icon iconName=\"lupa\" iconColor=\"gray\"/>\r\n            </span>\r\n            <input type=\"text\" class=\"form-control border-start-0 ps-0\" id=\"pesquisaInput\" #pesquisa\r\n              placeholder=\"Digite o C\u00F3digo\" (keyup.enter)=\"refreshList(pesquisa.value)\">\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"filters d-flex align-items-center justify-content-between ms-3\">\r\n          <div class=\"search-buttons d-flex flex-row align-items-center my-0 mx-0\">\r\n            <button id=\"clearFilterBtn\" class=\"btn btn-outline-primary ms-0 no-hover-btn me-2\"\r\n              (click)=\"pesquisa.value = ''; refreshList(pesquisa.value)\"> Limpar </button>\r\n            <button id=\"searchFilterBtn\" class=\"btn btn-primary me-0\" (click)=\"refreshList(pesquisa.value)\"> Pesquisar\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"table-list w-100 mt-3\" *ngIf=\"$estabelecimentosList; else loading\">\r\n        <table class=\"table table-bordered table-hover mb-0\">\r\n          <thead class=\"fs-6\">\r\n            <tr>\r\n              <th scope=\"col\" class=\"col-11 align-middle th\">Estabelecimento <span\r\n                  class=\"text-primary fst-italic\">(duplo-clique para selecionar)</span></th>\r\n              <th scope=\"col\" class=\"col-1 align-middle text-center th\">A\u00E7\u00F5es</th>\r\n            </tr>\r\n          </thead>\r\n\r\n          <tbody *ngIf=\"$estabelecimentosList.length > 0; else emptyList\">\r\n            <tr\r\n              *ngFor=\"let estabelecimento of $estabelecimentosList | paginate: { itemsPerPage: itemsPerPage, currentPage: page }\"\r\n              (dblclick)=\"selectEstabelecimento(estabelecimento.ID, estabelecimento.NOMEEXIBICAO)\" role=\"button\">\r\n              <td><span class=\"row-name\"> {{ estabelecimento.CODIGO }} - {{ estabelecimento.NOMEEXIBICAO }} </span>\r\n                <span class=\"subname\"> {{ estabelecimento.IS_MATRIZ ? \"Matriz \" : null }} CNPJ: {{ estabelecimento.CNPJ\r\n                  }} </span></td>\r\n              <td class=\"text-center align-middle\">\r\n                <div class=\"action-icons d-flex flex-row align-items-center justify-content-around\">\r\n                  <div class=\"form-check form-switch\">\r\n                    <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"flexSwitchCheckChecked\"\r\n                      tooltip=\"Estabelecimento padr\u00E3o\" [checked]=\"estabelecimento.IS_DEFAULT\"\r\n                      style=\"transform: translateY(3px); height: 1rem; width: 28px;\" #isDefaultRow\r\n                      (click)=\"estabelecimento.IS_DEFAULT = !estabelecimento.IS_DEFAULT; defineDefaultEstabelecimento(estabelecimento.ID, estabelecimento.IS_DEFAULT)\">\r\n                  </div>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n\r\n          <!-- #region EMPTY LIST CELL -->\r\n          <ng-template #emptyList>\r\n            <tbody>\r\n              <tr>\r\n                <td colspan=\"2\" class=\"align-middle\"><span class=\"row-name fw-light fst-italic text-center\"> {{\r\n                    response_messages.emptyMessage }} </span></td>\r\n              </tr>\r\n            </tbody>\r\n          </ng-template>\r\n          <!-- #endregion EMPTY LIST CELL -->\r\n        </table>\r\n\r\n        <!-- #region PAGINATION -->\r\n        <div class=\"d-flex justify-content-end mt-2\" *ngIf=\"$estabelecimentosList.length > 0\">\r\n          <div class=\"d-flex align-items-center\">\r\n            <label class=\"me-2\" style=\"white-space: nowrap;\">Itens por p\u00E1gina</label>\r\n            <select class=\"form-select select-search\" (change)=\"onSelectChange($event)\">\r\n              <option class=\"selected\" value=\"10\" selected>10</option>\r\n              <option value=\"25\">25</option>\r\n              <option value=\"50\">50</option>\r\n            </select>\r\n          </div>\r\n\r\n          <pagination-controls class=\"sp-pagination mt-3\" (pageChange)=\"page = $event\"\r\n            previousLabel=\"\u00AB&nbsp;&nbsp;&nbsp;\" nextLabel=\"&nbsp;&nbsp;&nbsp;\u00BB\" [maxSize]=\"5\">\r\n          </pagination-controls>\r\n        </div>\r\n        <!-- #endregion PAGINATION -->\r\n        \r\n      </div>\r\n\r\n      <!-- <div class=\"d-flex justify-content-between align-items-center mt-3\">\r\n        <span style=\"color: #6C757D\"> Registros {{$estabelecimentosList.length}} de {{$estabelecimentosList.length}} </span>\r\n        <nav aria-label=\"...\">\r\n          <ul class=\"pagination mb-0\">\r\n            <li class=\"page-item disabled\"> <a class=\"page-link\" href=\"#\" tabindex=\"-1\">Anterior</a> </li>\r\n            <li class=\"page-item active\"> <a class=\"page-link\" href=\"#\">1</a> </li>\r\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">2</a> </li>\r\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">3</a> </li>\r\n            <li class=\"page-item\"> <a class=\"page-link\" href=\"#\">Pr\u00F3ximo</a> </li>\r\n          </ul>\r\n        </nav>\r\n      </div> -->\r\n\r\n\r\n      <ng-template #loading>\r\n        <lib-spinner></lib-spinner>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".table-list table thead{height:50px;font-size:1rem;background-color:#e9ecef}.table-list table thead .status-header{width:5%}.table-list table thead th:first-child{width:50px;height:50px}.table-list table thead th{font-size:16px}.table-list table .center-content{text-align:center}.table-list table tbody{font-size:.875rem}.table-list table tbody>tr:hover{background-color:#cce5ff}.table-list table tbody span.row-name{display:block;width:100%;font-weight:700}.table-list table tbody span.subname{color:#0f0f0f80}.table-list table tbody .action-icons{color:#007bff}.table-list table tbody .action-icons a{margin:0 .75rem}.table-list table tbody .status{width:13px;height:13px;border-radius:50%}.table-list table tbody .active{background-color:#28a745}.table-list table tbody .inactive{background-color:#a72828}.name-estab{font-size:14px;font-weight:700;text-transform:uppercase;color:#212529}.subname-estab{font-size:12px;color:#212529}#clearFilterBtn,#searchFilterBtn{padding:6px 12px}\n"] }]
+        }], ctorParameters: () => [{ type: AuthStorageService }, { type: i1$2.BsModalService }, { type: LibCustomMenuService }, { type: MenuServicesService }, { type: i5.MessageService }], propDecorators: { onClose: [{
+                type: Output
+            }], onSelected: [{
+                type: Output
+            }] } });
+
+class DynamicMenuComponent {
+    constructor(router) {
+        this.router = router;
+        this.selectTemplate = new EventEmitter;
+        this.titleSubmenu = "";
+        this.submenuList = [];
+        this.menuList = [];
+        this.menuStatic = [];
+        this.selectedMenuItem = [];
+        this.selectedItem = -1;
+    }
+    ngOnInit() { }
+    onClickedOutside(e, ref) {
+        ref.classList.remove("opened-sub");
+        this.submenuList = [];
+        this.indicateSelectedMenuItem();
+    }
+    indicateSelectedMenuItem() {
+        if (this.selectedMenuItem.length) {
+            this.selectedItem = this.selectedMenuItem[0];
+        }
+    }
+    changeStar(ref, id) {
+        ref.classList.toggle("star");
+        ref.classList.toggle("yellow-star");
+    }
+    getExternalUrl(url) {
+        return `https://siscandesv6.sispro.com.br/SisproErpCloud/${url}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DynamicMenuComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DynamicMenuComponent, 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\">\r\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\r\n  <div class=\"itens-list\">\r\n    <ul style=\"width: 100%\">\r\n  \r\n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\" \r\n        class=\"d-flex justify-content-between align-items-center\"\r\n        [class]=\"i == 0 ? 'mt-1' : ''\">\r\n          \r\n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\r\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\" \r\n          (click)=\"recebeParam($event, submenuRef)\">\r\n          <span>{{ itemList!.label }}</span>\r\n        </a>\r\n        \r\n        <ng-template #externalMenu>\r\n          <a [href]=\"getExternalUrl(itemList.route)\"\r\n            target=\"_blank\" \r\n            (click)=\"recebeParam($event, submenuRef)\">\r\n            <span>{{ itemList!.label }}</span>\r\n          </a>\r\n        </ng-template>\r\n\r\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\r\n      </li>\r\n\r\n    </ul>\r\n  </div>\r\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}.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}.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: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DynamicMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-dynamic-menu', template: "<div #submenu class=\"header-submenu\">\r\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\r\n  <div class=\"itens-list\">\r\n    <ul style=\"width: 100%\">\r\n  \r\n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\" \r\n        class=\"d-flex justify-content-between align-items-center\"\r\n        [class]=\"i == 0 ? 'mt-1' : ''\">\r\n          \r\n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\r\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\" \r\n          (click)=\"recebeParam($event, submenuRef)\">\r\n          <span>{{ itemList!.label }}</span>\r\n        </a>\r\n        \r\n        <ng-template #externalMenu>\r\n          <a [href]=\"getExternalUrl(itemList.route)\"\r\n            target=\"_blank\" \r\n            (click)=\"recebeParam($event, submenuRef)\">\r\n            <span>{{ itemList!.label }}</span>\r\n          </a>\r\n        </ng-template>\r\n\r\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\r\n      </li>\r\n\r\n    </ul>\r\n  </div>\r\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}.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}.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 }], propDecorators: { selectTemplate: [{
+                type: Output
+            }], submenuRef: [{
+                type: Input
+            }], recebeParam: [{
+                type: Input
+            }], titleSubmenu: [{
+                type: Input
+            }], submenuList: [{
+                type: Input
+            }], desiredContent: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class NotifSubmenuComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotifSubmenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotifSubmenuComponent, selector: "app-notif-submenu", ngImport: i0, template: "<div class=\"header-submenu\">\r\n    <h1 class=\"titulo pb-3 pt-4\">Notifica\u00E7\u00F5es</h1>\r\n</div>\r\n<div class=\"body-notif\">\r\n    <div class=\"new-notif\">\r\n        <div class=\"session-header p-2\">\r\n            <p class=\"session-h-item\">Novas (2)</p><p>Marcar todas como Lidas</p>\r\n        </div>\r\n        <div class=\"scroll\">\r\n            <div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n        </div>\r\n        </div>\r\n    </div>\r\n    \r\n    <div class=\"read-notif\">\r\n        <div class=\"session-header p-2\">\r\n            <p class=\"session-h-item\">Lidas</p>\r\n        </div>\r\n        <div class=\"scroll-second\">\r\n            <div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\r\n                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n        </div>\r\n        </div>\r\n</div>\r\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:4px;background:transparent}::-webkit-scrollbar-thumb{background:#fff;border-radius:16px}.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:20px;font-weight:600;line-height:22px;padding-bottom:18px}button{position:relative;border:none;background-color:transparent}.session-header{display:flex;justify-content:space-between;background-color:#2847a0}.session-header .session-h-item{font-weight:700}.session{border-bottom:1px solid #fff;overflow:auto;height:100%}.session:last-child{border-bottom:none}.session-start{display:flex}.item-end{display:flex;justify-content:space-between}.scroll{margin-right:2px;overflow:auto;max-height:300px}.scroll-second{margin-right:2px;overflow:auto;max-height:481px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotifSubmenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-notif-submenu', template: "<div class=\"header-submenu\">\r\n    <h1 class=\"titulo pb-3 pt-4\">Notifica\u00E7\u00F5es</h1>\r\n</div>\r\n<div class=\"body-notif\">\r\n    <div class=\"new-notif\">\r\n        <div class=\"session-header p-2\">\r\n            <p class=\"session-h-item\">Novas (2)</p><p>Marcar todas como Lidas</p>\r\n        </div>\r\n        <div class=\"scroll\">\r\n            <div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n        </div>\r\n        </div>\r\n    </div>\r\n    \r\n    <div class=\"read-notif\">\r\n        <div class=\"session-header p-2\">\r\n            <p class=\"session-h-item\">Lidas</p>\r\n        </div>\r\n        <div class=\"scroll-second\">\r\n            <div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\r\n                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"session mb-3 pb-3\">\r\n                    <div class=\"session-start mt-3 ms-3\">\r\n                        <img src=\"assets/icons/file-text.svg\" alt=\"\"><p>Contratos</p>\r\n                    </div>\r\n                    <div class=\"m-4\">\r\n                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has </p>\r\n                    </div>\r\n                    <div class=\"item-end ms-4 mx-4\">\r\n                        <button>Marcar como lida</button>\r\n                        <p>2h atr\u00E1s</p>\r\n                    </div>\r\n                </div>\r\n        </div>\r\n        </div>\r\n</div>\r\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:4px;background:transparent}::-webkit-scrollbar-thumb{background:#fff;border-radius:16px}.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:20px;font-weight:600;line-height:22px;padding-bottom:18px}button{position:relative;border:none;background-color:transparent}.session-header{display:flex;justify-content:space-between;background-color:#2847a0}.session-header .session-h-item{font-weight:700}.session{border-bottom:1px solid #fff;overflow:auto;height:100%}.session:last-child{border-bottom:none}.session-start{display:flex}.item-end{display:flex;justify-content:space-between}.scroll{margin-right:2px;overflow:auto;max-height:300px}.scroll-second{margin-right:2px;overflow:auto;max-height:481px}\n"] }]
+        }], ctorParameters: () => [] });
+
+class MenuLateralComponent {
+    constructor(_customMenuService, _authStorageService, _bsModalService, _menuServices, _messageService, 
+    //private _projectUtilService: ProjectUtilservice,
+    _router, _authService) {
+        this._customMenuService = _customMenuService;
+        this._authStorageService = _authStorageService;
+        this._bsModalService = _bsModalService;
+        this._menuServices = _menuServices;
+        this._messageService = _messageService;
+        this._router = _router;
+        this._authService = _authService;
+        this.MODAL_ESTABELECIMENTO = 1;
+        this.nomeEstabelecimento = 'Estabelecimento padrão';
+        this.titleSubmenu = "";
+        this.submenuList = [];
+        this.messageIfClicked = new Subject();
+        /** Esta variável é usada na abertura do submenu e do submenu secundário para
+          * que a função onClickedOutside() que está na segunda div principal do HTML do
+          * componente não seja ativada, pois se ela for ativada ela irá fechar o menu
+          * lateral, e quando vamos do submenu para o submenu secundário não queremos
+          * fechar o menu lateral, e quando vamos do submenu secundário para o submenu
+          * também não queremos fechar o menu lateral;
+        */
+        this.closeMenu = true;
+        /** Utilizada como a fonte da imagem de perfil do usuário logado no sistema. */
+        this.footerUserImgSrc = "";
+        /** Emai do usuário logado para ser exibido no popover */
+        this.footerUserEmail = "";
+        /** Nome do usuário logado para ser exibido no rodapé do menu. */
+        this.footerUserName = "Usuário";
+        this.isPopoverVisible = false;
+        this.showBalloon = false;
+        // propriedades iniciadas quando passar o CustomMenuService
+        this.menuDynamic = false;
+        this.menuConfig = new MenuConfigService;
+        // Implementação que verifica eventos acionados na classe de service.
+        this._menuServices.getNewUserImageEvent().subscribe(() => { this.getMenuUserImg(); });
+    }
+    ngOnInit() {
+        console.log(this.menuConfig);
+        // Inscreva-se no evento NavigationEnd para receber notificações quando a rota mudar, serve para atualizar a seleção do menu corretamente
+        this._router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event) => {
+            this._customMenuService.menuItems = this._customMenuService.menuConfig.updateRouteSelection(this._router.url, this._customMenuService.menuItems);
+        });
+        if (!this._customMenuService.menuDynamic) {
+            this._customMenuService.menuConfig.setMenuStatic(true);
+            this._customMenuService.menuItems = this._customMenuService.menuConfig.initializeMenu(this._router.url);
+            // Método com customizações para inicialização do Menu Estático
+            this._customMenuService.menuStaticOnInit();
+        }
+        else {
+            // Método com customizações para inicialização do Menu Dinâmico
+            this._customMenuService.menuDynamicOnInit();
+        }
+        this.nomeEstabelecimento = this._authStorageService.infraEstabNome;
+        this.footerUserName = this._authStorageService.userName;
+        this.checkForCachedImage();
+        this.getUserEmail();
+    }
+    // #endregion PUBLIC
+    // #endregion ==========> PROPERTIES <==========
+    // #region ==========> SERVICES <==========
+    // #region GET
+    getEstabelecimentoSession(estabID) {
+        this._menuServices.getEstabelecimentoSession(estabID).subscribe({
+            next: response => {
+                this.nomeEstabelecimento = response.InfraEstabNome;
+                this._authStorageService.infraEmpresaId = response.InfraEmpresaId;
+                this._authStorageService.infraEmpresaNome = response.InfraEmpresaNome;
+            },
+            error: error => {
+                //this._projectUtilService.showHttpError(error); 
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            }
+        });
+    }
+    getMenuUserImg() {
+        this._menuServices.getImagemMenu().subscribe({
+            next: response => { this.footerUserImgSrc = response.InfraUsuarioImg.IMAGEM; },
+            error: error => {
+                //this._projectUtilService.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            }
+        });
+    }
+    getUserEmail() {
+        this._menuServices.getUsuarioEmail().subscribe({
+            next: response => { this.footerUserEmail = response.Email; },
+            error: error => {
+                //this._projectUtilService.showHttpError(error);
+                this._messageService.showAlertDanger(error);
+                throw new Error(error);
+            }
+        });
+    }
+    // #endregion GET
+    // #region UPDATE
+    updateLastLogEstabelecimento(estab) {
+        this._menuServices.updateLastLogEstabID(estab.split(" - ")[0]).subscribe({
+            next: () => {
+                this._messageService.showAlertSuccess('Estabelecimento alterado com sucesso!');
+                this.getEstabelecimentoSession(estab.split(" - ")[0]);
+            }
+        });
+        this._authStorageService.infraEstabId = estab.split(" - ")[0];
+        this._authStorageService.infraEstabNome = estab.split(" - ")[1];
+    }
+    // #endregion UPDATE
+    // #endregion ==========> SERVICES <==========
+    // #region ==========> UTILITIES <==========
+    togglePopover() { this.showBalloon = !this.showBalloon; }
+    dropdownWasOpened(value) { this.messageIfClicked.next(value); }
+    openExpansibleMenu(ref) {
+        ref.classList.toggle("closed");
+        ref.classList.toggle("col");
+        document.querySelector(".sidebar-control")?.classList.toggle("col");
+        // Método com customizações para inicialização do Menu Estático
+        this._customMenuService.menuopenExpansibleMenu(ref);
+    }
+    openSubmenu(menu, ref, desiredMenu) {
+        if (menu.children && menu.children.length > 0) {
+            this.titleSubmenu = menu.label;
+            this.desiredContent = desiredMenu;
+            ref.classList.remove("opened-notif-sub");
+            if (this.submenuList === menu.children) {
+                this.closeMenu = false;
+            }
+            else if (!ref.classList.contains("opened-sub")) {
+                ref.classList.toggle("opened-sub");
+            }
+            this.submenuList = menu.children;
+        }
+        else if (!menu.children || (menu.children && menu.children.length == 0)) {
+            this.submenuList = [];
+            ref.classList.toggle("selectedItem");
+            this.onClickedOutside(new Event(""), ref);
+        }
+    }
+    // public onClickedOutside(e: Event, ref: HTMLDivElement): void {
+    //   ref.classList.remove("opened-sub");
+    //   this.submenuList = [];
+    // }
+    onClickedOutside(e, ref) {
+        if (ref) {
+            ref.classList.remove("opened-sub");
+            this.submenuList = [];
+        }
+        else {
+            console.log(ref);
+            console.warn('ref is undefined or null');
+        }
+    }
+    // #region MENU FOOTER USER IMAGE
+    validateCachedImg(footerImg) {
+        let usuarioId = this._authStorageService.infraUsuarioId;
+        if (!footerImg || footerImg == null) {
+            return true;
+        }
+        if (usuarioId != footerImg.USUARIOID) {
+            return true;
+        }
+        this.footerUserImgSrc = footerImg.FILE;
+        return false;
+    }
+    checkForCachedImage() {
+        const isAPIRequestNeeded = this.validateCachedImg(this._menuServices.getMenuFooterImg());
+        if (isAPIRequestNeeded) {
+            this.getMenuUserImg();
+        }
+    }
+    // #endregion MENU FOOTER USER IMAGE
+    logout() {
+        this._authService.logout();
+    }
+    getExternalUrl(url) {
+        return `https://siscandesv6.sispro.com.br/SisproErpCloud/${url}`;
+    }
+    // #endregion ==========> UTILITIES <==========
+    // #region ==========> MODALS <==========
+    /** Função simples com o objetivo de abrir os modais no centro da tela.
+     * @param template Template HTML do modal que será aberto.
+     * @param modalID ID do modal que será aberto, para que possa ser referenciado depois.
+    */
+    openModal(template, modalID) {
+        this._bsModalService.show(template, {
+            class: 'modal-dialog-centered modal-lg',
+            ignoreBackdropClick: false,
+            keyboard: false,
+            id: modalID
+        });
+    }
+    /** Função simples com o objetivo de fechar os modais que estiverem abertos (baseados pelo ID).
+     * @param modalID ID do modal que será fechado.
+     */
+    closeModal(modalID) {
+        this._bsModalService.hide(modalID);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuLateralComponent, deps: [{ token: LibCustomMenuService }, { token: AuthStorageService }, { token: i1$2.BsModalService }, { token: MenuServicesService }, { token: i5.MessageService }, { token: i1$1.Router }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MenuLateralComponent, selector: "app-menu-lateral", queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "notif_template", first: true, predicate: ["notif_menu"], descendants: true }, { propertyName: "menuLink", first: true, predicate: ["menuLink"], descendants: true }], ngImport: i0, template: "<!-- #region MAIN CONTENT -->\r\n<div class=\"main col-12\">\r\n\r\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\" \r\n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\r\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" #sidebar>\r\n      <div class=\"menu-header\">\r\n        <ul>\r\n          <li class=\"mb-3\">\r\n            <div class=\"logo-hamburguer\">\r\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\r\n              <button class=\"button-hamburguer\" (click)=\"openExpansibleMenu(sidebar)\">\r\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\r\n              </button>\r\n            </div>\r\n          </li>\r\n\r\n          <!-- #region M\u00D3DULOS -->\r\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\r\n            <div class=\"btn-group\">\r\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\r\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\r\n\r\n                <ng-container>\r\n                  <img *ngIf=\"_customMenuService.moduleImg != ''; else moduleSVG\" [src]=\"_customMenuService.moduleImg\" alt=\"\">\r\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\r\n\r\n                  <ng-template #moduleSVG>\r\n                    <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\"/>\r\n                  </ng-template>\r\n                </ng-container>\r\n\r\n              </button>\r\n              <ul class=\"dropdown-menu\" #dropdown_ref>\r\n                <app-primary-dropdown [buttonWasClicked]=\"messageIfClicked\"></app-primary-dropdown>\r\n              </ul>\r\n            </div>\r\n          </li>\r\n          <!-- #endregion M\u00D3DULOS -->\r\n\r\n          <!-- #region ESTABELECIMENTOS -->\r\n          <li class=\"mx-3\" style=\"margin-bottom: 16px;\">\r\n            <div class=\"icon-estabelecimento\">\r\n              <button class=\"row justify-content-between bg-transparent border-0\"\r\n                (click)=\"openModal(modalEstabelecimento, MODAL_ESTABELECIMENTO)\"\r\n                [tooltip]=\"!sidebar.classList.contains('closed') ? '' : nomeEstabelecimento\" placement=\"right\">\r\n\r\n                <lib-icon class=\"col-1\" iconName=\"predio\" iconColor=\"white\" />\r\n                <span *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-9 ps-2 glb-text-width-160 text-start text-truncate\"> {{ nomeEstabelecimento }} </span>\r\n                <lib-icon *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-1\" iconName=\"seta-direita\" iconColor=\"white\" />\r\n              </button>\r\n            </div>\r\n          </li>\r\n          <!-- #endregion ESTABELECIMENTOS -->\r\n\r\n        </ul>\r\n\r\n      </div>\r\n\r\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\r\n      <div class=\"main-menu\">\r\n        <div class=\"scroll\">\r\n          <div class=\"list-menu px-2 pb-1\">\r\n\r\n            <!-- #region MENU DIN\u00C2MICO -->\r\n            <div class=\"dynamic-menu\">\r\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\r\n\r\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\" \r\n                  class=\"p-1 rounded\" \r\n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\" \r\n                  [class.selectedItem]=\"menuItem.isSelected\">\r\n\r\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\r\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\" \r\n                    [id]=\"'item' + menuItem.id\" \r\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" \r\n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\" \r\n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\r\n\r\n                    <div class=\"container\">\r\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\r\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\r\n                      <ng-template #iconImg>\r\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\r\n                      </ng-template>\r\n                    </div>\r\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\" \r\n                      iconName=\"seta-direita\" iconColor=\"white\"/>\r\n                  </a>\r\n                  \r\n                  <ng-template #externalMenu>\r\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\r\n                      target=\"_blank\" \r\n                      [id]=\"'item' + menuItem.id\" \r\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" \r\n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\" \r\n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\r\n\r\n                      <div class=\"container\">\r\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\r\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\r\n                        <ng-template #iconImgExternal>\r\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\r\n                        </ng-template>\r\n                      </div>\r\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\" \r\n                        iconName=\"seta-direita\" iconColor=\"white\"/>\r\n                    </a>\r\n                  </ng-template>\r\n                </li>\r\n\r\n              </ul>\r\n            </div>\r\n\r\n            <ng-template #isLoading>\r\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\r\n            </ng-template>\r\n            <!-- #endregion MENU DIN\u00C2MICO -->\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\r\n\r\n      <!-- #region FOOTER -->\r\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\r\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\r\n        <div class=\"footer-components ps-1 pt-2\" [class.open]=\"showBalloon\">\r\n          <button type=\"button\" class=\"btn btn-primary\">\r\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile ms-1\"\r\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\r\n            <ng-template #noUserImg>\r\n              <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\r\n            </ng-template>\r\n            <span class=\"glb-text-width-120 w-auto fw-bold text-start text-truncate ms-1 me-1\">\r\n              {{ footerUserName }}\r\n            </span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      \r\n      <ng-template #popoverContent>\r\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\r\n          <div class=\"d-flex align-items-center\"> \r\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\r\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\"> \r\n            <ng-template #noUserImg>\r\n              <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\r\n            </ng-template>\r\n            <div class=\"d-flex flex-column ms-1\"> \r\n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\r\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <hr class=\"mb-2 mt-2\">\r\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\r\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\r\n        </div>\r\n        <div class=\"mt-2\" (click)=\"logout()\" style=\"cursor: pointer;\">\r\n          <lib-icon [iconSize]=\"'small'\"  iconName=\"logout\"/> Sair\r\n        </div>\r\n      </ng-template>\r\n      <!-- #endregion FOOTER -->\r\n\r\n    </div>\r\n\r\n    <div class=\"submenu\" #submenu_ref>\r\n      <ng-template [ngIf]=\"desiredContent !== null\">\r\n        <ng-content *ngTemplateOutlet=\"desiredContent!; context: {$implicit: submenuList}\"></ng-content>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n  \r\n  <div class=\"main-content col d-flex flex-column align-content-between\" id=\"body-content\">\r\n    <div class=\"content\" style=\"position: relative;\">\r\n      <router-outlet></router-outlet>\r\n    </div>\r\n    <div app-footer></div>\r\n  </div>\r\n\r\n</div>\r\n<!-- #endregion MAIN CONTENT -->\r\n\r\n<!-- #region TEMPLATES -->\r\n<!-- tem que perguntar pro Erick -->\r\n<!-- [submenuRef]=\"submenu_ref\"  -->\r\n<ng-template #dynamic_menu let-data>\r\n  <app-dynamic-menu \r\n    [submenuList]=\"data\"\r\n    [titleSubmenu]=\"titleSubmenu\"\r\n    [submenuRef]=\"submenu_ref\"\r\n    [recebeParam]=\"onClickedOutside.bind(this)\">\r\n  </app-dynamic-menu>\r\n</ng-template>\r\n\r\n<ng-template #notif_menu>\r\n  <app-notif-submenu></app-notif-submenu>\r\n</ng-template>\r\n\r\n<!-- #region MODAL SELECAO ESTABELECIMENTO -->\r\n<ng-template #modalEstabelecimento>\r\n  <selecao-estabelecimentos-modal (onClose)=\"closeModal(MODAL_ESTABELECIMENTO)\"\r\n    (onSelected)=\"closeModal(MODAL_ESTABELECIMENTO); updateLastLogEstabelecimento($event);\"></selecao-estabelecimentos-modal>\r\n</ng-template>\r\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\r\n\r\n<!-- #endregion TEMPLATES -->\r\n", styles: [".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}*{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}.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;padding-bottom:8px}.footer-menu .footer-components{display:flex;justify-content:space-between;border-top:1px solid #3265ee;white-space:nowrap;align-items:center}.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;padding-bottom:16px;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;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: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: i5.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: i5.FooterComponent, selector: "[app-footer], app-footer, lib-footer" }, { kind: "directive", type: i9$2.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "directive", type: i9$1.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: PrimaryDropdownComponent, selector: "app-primary-dropdown", inputs: ["buttonWasClicked"] }, { kind: "component", type: SelecaoEstabelecimentosModalComponent, selector: "selecao-estabelecimentos-modal", outputs: ["onClose", "onSelected"] }, { kind: "component", type: DynamicMenuComponent, selector: "app-dynamic-menu", inputs: ["submenuRef", "recebeParam", "titleSubmenu", "submenuList"], outputs: ["selectTemplate"] }, { kind: "component", type: NotifSubmenuComponent, selector: "app-notif-submenu" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuLateralComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-menu-lateral', template: "<!-- #region MAIN CONTENT -->\r\n<div class=\"main col-12\">\r\n\r\n  <div style=\"height: 100vh; z-index: 3;\" class=\"sidebar-control position-relative d-flex flex-row\" \r\n    (clickOutside)=\"closeMenu == true ? onClickedOutside($event, submenu_ref) : closeMenu = true\">\r\n    <div class=\"sidebar {{_customMenuService.themeColor}} closed\" #sidebar>\r\n      <div class=\"menu-header\">\r\n        <ul>\r\n          <li class=\"mb-3\">\r\n            <div class=\"logo-hamburguer\">\r\n              <img src=\"assets/icons/logotipo-sispro.svg\" alt=\"logo-sispro\" class=\"logo-sispro\" title=\"logo\" width=\"136px\" height=\"48px\">\r\n              <button class=\"button-hamburguer\" (click)=\"openExpansibleMenu(sidebar)\">\r\n                <img src=\"assets/icons/menu.svg\" alt=\"menu hamburguer\">\r\n              </button>\r\n            </div>\r\n          </li>\r\n\r\n          <!-- #region M\u00D3DULOS -->\r\n          <li class=\"mb-3\" style=\"margin-left: 8px; margin-right: 8px\">\r\n            <div class=\"btn-group\">\r\n              <button (click)=\"dropdownWasOpened(true)\" type=\"button\" class=\"dropdown-button\" data-bs-toggle=\"dropdown\"\r\n                aria-expanded=\"false\" data-bs-auto-close=\"outside\">\r\n\r\n                <ng-container>\r\n                  <img *ngIf=\"_customMenuService.moduleImg != ''; else moduleSVG\" [src]=\"_customMenuService.moduleImg\" alt=\"\">\r\n                  <span class=\"ps-2\"> {{ this._customMenuService.moduleName }} <lib-icon iconName=\"seta-direita\" iconColor=\"white\" /> </span>\r\n\r\n                  <ng-template #moduleSVG>\r\n                    <lib-icon iconColor=\"white\" [iconName]=\"_customMenuService.moduleSvg\"/>\r\n                  </ng-template>\r\n                </ng-container>\r\n\r\n              </button>\r\n              <ul class=\"dropdown-menu\" #dropdown_ref>\r\n                <app-primary-dropdown [buttonWasClicked]=\"messageIfClicked\"></app-primary-dropdown>\r\n              </ul>\r\n            </div>\r\n          </li>\r\n          <!-- #endregion M\u00D3DULOS -->\r\n\r\n          <!-- #region ESTABELECIMENTOS -->\r\n          <li class=\"mx-3\" style=\"margin-bottom: 16px;\">\r\n            <div class=\"icon-estabelecimento\">\r\n              <button class=\"row justify-content-between bg-transparent border-0\"\r\n                (click)=\"openModal(modalEstabelecimento, MODAL_ESTABELECIMENTO)\"\r\n                [tooltip]=\"!sidebar.classList.contains('closed') ? '' : nomeEstabelecimento\" placement=\"right\">\r\n\r\n                <lib-icon class=\"col-1\" iconName=\"predio\" iconColor=\"white\" />\r\n                <span *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-9 ps-2 glb-text-width-160 text-start text-truncate\"> {{ nomeEstabelecimento }} </span>\r\n                <lib-icon *ngIf=\"!sidebar.classList.contains('closed')\" class=\"col-1\" iconName=\"seta-direita\" iconColor=\"white\" />\r\n              </button>\r\n            </div>\r\n          </li>\r\n          <!-- #endregion ESTABELECIMENTOS -->\r\n\r\n        </ul>\r\n\r\n      </div>\r\n\r\n      <!-- #region MENUS DE NAVEGA\u00C7\u00C3O -->\r\n      <div class=\"main-menu\">\r\n        <div class=\"scroll\">\r\n          <div class=\"list-menu px-2 pb-1\">\r\n\r\n            <!-- #region MENU DIN\u00C2MICO -->\r\n            <div class=\"dynamic-menu\">\r\n              <ul #dynamic_menu_items *ngIf=\"_customMenuService.menuItems; else isLoading\">\r\n\r\n                <li *ngFor=\"let menuItem of _customMenuService.menuItems; let i = index\" \r\n                  class=\"p-1 rounded\" \r\n                  (click)=\"openSubmenu(menuItem, submenu_ref, dynamic_menu)\" \r\n                  [class.selectedItem]=\"menuItem.isSelected\">\r\n\r\n                  <a *ngIf=\"!menuItem.isExternal; else externalMenu\"\r\n                    [routerLink]=\"menuItem.route != '' ? menuItem.route : null\" \r\n                    [id]=\"'item' + menuItem.id\" \r\n                    [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" \r\n                    placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\" \r\n                    [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\r\n\r\n                    <div class=\"container\">\r\n                      <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImg\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\r\n                      <span class=\"span-main\">{{ menuItem.label }}</span>\r\n                      <ng-template #iconImg>\r\n                        <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\r\n                      </ng-template>\r\n                    </div>\r\n                    <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\" \r\n                      iconName=\"seta-direita\" iconColor=\"white\"/>\r\n                  </a>\r\n                  \r\n                  <ng-template #externalMenu>\r\n                    <a [href]=\"getExternalUrl(menuItem.route)\"\r\n                      target=\"_blank\" \r\n                      [id]=\"'item' + menuItem.id\" \r\n                      [tooltip]=\"!sidebar.classList.contains('closed') ? '' : menuItem.label\" \r\n                      placement=\"left\" class=\"w-100 d-flex align-items-center button-icons text-decoration-none p-1 glb-cursor-pointer\" \r\n                      [class]=\"sidebar.classList.contains('closed') ? 'justify-content-center' : 'justify-content-between'\">\r\n\r\n                      <div class=\"container\">\r\n                        <lib-icon *ngIf=\"!menuItem.icon.includes('assets/icons'); else iconImgExternal\" [iconName]=\"menuItem.icon\" iconColor=\"white\"/>\r\n                        <span class=\"span-main\">{{ menuItem.label }}</span>\r\n                        <ng-template #iconImgExternal>\r\n                          <img [src]=\"menuItem.icon\" [alt]=\"'icone: ' + menuItem.label\">\r\n                        </ng-template>\r\n                      </div>\r\n                      <lib-icon *ngIf=\"(menuItem.children && menuItem.children.length > 0) && !sidebar.classList.contains('closed')\" \r\n                        iconName=\"seta-direita\" iconColor=\"white\"/>\r\n                    </a>\r\n                  </ng-template>\r\n                </li>\r\n\r\n              </ul>\r\n            </div>\r\n\r\n            <ng-template #isLoading>\r\n              <li class=\"spinner-border spinner-border-sm mt-2\" role=\"status\" aria-hidden=\"true\"></li>\r\n            </ng-template>\r\n            <!-- #endregion MENU DIN\u00C2MICO -->\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- #endregion MENUS DE NAVEGA\u00C7\u00C3O -->\r\n\r\n      <!-- #region FOOTER -->\r\n      <div class=\"footer-menu\" (mouseenter)=\"showBalloon = true\" (mouseleave)=\"showBalloon = false\"\r\n        [popover]=\"popoverContent\" placement=\"right bottom\" [outsideClick]=\"true\" containerClass=\"width: 200px\" >\r\n        <div class=\"footer-components ps-1 pt-2\" [class.open]=\"showBalloon\">\r\n          <button type=\"button\" class=\"btn btn-primary\">\r\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile ms-1\"\r\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\">\r\n            <ng-template #noUserImg>\r\n              <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\r\n            </ng-template>\r\n            <span class=\"glb-text-width-120 w-auto fw-bold text-start text-truncate ms-1 me-1\">\r\n              {{ footerUserName }}\r\n            </span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      \r\n      <ng-template #popoverContent>\r\n        <div class=\"footer-menu\" style=\"width: 1000px;\">\r\n          <div class=\"d-flex align-items-center\"> \r\n            <img *ngIf=\"footerUserImgSrc; else noUserImg\" class=\"photo-profile\"\r\n              [src]=\"['data:image/jpeg;base64,' + footerUserImgSrc]\" alt=\"foto-perfil\"> \r\n            <ng-template #noUserImg>\r\n              <lib-icon iconName=\"contraparte\" iconColor=\"white\"/>\r\n            </ng-template>\r\n            <div class=\"d-flex flex-column ms-1\"> \r\n              <div [tooltip]=\"footerUserName\" class=\"dynamic-container\" style=\"white-space: nowrap; flex-grow: 1;max-width: 200px; font-size: 16px;\">{{footerUserName}}</div>\r\n              <div [tooltip]=\"footerUserEmail\" class=\"dynamic-container\" style=\"white-space: nowrap; font-size: 12px; flex-grow: 1;max-width: 200px;\">{{footerUserEmail}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <hr class=\"mb-2 mt-2\">\r\n        <div routerLink=\"meu-perfil\" style=\"cursor: pointer;\" (click)=\"togglePopover(); $event.stopPropagation()\">\r\n          <lib-icon [iconSize]=\"'small'\" iconName=\"contraparte\"/> Meu Perfil\r\n        </div>\r\n        <div class=\"mt-2\" (click)=\"logout()\" style=\"cursor: pointer;\">\r\n          <lib-icon [iconSize]=\"'small'\"  iconName=\"logout\"/> Sair\r\n        </div>\r\n      </ng-template>\r\n      <!-- #endregion FOOTER -->\r\n\r\n    </div>\r\n\r\n    <div class=\"submenu\" #submenu_ref>\r\n      <ng-template [ngIf]=\"desiredContent !== null\">\r\n        <ng-content *ngTemplateOutlet=\"desiredContent!; context: {$implicit: submenuList}\"></ng-content>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n  \r\n  <div class=\"main-content col d-flex flex-column align-content-between\" id=\"body-content\">\r\n    <div class=\"content\" style=\"position: relative;\">\r\n      <router-outlet></router-outlet>\r\n    </div>\r\n    <div app-footer></div>\r\n  </div>\r\n\r\n</div>\r\n<!-- #endregion MAIN CONTENT -->\r\n\r\n<!-- #region TEMPLATES -->\r\n<!-- tem que perguntar pro Erick -->\r\n<!-- [submenuRef]=\"submenu_ref\"  -->\r\n<ng-template #dynamic_menu let-data>\r\n  <app-dynamic-menu \r\n    [submenuList]=\"data\"\r\n    [titleSubmenu]=\"titleSubmenu\"\r\n    [submenuRef]=\"submenu_ref\"\r\n    [recebeParam]=\"onClickedOutside.bind(this)\">\r\n  </app-dynamic-menu>\r\n</ng-template>\r\n\r\n<ng-template #notif_menu>\r\n  <app-notif-submenu></app-notif-submenu>\r\n</ng-template>\r\n\r\n<!-- #region MODAL SELECAO ESTABELECIMENTO -->\r\n<ng-template #modalEstabelecimento>\r\n  <selecao-estabelecimentos-modal (onClose)=\"closeModal(MODAL_ESTABELECIMENTO)\"\r\n    (onSelected)=\"closeModal(MODAL_ESTABELECIMENTO); updateLastLogEstabelecimento($event);\"></selecao-estabelecimentos-modal>\r\n</ng-template>\r\n<!-- #endregion MODAL SELECAO ESTABELECIMENTO -->\r\n\r\n<!-- #endregion TEMPLATES -->\r\n", styles: [".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}*{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}.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;padding-bottom:8px}.footer-menu .footer-components{display:flex;justify-content:space-between;border-top:1px solid #3265ee;white-space:nowrap;align-items:center}.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;padding-bottom:16px;overflow:hidden}.submenu .footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;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: LibCustomMenuService }, { type: AuthStorageService }, { type: i1$2.BsModalService }, { type: MenuServicesService }, { type: i5.MessageService }, { type: i1$1.Router }, { type: AuthService }], propDecorators: { notif_template: [{
+                type: ViewChild,
+                args: ["notif_menu"]
+            }], menuLink: [{
+                type: ViewChild,
+                args: ['menuLink']
+            }], desiredContent: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class NovaSenhaComponent {
+    constructor(_formBuilder, _messageService, _serverService, _authService, _authStorageService, _title, _router, _route) {
+        this._formBuilder = _formBuilder;
+        this._messageService = _messageService;
+        this._serverService = _serverService;
+        this._authService = _authService;
+        this._authStorageService = _authStorageService;
+        this._title = _title;
+        this._router = _router;
+        this._route = _route;
+        // #region ==========> PROPERTIES <==========
+        // #region PRIVATE
+        this.domain = "";
+        this.user = "";
+        this.createPassword = false;
+        this.esqueceuSenhaText = "Enviamos um código para o seu e-mail.<br>Insira-o abaixo para redefinir sua senha.";
+        this.primeiroAcessoText = "Este é o seu primeiro acesso. Por favor,<br>Insira abaixo o código enviado pare seu<br>e-mail para definir sua senha.";
+        this.senhaExpiradaText = "Sua senha expirou e precisa ser atualizada.<br>Enviamos um código para o seu e-mail.<br>Insira-o abaixo para definir sua senha.";
+        this.cadeadoImg = 'assets/imgs/Property1-cadeado.png';
+        this.maoImg = 'assets/imgs/Property1-mao.png';
+        this.calendarioImg = 'assets/imgs/Property1-calendariofino.png';
+        // #region PRIVATE
+        // #region PUBLIC
+        // #region ==========> FORM BUILDER <==========
+        this.form = new FormGroup({});
+        this.passwordLabel = "";
+        this.statusSenha = 0;
+    }
+    ngOnInit() {
+        this._title.setTitle("Nova Senha");
+        this.createForm();
+        this.getParmsFromRoute();
+        this.form.get('password')?.disable();
+        this.form.get('confirmPassword')?.disable();
+        this.form.get('code')?.setValue('');
+        this.form.get('code')?.valueChanges.subscribe(value => {
+            if (value && value.length === 6) {
+                this.form.get('password')?.enable();
+                this.form.get('confirmPassword')?.enable();
+            }
+            else {
+                this.form.get('password')?.disable();
+                this.form.get('confirmPassword')?.disable();
+            }
+        });
+    }
+    //  Propriedade necessário para que a classe static FormUtils possa ser utilizada no Html
+    get FormUtils() {
+        return FormUtils;
+    }
+    // #region FORM DATA
+    //  Variáveis específicas para funcionalidades padrões dos formulários
+    get code() {
+        return this.form.get('code')?.value;
+    }
+    get password() {
+        return this.form.get('password')?.value;
+    }
+    get confirmPassword() {
+        return this.form.get('confirmPassword')?.value;
+    }
+    // #endregion FORM DATA
+    // #region FORM VALIDATORS
+    // #region PUBLIC
+    //  Método para configuração dos campos de edição do formulário
+    createForm() {
+        this.form = this._formBuilder.group({
+            code: ['', [Validators.required, Validators.maxLength(6)]],
+            password: ['', [Validators.required, Validators.maxLength(100)]],
+            confirmPassword: ['', [Validators.required, Validators.maxLength(100)]]
+        });
+        this.form.get('code')?.setValue('');
+        this.form.get('password')?.setValue('');
+        this.form.get('confirmPassword')?.setValue('');
+    }
+    // #endregion FORM VALIDATORS
+    // #endregion ==========> FORM BUILDER <==========
+    // #region ==========> SERVICE METHODS <==========
+    // #region GET
+    /**
+     * Puxa o nome do servidor salvo na configuração da máquina
+     */
+    getServer() {
+        if (this.form.valid) {
+            this._serverService.getServer().subscribe({
+                next: response => {
+                },
+                error: (error) => {
+                    //this._projectUtilservice.showHttpError(error);
+                    this._messageService.showAlertDanger(error);
+                    throw new Error(error);
+                },
+            });
+        }
+        else {
+            FormUtils.validateFields(this.form);
+        }
+    }
+    // #endregion GET
+    // #region POST
+    // Envia requisição para recuperar de senha
+    sendPassword() {
+        if (this.form.valid) {
+            this._serverService.getServer().subscribe({
+                next: response => {
+                    this.updatePassword();
+                },
+                error: (error) => {
+                    //this._projectUtilservice.showHttpError(error);
+                },
+            });
+        }
+        else {
+            FormUtils.validateFields(this.form);
+        }
+    }
+    // Recuperar senha
+    updatePassword() {
+        if (this.createPassword) {
+            this._authService.createPassword(this.domain, this.user, this.form.value).subscribe({
+                next: (response) => {
+                    this._messageService.showAlertSuccess('Você definiu sua senha com sucesso. Preencha suas novas credenciais para acessar o sistema.');
+                    this.cancelar();
+                },
+                error: (error) => {
+                    //this._projectUtilservice.showHttpError(error);
+                    this._messageService.showAlertDanger(error);
+                    throw new Error(error);
+                },
+            });
+        }
+        else {
+            this._authService.recoverPassword(this.domain, this.user, this.form.value).subscribe({
+                next: (response) => {
+                    this._messageService.showAlertSuccess('Você redefiniu sua senha com sucesso. Preencha suas novas credenciais para acessar o sistema.');
+                    this.cancelar();
+                },
+                error: (error) => {
+                    //this._projectUtilservice.showHttpError(error);
+                    this._messageService.showAlertDanger(error);
+                    throw new Error(error);
+                },
+            });
+        }
+    }
+    // #endregion POST
+    // #region UTILIDADES
+    getParmsFromRoute() {
+        if (this._route.snapshot.paramMap.get('param') != null) {
+            let param = atob(this._route.snapshot.paramMap.get('param'));
+            var params = param.split('$');
+            let numero = +params[params.length - 1].slice(-1);
+            this.statusSenha = numero;
+            this.createPassword = (params[0] == 'true' ? true : false);
+            this.domain = params[1];
+            this.user = params[2];
+            this.passwordLabel = (this.createPassword ? "Escolha sua nova senha" : "Digite uma nova Senha");
+            if (params[3] != null) {
+                this.form.get('code')?.setValue(params[3]);
+            }
+        }
+        else {
+            this.createPassword = false;
+            this.domain = "";
+            this.user = "";
+        }
+    }
+    // Retorno para o login
+    cancelar() {
+        this._authStorageService.logout();
+        this._router.navigate(["/auth/login"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NovaSenhaComponent, deps: [{ token: i3.FormBuilder }, { token: i5.MessageService }, { token: ServerService }, { token: AuthService }, { token: AuthStorageService }, { token: i9.Title }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NovaSenhaComponent, selector: "app-nova-senha", ngImport: i0, template: "<body>\r\n\t<div id=\"main-container\">\r\n\t\t<!-- #region MAIN CONTENT -->\r\n\t\t<div class=\"glb-main-container password-container\">\r\n\t\t\t<div class=\"password-info-container\">\r\n\t\t\t\t<div class=\"img mb-3\">\r\n\t\t\t\t\t<img [src]=\"statusSenha == 2 ? calendarioImg : statusSenha == 1 ? maoImg : statusSenha == 3 ? cadeadoImg : '' \" width=\"125.69\" height=\"122\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"text\">\r\n\t\t\t\t\t<h4>{{statusSenha == 2 ? 'Senha expirada' : statusSenha == 1 ? 'Primeiro acesso' : statusSenha == 3 ? 'Esqueceu sua senha?' : ''}}</h4>\r\n\t\t\t\t\t<p [innerHTML]=\"statusSenha == 2 ? senhaExpiradaText : statusSenha == 1 ? primeiroAcessoText : statusSenha == 3 ? esqueceuSenhaText : '' \"></p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<form [formGroup]=\"form\">\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-12 mb-3\">\r\n\t\t\t\t\t\t<label for=\"inputCode\" class=\"form-label\"> C\u00F3digo de valida\u00E7\u00E3o <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t\t\t<input type=\"text\" placeholder=\"Insira seu c\u00F3digo aqui...\" id=\"inputCode\" class=\"form-control\" formControlName=\"code\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('code'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('code')\" label=\"C\u00F3digo de valida\u00E7\u00E3o\"></app-field-error-message>\t\t\t\t\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-12 mb-3\">\r\n\t\t\t\t\t\t<label for=\"inputPassword\" class=\"form-label\"> Digite uma nova Senha <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t\t\t<input type=\"password\" placeholder=\"Digite sua nova senha...\" id=\"inputPassword\" class=\"form-control\" formControlName=\"password\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('password'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('password')\" label=\"{{ passwordLabel }}\"></app-field-error-message>\t\t\t\t\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-12 mb-3\">\r\n\t\t\t\t\t\t<label for=\"inputConfirmPassword\" class=\"form-label\"> Confirme sua nova Senha <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t\t\t<input type=\"password\" placeholder=\"Digite a senha novamente...\" id=\"inputConfirmPassword\" class=\"form-control\" formControlName=\"confirmPassword\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('confirmPassword'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('confirmPassword')\" label=\"Confirme sua Senha\"></app-field-error-message>\t\t\t\t\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\r\n\t\t\t\t\t<div class=\"btns\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-primary modal-button\" (click)=\"sendPassword()\">\r\n\t\t\t\t\t\t\t<span> Redefinir senha </span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"btn modal-button cancelar-btn\" (click)=\"cancelar()\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<span><span class=\"icon\"><lib-icon iconName=\"p-seta-esquerda\" [iconSize]=\"20\"/></span>Voltar para a tela de login</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t</form>\r\n\t\t</div>\r\n\t\t<!-- #endregion MAIN CONTENT -->\r\n\t</div>\r\n\t</body>\r\n\t", styles: ["body{background-color:#f5f5f5;height:100%!important;margin:0!important;padding:0!important}#main-container{display:flex;align-items:center;justify-content:center;height:100%}.password-container{padding:30px;width:37%;border:none;box-shadow:0 2px -1px #0000001a}.img{width:26%}.text{display:flex;flex-direction:column;align-items:flex-start;margin-left:auto}.text h4{font-weight:700}.text p{text-align:start}.password-info-container{display:flex;gap:15px}.btns{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}button{width:100%;padding:10px;border:none}button .cancelar-btn{background-color:none}.cancelar-btn span{color:#6c757d;font-weight:700}input{padding:10px}input::placeholder{color:#8d8d8d;font-size:15px}.icon{margin-right:5px;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.FieldErrorMessageComponent, selector: "app-field-error-message, lib-error-message", inputs: ["customMessage", "control", "label"] }, { kind: "component", type: i5.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }], preserveWhitespaces: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NovaSenhaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-nova-senha', preserveWhitespaces: true, template: "<body>\r\n\t<div id=\"main-container\">\r\n\t\t<!-- #region MAIN CONTENT -->\r\n\t\t<div class=\"glb-main-container password-container\">\r\n\t\t\t<div class=\"password-info-container\">\r\n\t\t\t\t<div class=\"img mb-3\">\r\n\t\t\t\t\t<img [src]=\"statusSenha == 2 ? calendarioImg : statusSenha == 1 ? maoImg : statusSenha == 3 ? cadeadoImg : '' \" width=\"125.69\" height=\"122\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"text\">\r\n\t\t\t\t\t<h4>{{statusSenha == 2 ? 'Senha expirada' : statusSenha == 1 ? 'Primeiro acesso' : statusSenha == 3 ? 'Esqueceu sua senha?' : ''}}</h4>\r\n\t\t\t\t\t<p [innerHTML]=\"statusSenha == 2 ? senhaExpiradaText : statusSenha == 1 ? primeiroAcessoText : statusSenha == 3 ? esqueceuSenhaText : '' \"></p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<form [formGroup]=\"form\">\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-12 mb-3\">\r\n\t\t\t\t\t\t<label for=\"inputCode\" class=\"form-label\"> C\u00F3digo de valida\u00E7\u00E3o <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t\t\t<input type=\"text\" placeholder=\"Insira seu c\u00F3digo aqui...\" id=\"inputCode\" class=\"form-control\" formControlName=\"code\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('code'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('code')\" label=\"C\u00F3digo de valida\u00E7\u00E3o\"></app-field-error-message>\t\t\t\t\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-12 mb-3\">\r\n\t\t\t\t\t\t<label for=\"inputPassword\" class=\"form-label\"> Digite uma nova Senha <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t\t\t<input type=\"password\" placeholder=\"Digite sua nova senha...\" id=\"inputPassword\" class=\"form-control\" formControlName=\"password\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('password'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('password')\" label=\"{{ passwordLabel }}\"></app-field-error-message>\t\t\t\t\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-12 mb-3\">\r\n\t\t\t\t\t\t<label for=\"inputConfirmPassword\" class=\"form-label\"> Confirme sua nova Senha <span class=\"text-danger\">*</span></label>\r\n\t\t\t\t\t\t<input type=\"password\" placeholder=\"Digite a senha novamente...\" id=\"inputConfirmPassword\" class=\"form-control\" formControlName=\"confirmPassword\"\r\n\t\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('confirmPassword'))\">\r\n\t\t\t\t\t\t<app-field-error-message [control]=\"form.get('confirmPassword')\" label=\"Confirme sua Senha\"></app-field-error-message>\t\t\t\t\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\r\n\t\t\t\t\t<div class=\"btns\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-primary modal-button\" (click)=\"sendPassword()\">\r\n\t\t\t\t\t\t\t<span> Redefinir senha </span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"btn modal-button cancelar-btn\" (click)=\"cancelar()\">\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<span><span class=\"icon\"><lib-icon iconName=\"p-seta-esquerda\" [iconSize]=\"20\"/></span>Voltar para a tela de login</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t</form>\r\n\t\t</div>\r\n\t\t<!-- #endregion MAIN CONTENT -->\r\n\t</div>\r\n\t</body>\r\n\t", styles: ["body{background-color:#f5f5f5;height:100%!important;margin:0!important;padding:0!important}#main-container{display:flex;align-items:center;justify-content:center;height:100%}.password-container{padding:30px;width:37%;border:none;box-shadow:0 2px -1px #0000001a}.img{width:26%}.text{display:flex;flex-direction:column;align-items:flex-start;margin-left:auto}.text h4{font-weight:700}.text p{text-align:start}.password-info-container{display:flex;gap:15px}.btns{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}button{width:100%;padding:10px;border:none}button .cancelar-btn{background-color:none}.cancelar-btn span{color:#6c757d;font-weight:700}input{padding:10px}input::placeholder{color:#8d8d8d;font-size:15px}.icon{margin-right:5px;font-weight:700}\n"] }]
+        }], ctorParameters: () => [{ type: i3.FormBuilder }, { type: i5.MessageService }, { type: ServerService }, { type: AuthService }, { type: AuthStorageService }, { type: i9.Title }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }] });
+
+class AuthModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AuthModule, declarations: [LoginComponent,
+            NovaSenhaComponent,
+            PrimaryDropdownComponent,
+            SecondaryDropdownComponent,
+            SelecaoEstabelecimentosModalComponent,
+            MenuLateralComponent,
+            DynamicMenuComponent,
+            NotifSubmenuComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            InfraModule,
+            NgxPaginationModule,
+            PopoverModule,
+            TooltipModule,
+            CommonModule,
+            RouterLink,
+            RouterOutlet], exports: [LoginComponent,
+            NovaSenhaComponent,
+            PrimaryDropdownComponent,
+            SecondaryDropdownComponent,
+            SelecaoEstabelecimentosModalComponent,
+            MenuLateralComponent,
+            DynamicMenuComponent,
+            NotifSubmenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            InfraModule,
+            NgxPaginationModule,
+            PopoverModule,
+            TooltipModule,
+            CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoginComponent,
+                        NovaSenhaComponent,
+                        PrimaryDropdownComponent,
+                        SecondaryDropdownComponent,
+                        SelecaoEstabelecimentosModalComponent,
+                        MenuLateralComponent,
+                        DynamicMenuComponent,
+                        NotifSubmenuComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        InfraModule,
+                        NgxPaginationModule,
+                        PopoverModule,
+                        TooltipModule,
+                        CommonModule,
+                        RouterLink,
+                        RouterOutlet
+                    ],
+                    exports: [
+                        LoginComponent,
+                        NovaSenhaComponent,
+                        PrimaryDropdownComponent,
+                        SecondaryDropdownComponent,
+                        SelecaoEstabelecimentosModalComponent,
+                        MenuLateralComponent,
+                        DynamicMenuComponent,
+                        NotifSubmenuComponent
+                    ]
+                }]
+        }] });
+
+class ListEstabService {
+    constructor(http) {
+        this.http = http;
+        this.cacheName = "";
+        this.menuKey = `${this.cacheName}_ListaEstabs`;
+        this.baseUrl = "assets/jsons/lista-estabs.json";
+        this.storage = window.localStorage;
+    }
+    getList() {
+        let iMenu = this.get();
+        let httpCall = this.http.get(this.baseUrl).pipe(tap((iMenuFromServer) => {
+            this.set(iMenuFromServer);
+        }));
+        // Caso o menu já esteja gravado no local, é retornado ele no observable e logo em seguida
+        // é realizada a chamada HTTP para buscar o mais novo menu.
+        if (iMenu) {
+            let obs = of(iMenu);
+            let obsMerged = merge(obs, httpCall);
+            return obsMerged;
+        }
+        return httpCall;
+    }
+    set(value) {
+        let iMenuJson = JSON.stringify(value);
+        this.storage.setItem(this.menuKey, iMenuJson);
+    }
+    get() {
+        let possibleIMenus = this.storage.getItem(this.menuKey);
+        if (possibleIMenus) {
+            let iMenus = JSON.parse(possibleIMenus);
+            return iMenus;
+        }
+        return null;
+    }
+    remove() {
+        this.storage.removeItem(this.menuKey);
+    }
+    getCacheName(cacheName) {
+        //passando propriedades do produto para a service
+        this.cacheName = cacheName;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListEstabService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListEstabService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ListEstabService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class IMenu {
+    constructor() {
+        this.LABEL = "";
+        this.DESCRICAO = "";
+        this.URL = "";
+        this.CLASS_ICON = "";
+        this.URL_DASHBOARD = "";
+        this.TAG = "";
+        this.STRUCT_LIST = [];
+    }
+}
+
+class InfraUsuarioImg {
+    constructor() {
+        this.TENANT_ID = 0;
+        this.ID = 0;
+        this.IMAGEM = "";
+        this.FILENAME = "";
+        this.DATACRIACAO = new Date();
+        this.IS_ACTIVE = false;
+        this.USUARIOID = "";
+    }
+}
+
+class CustomPropriedadesLogin {
+}
+
+class AuthGuard {
+    constructor(router, authStorageService) {
+        this.router = router;
+        this.authStorageService = authStorageService;
+    }
+    IsUserAuth() {
+        return this.authStorageService.isLoggedInSub
+            .pipe(map((isLoggedIn) => {
+            if (!isLoggedIn || this.authStorageService.isExternalLogin) {
+                let login = this.router.parseUrl("/auth/login");
+                return login;
+            }
+            return true;
+        }));
+    }
+    canActivate(_route, _state) {
+        return this.IsUserAuth();
+    }
+    canLoad(_route) {
+        return this.IsUserAuth();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, deps: [{ token: i1$1.Router }, { token: AuthStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthGuard, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthStorageService }] });
+
+class ExternaLoginlGuard {
+    constructor(router, authService, authStorageService, serverService) {
+        this.router = router;
+        this.authService = authService;
+        this.authStorageService = authStorageService;
+        this.serverService = serverService;
+    }
+    canActivate(_route, _state) {
+        let param = atob(_route.paramMap.get('param'));
+        return this.IsUserAuth(param);
+    }
+    navigateToError() {
+        this.authStorageService.isExternalLogin = true;
+        let login = this.router.parseUrl("/error-404");
+        return login;
+    }
+    IsUserAuth(param) {
+        return this.authStorageService.isLoggedInSub
+            .pipe(take$1(1), switchMap((isLoggedIn) => {
+            // Split dos parâmetros para o login externo
+            var params = param.split('$');
+            let domain = params[0];
+            let user = params[1];
+            let password = params[2];
+            if (isLoggedIn && !this.authStorageService.isExternalLogin && this.authStorageService.dominio.toLowerCase() == domain.toLowerCase()) {
+                return of(true);
+            }
+            ;
+            // antes alteração - se precisar voltar
+            return this.logOnExternal(domain, user, password);
+        }));
+    }
+    //  Executa o Login Externo
+    async logOnExternal(domain, user, password) {
+        const retConfig = await this.handleGetServer();
+        if (!retConfig) {
+            return this.navigateToError();
+        }
+        try {
+            const error = await lastValueFrom(this.authService.loginExternal(domain, user, password));
+            if (error) {
+                return this.navigateToError();
+            }
+            return true;
+        }
+        catch (error) {
+            return this.navigateToError();
+        }
+    }
+    // Retorna os parâmetros de configuração.
+    getServer() {
+        return new Promise((resolve, reject) => {
+            this.serverService.getServer().subscribe({
+                next: response => {
+                    resolve(true);
+                },
+                error: error => {
+                    reject(error);
+                }
+            });
+        });
+    }
+    // Handle para busca dos parâmetros de configuração.
+    async handleGetServer() {
+        try {
+            const response = await this.getServer();
+            return true;
+        }
+        catch (error) {
+            return false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExternaLoginlGuard, deps: [{ token: i1$1.Router }, { token: AuthService }, { token: AuthStorageService }, { token: ServerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExternaLoginlGuard, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExternaLoginlGuard, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthService }, { type: AuthStorageService }, { type: ServerService }] });
+
+/**
+ * Protege a página de login de ser carregada quando o usuário já está logado,
+ * redirecionando ele para a página home da aplicação.
+ */
+class LoginGuard {
+    constructor(router, authStorageService) {
+        this.router = router;
+        this.authStorageService = authStorageService;
+    }
+    /**
+     * Verifica se pode carregar a tela de login caso o usuário não esteja logado e
+     * a rota seja de login.
+     *
+     * @param route Rota atual
+     * @param segments Segmentos.
+     * @returns
+     */
+    canLoad(_route, _segments) {
+        if (_route.path === "auth/login" && this.authStorageService.isLoggedInSub.value && !this.authStorageService.isExternalLogin) {
+            return this.router.createUrlTree(["/home"]);
+        }
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoginGuard, deps: [{ token: i1$1.Router }, { token: AuthStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoginGuard, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoginGuard, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthStorageService }] });
+
+/**
+ * \brief Intercepta uma chamada HTTP para inserir o usuário logado no header em conjunto
+ *        com o login para uso da API.
+ *
+ * Depende do serviço de autenticação.
+ */
+class AuthAplicInterceptor {
+    constructor(authCheckService, _environmentService, token) {
+        this.authCheckService = authCheckService;
+        this._environmentService = _environmentService;
+        this.token = token;
+    }
+    intercept(req, next) {
+        // convert promise to observable using 'from' operator
+        return from(this.handle(req, next));
+    }
+    async handle(req, next) {
+        let changedReq = req;
+        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._environmentService.needsAuthAplic)) {
+            // Verifica se o Token precisa ser renovado
+            await this.token.renewToken();
+            // Adiciona as autenticações necessárias ao servidor.
+            let headers = req.headers.set('Authorization', `Bearer ${this.token.authToken}`);
+            changedReq = req.clone({ headers: headers });
+        }
+        return await lastValueFrom(next.handle(changedReq));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthAplicInterceptor, deps: [{ token: i5.CheckUrlAndMethodService }, { token: EnvironmentService }, { token: AuthStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthAplicInterceptor, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthAplicInterceptor, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i5.CheckUrlAndMethodService }, { type: EnvironmentService }, { type: AuthStorageService }] });
+
+/**
+ * \brief Intercepta uma chamada HTTP para inserir a autenticação da Sispro.
+ */
+class AuthInfraInterceptor {
+    constructor(authCheckService, _environmentService) {
+        this.authCheckService = authCheckService;
+        this._environmentService = _environmentService;
+    }
+    intercept(req, next) {
+        let changedReq = req;
+        if (this.authCheckService.needsAuthRequest(req.url, req.method, this._environmentService.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')}`)}
+                `);
+            changedReq = req.clone({ headers: headers });
+        }
+        return next.handle(changedReq);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthInfraInterceptor, deps: [{ token: i5.CheckUrlAndMethodService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthInfraInterceptor, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthInfraInterceptor, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i5.CheckUrlAndMethodService }, { type: EnvironmentService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuthAplicInterceptor, AuthGuard, AuthInfraInterceptor, AuthModule, AuthService, AuthStorageService, CustomPropriedadesLogin, DynamicMenuComponent, EnvironmentService, ExternaLoginlGuard, IMenu, InfraUsuarioImg, LibCustomLoginService, LibCustomMenuService, ListEstabService, LoginComponent, LoginGuard, MenuConfigService, MenuLateralComponent, MenuServicesService, NotifSubmenuComponent, NovaSenhaComponent, PrimaryDropdownComponent, SecondaryDropdownComponent, SelecaoEstabelecimentosModalComponent, ServerService };
+//# sourceMappingURL=ngx-sp-auth.mjs.map