npm - ngx-sp-auth - Versions diffs - 4.1.1 → 4.1.3 - Mend

ngx-sp-auth 4.1.1 → 4.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/fesm2022/ngx-sp-auth.mjs CHANGED Viewed

@@ -1388,6 +1388,23 @@ class MenuServicesService {
         }));
     }
     // #endregion Menu: Version
+    // #region Menu: IsMenuAllowed
+    /** Método executado para validar a permissão de acesso a uma opção do menu
+    */
+    isMenuAllowed(route) {
+        const params = new HttpParams()
+            .set('route', route);
+        const headers = new HttpHeaders().set("Content-Type", "application/json");
+        const url = `${this._BASE_URL}/Menu/IsMenuAllowed`;
+        return this._httpClient
+            .get(url, { 'params': params, headers: headers })
+            .pipe(take(1), tap((response) => {
+            if (response.Error) {
+                throw Error(response.ErrorMessage);
+            }
+        }));
+    }
+    // #endregion Menu: IsMenuAllowed
     // #endregion GET
     // #region UPDATE
     // #region Menu: Usuário
@@ -1908,7 +1925,7 @@ class LoginComponent {
                     //Incialização de Senha
                     if (response.InitializePassword) {
                         let param = btoa(`true$${this.dominio}$${this.usuario}$${response.StatusSenha}`);
-                        this._router.navigate([`auth/login/novaSenha/${param}`]);
+                        this._router.navigate([`auth/login/${param}`]);
                         this._toastrService.success("Verifique no seu e-mail o código de validação.");
                     }
                     if (this._authStorageService.infraInAuthTypeId == InfraInAuthTypeId.Local && this._authStorageService.infraIn2FaTypeId != null && this._authStorageService.infraIn2FaTypeId == InfraIn2FaTypeId.Email && this._authStorageService.is2FaEnabled) {
@@ -1954,7 +1971,7 @@ class LoginComponent {
                         //Incialização de Senha
                         if (response.InitializePassword) {
                             let param = btoa(`true$${this.dominio}$${this.usuarioAzure}$${response.StatusSenha}`);
-                            this._router.navigate([`auth/login/novaSenha/${param}`]);
+                            this._router.navigate([`auth/login/${param}`]);
                             this._toastrService.success("Verifique no seu e-mail o código de validação.");
                         }
                         if (this._authStorageService.infraInAuthTypeId == InfraInAuthTypeId.Local && this._authStorageService.infraIn2FaTypeId != null && this._authStorageService.infraIn2FaTypeId == InfraIn2FaTypeId.Email && this._authStorageService.is2FaEnabled) {
@@ -3311,6 +3328,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                     ], preserveWhitespaces: true, template: "<body>\n<div id=\"main-container\">\n\t<!-- #region MAIN CONTENT -->\n\t<div class=\"glb-main-container password-container\">\n\t\t<div class=\"password-info-container\">\n\t\t\t<div class=\"img mb-3\">\n\t\t\t\t<img [src]=\"statusSenha == 2 ? calendarioImg : statusSenha == 1 ? maoImg : statusSenha == 3 ? cadeadoImg : '' \" width=\"125.69\" height=\"122\">\n\t\t\t</div>\n\t\t\t<div class=\"text\">\n\t\t\t\t<h4>{{statusSenha == 2 ? 'Senha expirada' : statusSenha == 1 ? 'Primeiro acesso' : statusSenha == 3 ? 'Esqueceu sua senha?' : ''}}</h4>\n\t\t\t\t<p [innerHTML]=\"statusSenha == 2 ? senhaExpiradaText : statusSenha == 1 ? primeiroAcessoText : statusSenha == 3 ? esqueceuSenhaText : '' \"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<form [formGroup]=\"form\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-12 mb-3\">\n\t\t\t\t\t<label for=\"inputCode\" class=\"form-label\"> C\u00F3digo de valida\u00E7\u00E3o <span class=\"text-danger\">*</span></label>\n\t\t\t\t\t<input type=\"text\" placeholder=\"Insira seu c\u00F3digo aqui...\" id=\"inputCode\" class=\"form-control\" formControlName=\"code\"\n\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('code'))\">\n\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\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-12 mb-3\">\n\t\t\t\t\t<label for=\"inputPassword\" class=\"form-label\"> Digite uma nova Senha <span class=\"text-danger\">*</span></label>\n\t\t\t\t\t<input type=\"password\" placeholder=\"Digite sua nova senha...\" id=\"inputPassword\" class=\"form-control\" formControlName=\"password\"\n\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('password'))\">\n\t\t\t\t\t<app-field-error-message [control]=\"form.get('password')\" label=\"{{ passwordLabel }}\"></app-field-error-message>\t\t\t\t\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-12 mb-3\">\n\t\t\t\t\t<label for=\"inputConfirmPassword\" class=\"form-label\"> Confirme sua nova Senha <span class=\"text-danger\">*</span></label>\n\t\t\t\t\t<input type=\"password\" placeholder=\"Digite a senha novamente...\" id=\"inputConfirmPassword\" class=\"form-control\" formControlName=\"confirmPassword\"\n\t\t\t\t\t\t[class.is-invalid]=\"FormUtils.isInvalidField(form.get('confirmPassword'))\">\n\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\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t\t<div class=\"btns\">\n\t\t\t\t\t<button [libLoading]=\"isLoading\" loadingText=\"Redefinindo...\" [disabled]=\"isLoading\" (click)=\"sendPassword()\" type=\"button\" class=\"btn btn-primary col w-100\">\n\t\t\t\t\t\tRedefinir senha <lib-icon iconName=\"login\" />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<div class=\"mt-3 text-center\">\n\t\t\t\t\t\t<a type=\"button\" class=\"fw-bold text-decoration-none text-secondary\" (click)=\"cancelar()\">\n\t\t\t\t\t\t\t<lib-icon iconName=\"p-seta-esquerda\" /> Voltar para a tela de login </a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t</form>\n\t</div>\n\t<!-- #endregion MAIN CONTENT -->\n</div>\n</body>\n", 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;align-items:center;width:100%}input::placeholder{color:#8d8d8d;font-size:15px}.icon{margin-right:5px;font-weight:700}\n"] }]
         }], ctorParameters: () => [{ type: i3$1.FormBuilder }, { type: ProjectUtilservice }, { type: i3.MessageService }, { type: AuthService }, { type: AuthStorageService }, { type: i8.Title }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }] });
+class ErrorMenuNotAllowed {
+    constructor(router, authStorageService) {
+        this.router = router;
+        this.authStorageService = authStorageService;
+    }
+    onHome() {
+        this.router.navigate(["/home"]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ErrorMenuNotAllowed, deps: [{ token: i1$1.Router }, { token: AuthStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ErrorMenuNotAllowed, isStandalone: true, selector: "app-menu-not-allowed", ngImport: i0, template: "  <div class=\"content\">\n    <div class=\"image mb-4\">\n      <lib-icon iconName=\"cadeado\" [iconSize]=\"128\" />\n    </div>\n    <h1 class=\"tittle\">Voc\u00EA n\u00E3o possui permiss\u00E3o para acessar esta tela!</h1>\n    <button *ngIf=\"!this.authStorageService.isExternalLogin\" class=\"btn button mt-3\" (click)=\"onHome()\">\n      Voltar para a tela inicial\n    </button>\n  </div>\n", styles: [".content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.image{text-align:center;display:block}.tittle{font-family:Open Sans;font-style:normal;font-weight:700;font-size:48px;line-height:65px;text-align:center;color:#212529}.sub-tittle{font-family:Open Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;width:600px;text-align:center;color:#212529}.button{background:#0d6efd;border-radius:4px;font-family:Open Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#fff}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InfraModule }, { kind: "component", type: i3.LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }], preserveWhitespaces: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ErrorMenuNotAllowed, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-menu-not-allowed', preserveWhitespaces: true, imports: [
+                        NgIf,
+                        InfraModule
+                    ], template: "  <div class=\"content\">\n    <div class=\"image mb-4\">\n      <lib-icon iconName=\"cadeado\" [iconSize]=\"128\" />\n    </div>\n    <h1 class=\"tittle\">Voc\u00EA n\u00E3o possui permiss\u00E3o para acessar esta tela!</h1>\n    <button *ngIf=\"!this.authStorageService.isExternalLogin\" class=\"btn button mt-3\" (click)=\"onHome()\">\n      Voltar para a tela inicial\n    </button>\n  </div>\n", styles: [".content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.image{text-align:center;display:block}.tittle{font-family:Open Sans;font-style:normal;font-weight:700;font-size:48px;line-height:65px;text-align:center;color:#212529}.sub-tittle{font-family:Open Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;width:600px;text-align:center;color:#212529}.button{background:#0d6efd;border-radius:4px;font-family:Open Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthStorageService }] });
 class IMenu {
     constructor() {
         this.ID = 0;
@@ -3554,6 +3590,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
         }], ctorParameters: () => [{ type: i1$1.Router }, { type: AuthService }] });
 ;
+class IsMenuAllowedlGuard {
+    constructor(router, _menuService) {
+        this.router = router;
+        this._menuService = _menuService;
+    }
+    canActivate(_route, _state) {
+        let route = _route.routeConfig?.path === undefined ? "" : _route.routeConfig?.path;
+        return this.isMenuAllowedGuard(route);
+    }
+    navigateToError() {
+        let notAllowed = this.router.parseUrl("/error-menu-not-allowed");
+        return notAllowed;
+    }
+    //  Valida a permissão do Menu
+    async isMenuAllowedGuard(route) {
+        const menuAllowed = await this.handleIsMenuAllowed(route);
+        if (!menuAllowed) {
+            return this.navigateToError();
+        }
+        return menuAllowed;
+    }
+    // Handle para ver se o menu é permitido.
+    async handleIsMenuAllowed(route) {
+        try {
+            let response = false;
+            await this.IsMenuAllowed(route)
+                .then(res => {
+                response = res;
+                return response;
+            })
+                .catch(err => {
+                throw new Error(err);
+            });
+            return response;
+        }
+        catch (error) {
+            return false;
+        }
+    }
+    // Retorna se o menu é permitido.
+    IsMenuAllowed(route) {
+        return new Promise((resolve, reject) => {
+            this._menuService.isMenuAllowed(route).subscribe({
+                next: response => {
+                    resolve(response.IsMenuAllowed);
+                },
+                error: error => {
+                    reject(error);
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IsMenuAllowedlGuard, deps: [{ token: i1$1.Router }, { token: MenuServicesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IsMenuAllowedlGuard, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IsMenuAllowedlGuard, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.Router }, { type: MenuServicesService }] });
 /**
  * \brief Intercepta uma chamada HTTP para inserir o usuário logado no header em conjunto
  *        com o login para uso da API.
@@ -3711,26 +3807,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             }] } });
 class ListComponent {
-    /**
-     *
-     */
     constructor() {
         this.telasItem = [];
-        this.hostName = "";
-    }
-    GetExternalUrl(url) {
-        return `${this.hostName}/${url}`;
+        this.hostName = '';
+        this.onTelaSelecionada = new EventEmitter();
+        this.getExternalUrl = (url) => { return `${this.hostName}/${url}`; };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ListComponent, isStandalone: true, selector: "app-list", inputs: { telasItem: "telasItem", hostName: "hostName" }, ngImport: i0, template: "<ul class=\"nav flex-column mt-3\">\n  @if(telasItem.length) {\n    @for(clickLink of telasItem; track $index) {\n      <li class=\"nav-item\">\n        <a class=\"nav-link\" [target]=\"clickLink.IsExternal ? '_blank' : '_self'\"\n        [href]=\"clickLink.IsExternal ? (GetExternalUrl(clickLink.urlPath))\n        : ('/SisproErpCloud/' + clickLink.urlPath)\">{{ clickLink.titulo }}</a>\n      </li>\n    }\n  }\n</ul>\n", styles: ["a{color:#3e5154}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ListComponent, isStandalone: true, selector: "app-list", inputs: { telasItem: "telasItem", hostName: "hostName" }, outputs: { onTelaSelecionada: "onTelaSelecionada" }, ngImport: i0, template: "<ul class=\"nav flex-column mt-3\">\n  @if(telasItem.length) {\n    @for(clickLink of telasItem; track $index) {\n      <li class=\"nav-item\">\n        <a class=\"nav-link\" [target]=\"clickLink.IsExternal ? '_blank' : '_self'\" (click)=\"onTelaSelecionada.emit(clickLink.titulo)\"\n          [href]=\"clickLink.IsExternal\n            ? getExternalUrl(clickLink.urlPath)\n            : '/SisproErpCloud/' + clickLink.urlPath\" >\n          {{ clickLink.titulo }}\n        </a>\n      </li>\n    }\n  }\n</ul>\n", styles: ["a{color:#3e5154}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-list', imports: [], standalone: true, template: "<ul class=\"nav flex-column mt-3\">\n  @if(telasItem.length) {\n    @for(clickLink of telasItem; track $index) {\n      <li class=\"nav-item\">\n        <a class=\"nav-link\" [target]=\"clickLink.IsExternal ? '_blank' : '_self'\"\n        [href]=\"clickLink.IsExternal ? (GetExternalUrl(clickLink.urlPath))\n        : ('/SisproErpCloud/' + clickLink.urlPath)\">{{ clickLink.titulo }}</a>\n      </li>\n    }\n  }\n</ul>\n", styles: ["a{color:#3e5154}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { telasItem: [{
+            args: [{ selector: 'app-list', imports: [], standalone: true, template: "<ul class=\"nav flex-column mt-3\">\n  @if(telasItem.length) {\n    @for(clickLink of telasItem; track $index) {\n      <li class=\"nav-item\">\n        <a class=\"nav-link\" [target]=\"clickLink.IsExternal ? '_blank' : '_self'\" (click)=\"onTelaSelecionada.emit(clickLink.titulo)\"\n          [href]=\"clickLink.IsExternal\n            ? getExternalUrl(clickLink.urlPath)\n            : '/SisproErpCloud/' + clickLink.urlPath\" >\n          {{ clickLink.titulo }}\n        </a>\n      </li>\n    }\n  }\n</ul>\n", styles: ["a{color:#3e5154}\n"] }]
+        }], propDecorators: { telasItem: [{
                 type: Input
             }], hostName: [{
                 type: Input
+            }], onTelaSelecionada: [{
+                type: Output
             }] } });
 class NavTabsComponent {
@@ -3740,38 +3834,51 @@ class NavTabsComponent {
         // #region ==========> PROPERTIES <==========
         // #region PUBLIC
         this.subMenus = [];
-        this.hostName = "";
+        this.hostName = '';
+        this.onTituloSelecionado = new EventEmitter();
+        this.onTelaSelecionada = new EventEmitter();
         this.telasItem = [];
         this.listaAtiva = '';
     }
     ngOnInit() {
         if (this.subMenus.length != 0) {
-            this.telasItem = this.subMenus[0].telasItem;
+            this.telasItem = this.subMenus.filter(e => e.titulo.includes(this.activeItem ?? ''))[0].telasItem;
             this.listaAtiva = this.activeItem ?? this.subMenus[0].titulo;
+            if (this.activeItem && this.activeItem !== '')
+                this.setAbaAtiva(this.activeItem);
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['activeItem'].currentValue && changes['activeItem'].currentValue !== "") {
+            this.setAbaAtiva(changes['activeItem'].currentValue);
+        }
+        if ((changes['subMenus'].currentValue && changes['subMenus'].currentValue !== "") && this.activeItem !== '') {
+            this.setAbaAtiva(this.activeItem);
         }
     }
     // #region ==========> UTILS <==========
-    abaActive(b) {
-        const index = this.subMenus.findIndex(submenu => {
-            return submenu.titulo == b;
-        });
+    setAbaAtiva(titulo) {
+        const index = this.subMenus.findIndex(submenu => submenu.titulo == titulo);
         this.telasItem = this.subMenus[index].telasItem;
         this.listaAtiva = this.subMenus[index].titulo;
+        this.onTituloSelecionado.emit(titulo);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NavTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: NavTabsComponent, isStandalone: true, selector: "app-nav-tabs", inputs: { subMenus: "subMenus", hostName: "hostName", activeItem: "activeItem" }, ngImport: i0, template: "<ul class=\"menu my-3\">\n  @for(menu of subMenus; track $index) {\n    <li class=\"menu-item\" (click)=\"abaActive(menu.titulo)\" [class.active]=\"menu.titulo === listaAtiva\">\n      <a class=\"glb-cursor-pointer\" (click)=\"abaActive(menu.titulo)\" [tabindex]=\"$index\">\n        {{ menu.titulo }}\n      </a>\n    </li>\n  }\n</ul>\n\n@if (telasItem) {\n  <app-list [telasItem]=\"telasItem\" [hostName]=\"hostName\" />\n}\n", styles: ["@charset \"UTF-8\";.menu{list-style:none;padding:0;margin:0;display:flex;gap:20px}.menu-item a{text-align:center;position:relative;display:inline-block;padding-bottom:5px;color:#6c757d;text-decoration:none;transition:color .3s ease,border-bottom-color .3s ease;border-bottom:2px solid #fff;width:calc(100% + 15px)}.menu-item a:hover{color:#213b70;border-bottom:2px solid #213B70}.menu-item.active a:after{content:\"\";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:calc(100% + 5px);height:2px;background-color:#213b70}.menu-item.active a{color:#213b70}.menu-item.active a:before{content:\"\";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;opacity:1;transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "component", type: ListComponent, selector: "app-list", inputs: ["telasItem", "hostName"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: NavTabsComponent, isStandalone: true, selector: "app-nav-tabs", inputs: { subMenus: "subMenus", hostName: "hostName", activeItem: "activeItem" }, outputs: { onTituloSelecionado: "onTituloSelecionado", onTelaSelecionada: "onTelaSelecionada" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"menu my-3\">\n  @for(menu of subMenus; track $index) {\n    <li class=\"menu-item\" (click)=\"setAbaAtiva(menu.titulo)\" [class.active]=\"menu.titulo === listaAtiva\">\n      <a class=\"glb-cursor-pointer\" (click)=\"setAbaAtiva(menu.titulo)\" [tabindex]=\"$index\" >\n        {{ menu.titulo }}\n      </a>\n    </li>\n  }\n</ul>\n\n@if (telasItem) {\n  <app-list [telasItem]=\"telasItem\" [hostName]=\"hostName\" (onTelaSelecionada)=\"onTelaSelecionada.emit($event)\" />\n}\n", styles: ["@charset \"UTF-8\";.menu{list-style:none;padding:0;margin:0;display:flex;gap:20px}.menu-item a{text-align:center;position:relative;display:inline-block;padding-bottom:5px;color:#6c757d;text-decoration:none;transition:color .3s ease,border-bottom-color .3s ease;border-bottom:2px solid #fff;width:calc(100% + 15px)}.menu-item a:hover{color:#213b70;border-bottom:2px solid #213B70}.menu-item.active a:after{content:\"\";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:calc(100% + 5px);height:2px;background-color:#213b70}.menu-item.active a{color:#213b70}.menu-item.active a:before{content:\"\";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;opacity:1;transition:all .2s ease-in-out}\n"], dependencies: [{ kind: "component", type: ListComponent, selector: "app-list", inputs: ["telasItem", "hostName"], outputs: ["onTelaSelecionada"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NavTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-nav-tabs', imports: [
-                        ListComponent
-                    ], template: "<ul class=\"menu my-3\">\n  @for(menu of subMenus; track $index) {\n    <li class=\"menu-item\" (click)=\"abaActive(menu.titulo)\" [class.active]=\"menu.titulo === listaAtiva\">\n      <a class=\"glb-cursor-pointer\" (click)=\"abaActive(menu.titulo)\" [tabindex]=\"$index\">\n        {{ menu.titulo }}\n      </a>\n    </li>\n  }\n</ul>\n\n@if (telasItem) {\n  <app-list [telasItem]=\"telasItem\" [hostName]=\"hostName\" />\n}\n", styles: ["@charset \"UTF-8\";.menu{list-style:none;padding:0;margin:0;display:flex;gap:20px}.menu-item a{text-align:center;position:relative;display:inline-block;padding-bottom:5px;color:#6c757d;text-decoration:none;transition:color .3s ease,border-bottom-color .3s ease;border-bottom:2px solid #fff;width:calc(100% + 15px)}.menu-item a:hover{color:#213b70;border-bottom:2px solid #213B70}.menu-item.active a:after{content:\"\";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:calc(100% + 5px);height:2px;background-color:#213b70}.menu-item.active a{color:#213b70}.menu-item.active a:before{content:\"\";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;opacity:1;transition:all .2s ease-in-out}\n"] }]
+            args: [{ selector: 'app-nav-tabs', imports: [ListComponent], template: "<ul class=\"menu my-3\">\n  @for(menu of subMenus; track $index) {\n    <li class=\"menu-item\" (click)=\"setAbaAtiva(menu.titulo)\" [class.active]=\"menu.titulo === listaAtiva\">\n      <a class=\"glb-cursor-pointer\" (click)=\"setAbaAtiva(menu.titulo)\" [tabindex]=\"$index\" >\n        {{ menu.titulo }}\n      </a>\n    </li>\n  }\n</ul>\n\n@if (telasItem) {\n  <app-list [telasItem]=\"telasItem\" [hostName]=\"hostName\" (onTelaSelecionada)=\"onTelaSelecionada.emit($event)\" />\n}\n", styles: ["@charset \"UTF-8\";.menu{list-style:none;padding:0;margin:0;display:flex;gap:20px}.menu-item a{text-align:center;position:relative;display:inline-block;padding-bottom:5px;color:#6c757d;text-decoration:none;transition:color .3s ease,border-bottom-color .3s ease;border-bottom:2px solid #fff;width:calc(100% + 15px)}.menu-item a:hover{color:#213b70;border-bottom:2px solid #213B70}.menu-item.active a:after{content:\"\";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:calc(100% + 5px);height:2px;background-color:#213b70}.menu-item.active a{color:#213b70}.menu-item.active a:before{content:\"\";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;opacity:1;transition:all .2s ease-in-out}\n"] }]
         }], ctorParameters: () => [], propDecorators: { subMenus: [{
                 type: Input
             }], hostName: [{
                 type: Input
             }], activeItem: [{
                 type: Input
+            }], onTituloSelecionado: [{
+                type: Output
+            }], onTelaSelecionada: [{
+                type: Output
             }] } });
 class NavSubMenus {
@@ -3805,11 +3912,13 @@ class SubMenuComponent {
         this.navSubmenus = [];
         this.isProduction = true;
         this.hostname = "https://siscandesv6.sispro.com.br";
+        this.onTituloSelecionado = new EventEmitter();
+        this.onTelaSelecionada = new EventEmitter();
         this.hostNameOutSystems = "";
         this.listaSubMenus = [];
     }
     ngOnInit() {
-        this.GetHostName();
+        this.getHostName();
         if (this.navSubmenus.length > 0 &&
             this.navSubmenus[0].subMenuItem &&
             this.navSubmenus[0].subMenuItem.length > 0) {
@@ -3823,14 +3932,14 @@ class SubMenuComponent {
             this.listaSubMenus.push(...this.navSubmenus[i].subMenuItem);
         }
     }
-    GetHostName() {
+    getHostName() {
         this._menuService.GetHostServerOutSystems().subscribe({
             next: response => this.hostNameOutSystems = response.String,
             error: error => this._projectUtil.showHttpError(error)
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SubMenuComponent, deps: [{ token: MenuServicesService }, { token: ProjectUtilservice }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SubMenuComponent, isStandalone: true, selector: "app-nav-sub-menu", inputs: { navSubmenus: "navSubmenus", isProduction: "isProduction", hostname: "hostname", activeItem: "activeItem" }, ngImport: i0, template: "<lib-container>\n  <div class=\"px-5\" innerContent1>\n    @for(subMenu of navSubmenus; track $index) {\n      <div [class]=\"$first && subMenu.titulo == '' && subMenu.icon == '' ? ' mb-2' : 'mt-4 mb-2'\">\n        @if (subMenu.icon != '') {\n          <lib-icon class=\"bold engrenagem-ajustada\" iconName=\"{{ subMenu.icon }}\" />\n        }\n        @if (subMenu.titulo != ''){\n          <span class=\"fw-bold fs-4 ms-1\">{{ subMenu.titulo }}</span>\n        }\n\n        <app-nav-tabs [activeItem]=\"activeItem\" [subMenus]=\"navSubmenus[$index].subMenuItem\" [hostName]=\"hostNameOutSystems\" />\n      </div>\n\n      @if(!$last){ <hr /> }\n    }\n  </div>\n</lib-container>\n", styles: [".engrenagem-ajustada{position:relative;top:-4px}\n"], dependencies: [{ kind: "component", type: NavTabsComponent, selector: "app-nav-tabs", inputs: ["subMenus", "hostName", "activeItem"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: ContentContainerComponent, selector: "lib-container", inputs: ["documentation", "tabs", "advancedTabs", "containerTitle", "useBorder", "currentTab"], outputs: ["onChangeTab"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SubMenuComponent, isStandalone: true, selector: "app-nav-sub-menu", inputs: { navSubmenus: "navSubmenus", isProduction: "isProduction", hostname: "hostname", activeItem: "activeItem" }, outputs: { onTituloSelecionado: "onTituloSelecionado", onTelaSelecionada: "onTelaSelecionada" }, ngImport: i0, template: "<lib-container>\n  <div class=\"px-5\" innerContent1>\n    @for(subMenu of navSubmenus; track $index) {\n      <div [class]=\"$first && subMenu.titulo == '' && subMenu.icon == '' ? ' mb-2' : 'mt-4 mb-2'\">\n        @if (subMenu.icon != '') {\n          <lib-icon class=\"bold engrenagem-ajustada\" iconName=\"{{ subMenu.icon }}\" />\n        }\n        @if (subMenu.titulo != ''){\n          <span class=\"fw-bold fs-4 ms-1\">{{ subMenu.titulo }}</span>\n        }\n\n        <app-nav-tabs [activeItem]=\"activeItem\" [subMenus]=\"navSubmenus[$index].subMenuItem\" [hostName]=\"hostNameOutSystems\"\n          (onTelaSelecionada)=\"onTelaSelecionada.emit($event)\" (onTituloSelecionado)=\"onTituloSelecionado.emit($event)\" />\n      </div>\n\n      @if(!$last){ <hr /> }\n    }\n  </div>\n</lib-container>\n", styles: [".engrenagem-ajustada{position:relative;top:-4px}\n"], dependencies: [{ kind: "component", type: NavTabsComponent, selector: "app-nav-tabs", inputs: ["subMenus", "hostName", "activeItem"], outputs: ["onTituloSelecionado", "onTelaSelecionada"] }, { kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }, { kind: "component", type: ContentContainerComponent, selector: "lib-container", inputs: ["documentation", "tabs", "advancedTabs", "containerTitle", "useBorder", "currentTab"], outputs: ["onChangeTab"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SubMenuComponent, decorators: [{
             type: Component,
@@ -3838,7 +3947,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         NavTabsComponent,
                         LibIconsComponent,
                         ContentContainerComponent
-                    ], standalone: true, template: "<lib-container>\n  <div class=\"px-5\" innerContent1>\n    @for(subMenu of navSubmenus; track $index) {\n      <div [class]=\"$first && subMenu.titulo == '' && subMenu.icon == '' ? ' mb-2' : 'mt-4 mb-2'\">\n        @if (subMenu.icon != '') {\n          <lib-icon class=\"bold engrenagem-ajustada\" iconName=\"{{ subMenu.icon }}\" />\n        }\n        @if (subMenu.titulo != ''){\n          <span class=\"fw-bold fs-4 ms-1\">{{ subMenu.titulo }}</span>\n        }\n\n        <app-nav-tabs [activeItem]=\"activeItem\" [subMenus]=\"navSubmenus[$index].subMenuItem\" [hostName]=\"hostNameOutSystems\" />\n      </div>\n\n      @if(!$last){ <hr /> }\n    }\n  </div>\n</lib-container>\n", styles: [".engrenagem-ajustada{position:relative;top:-4px}\n"] }]
+                    ], standalone: true, template: "<lib-container>\n  <div class=\"px-5\" innerContent1>\n    @for(subMenu of navSubmenus; track $index) {\n      <div [class]=\"$first && subMenu.titulo == '' && subMenu.icon == '' ? ' mb-2' : 'mt-4 mb-2'\">\n        @if (subMenu.icon != '') {\n          <lib-icon class=\"bold engrenagem-ajustada\" iconName=\"{{ subMenu.icon }}\" />\n        }\n        @if (subMenu.titulo != ''){\n          <span class=\"fw-bold fs-4 ms-1\">{{ subMenu.titulo }}</span>\n        }\n\n        <app-nav-tabs [activeItem]=\"activeItem\" [subMenus]=\"navSubmenus[$index].subMenuItem\" [hostName]=\"hostNameOutSystems\"\n          (onTelaSelecionada)=\"onTelaSelecionada.emit($event)\" (onTituloSelecionado)=\"onTituloSelecionado.emit($event)\" />\n      </div>\n\n      @if(!$last){ <hr /> }\n    }\n  </div>\n</lib-container>\n", styles: [".engrenagem-ajustada{position:relative;top:-4px}\n"] }]
         }], ctorParameters: () => [{ type: MenuServicesService }, { type: ProjectUtilservice }], propDecorators: { navSubmenus: [{
                 type: Input
             }], isProduction: [{
@@ -3847,6 +3956,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 type: Input
             }], activeItem: [{
                 type: Input
+            }], onTituloSelecionado: [{
+                type: Output
+            }], onTelaSelecionada: [{
+                type: Output
             }] } });
 /** Modules */
@@ -3855,5 +3968,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { AUTH_ROUTES, AuthAplicInterceptor, AuthGuard, AuthInfraInterceptor, AuthModule, AuthService, AuthStorageService, DynamicMenuComponent, ExternaLoginlGuard, IMenu, InfraUsuarioImg, LIB_CUSTOM_ENVIRONMENT_SERVICE, LIB_CUSTOM_LOGIN_SERVICE, LIB_CUSTOM_MENU_SERVICE, LIB_CUSTOM_STORAGE_SERVICE, LIB_MENU_CONFIG, LibCustomEnvironmentService, LibCustomLoginService, LibCustomMenuService, LibCustomStorageService, LibMenuConfigService, ListComponent, LoginComponent, LoginGuard, LoginOSComponent, LoginOSGuard, LoginProgress, MenuLateralComponent, MenuServicesService, NavSubMenus, NavSubmenuCards, NavSubmenuSearchItem, NavTabsComponent, NotifSubmenuComponent, NovaSenhaComponent, PrimaryDropdownComponent, RetInfraUsuarioImg, RetMenuItemStructure, RetMenuLateral, RetMenuPromise, RetNavSubMenu, RetSubmenuWithCards, SecondaryDropdownComponent, SelecaoEstabelecimentosModalComponent, SituacaoLogin, SubMenuCardComponent, SubMenuComponent, SubMenuItem, TelaItem };
+export { AUTH_ROUTES, AuthAplicInterceptor, AuthGuard, AuthInfraInterceptor, AuthModule, AuthService, AuthStorageService, DynamicMenuComponent, ErrorMenuNotAllowed, ExternaLoginlGuard, IMenu, InfraUsuarioImg, IsMenuAllowedlGuard, LIB_CUSTOM_ENVIRONMENT_SERVICE, LIB_CUSTOM_LOGIN_SERVICE, LIB_CUSTOM_MENU_SERVICE, LIB_CUSTOM_STORAGE_SERVICE, LIB_MENU_CONFIG, LibCustomEnvironmentService, LibCustomLoginService, LibCustomMenuService, LibCustomStorageService, LibMenuConfigService, ListComponent, LoginComponent, LoginGuard, LoginOSComponent, LoginOSGuard, LoginProgress, MenuLateralComponent, MenuServicesService, NavSubMenus, NavSubmenuCards, NavSubmenuSearchItem, NavTabsComponent, NotifSubmenuComponent, NovaSenhaComponent, PrimaryDropdownComponent, RetInfraUsuarioImg, RetMenuItemStructure, RetMenuLateral, RetMenuPromise, RetNavSubMenu, RetSubmenuWithCards, SecondaryDropdownComponent, SelecaoEstabelecimentosModalComponent, SituacaoLogin, SubMenuCardComponent, SubMenuComponent, SubMenuItem, TelaItem };
 //# sourceMappingURL=ngx-sp-auth.mjs.map