ngx-sp-auth 3.2.1 → 3.2.6

package/fesm2022/ngx-sp-auth.mjs

@@ -10,7 +10,7 @@ import * as i1$1 from '@angular/router';
 import { RouterLink, NavigationEnd, RouterOutlet } from '@angular/router';
 import { BehaviorSubject, take, tap, Subject, Subscription, timer, map as map$1, filter, of, lastValueFrom, from } from 'rxjs';
 import * as i3 from 'ngx-sp-infra';
-import { Utils, FormUtils, InfraModule } from 'ngx-sp-infra';
+import { Utils, FormUtils, InfraModule, LibIconsComponent, ContentContainerComponent } from 'ngx-sp-infra';
 import * as i3$2 from '@angular/common';
 import { CommonModule, NgIf } from '@angular/common';
 import * as i3$1 from '@angular/forms';
@@ -2408,7 +2408,8 @@ class DynamicMenuComponent {
         this.selectedMenuItem = [];
         this.selectedItem = -1;
     }
-    ngOnInit() { }
+    ngOnInit() {
+    }
     onClickedOutside(e, ref) {
         ref.classList.remove("opened-sub");
         this.submenuList = [];
@@ -2427,7 +2428,7 @@ class DynamicMenuComponent {
         return `${this.hostServerOutSystems == "" ? this._projectUtilService.getHostName() : this.hostServerOutSystems}/${url}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DynamicMenuComponent, deps: [{ token: i1$1.Router }, { token: ProjectUtilservice }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DynamicMenuComponent, isStandalone: true, selector: "app-dynamic-menu", inputs: { submenuRef: "submenuRef", recebeParam: "recebeParam", titleSubmenu: "titleSubmenu", submenuList: "submenuList", hostServerOutSystems: "hostServerOutSystems" }, outputs: { selectTemplate: "selectTemplate" }, queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div #submenu class=\"header-submenu\">\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\n  <div class=\"itens-list\">\n    <ul style=\"width: 100%\">\n\n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\"\n        class=\"d-flex justify-content-between align-items-center\"\n        [class]=\"i == 0 ? 'mt-1' : ''\">\n\n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\"\n          (click)=\"recebeParam($event, submenuRef)\">\n          <span>{{ itemList!.label }}</span>\n        </a>\n\n        <ng-template #externalMenu>\n          <a (click)=\"getExternalUrl(itemList.route)\"\n            target=\"_blank\"\n            (click)=\"recebeParam($event, submenuRef)\">\n            <span>{{ itemList!.label }}</span>\n          </a>\n        </ng-template>\n\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;color:#fff}ul{list-style:none;padding-left:0;display:inline;white-space:nowrap}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.header-submenu{display:flex;flex-direction:column;height:100vh;overflow:overlay}.titulo{font-size:20px;font-weight:700;display:flex;justify-content:center;border-bottom:1px solid #2847a0}ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}ul li{font-size:16px;padding-bottom:18px}ul li span:hover{font-weight:700}a{text-decoration:none}.itens-list{display:flex;align-items:center;overflow:overlay;width:100%;z-index:0}.itens-list .favoritos,.itens-list span{cursor:pointer}.footer-menu{display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}.footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;white-space:nowrap}.footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0 15px 0 0}.footer-components{display:flex;justify-content:center;align-items:center}button{position:relative;border:none;background-color:transparent}.photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.star{width:24px;height:24px;background-repeat:no-repeat}.yellow-star{width:26px;height:24px;background-repeat:no-repeat}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DynamicMenuComponent, isStandalone: true, selector: "app-dynamic-menu", inputs: { submenuRef: "submenuRef", recebeParam: "recebeParam", titleSubmenu: "titleSubmenu", submenuList: "submenuList", hostServerOutSystems: "hostServerOutSystems" }, outputs: { selectTemplate: "selectTemplate" }, queries: [{ propertyName: "desiredContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div #submenu class=\"header-submenu\">\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\n  <div class=\"itens-list\">\n    <ul style=\"width: 100%\">\n\n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\"\n        class=\"d-flex justify-content-between align-items-center\"\n        [class]=\"i == 0 ? 'mt-1' : ''\">\n\n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\"\n          (click)=\"recebeParam($event, submenuRef)\">\n          <span>{{ itemList!.label }}</span>\n        </a>\n\n        <ng-template #externalMenu>\n          <a [href]=\"getExternalUrl(itemList.route)\"\n            target=\"_blank\"\n            (click)=\"recebeParam($event, submenuRef)\">\n            <span>{{ itemList!.label }}</span>\n          </a>\n        </ng-template>\n\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;color:#fff}ul{list-style:none;padding-left:0;display:inline;white-space:nowrap}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.header-submenu{display:flex;flex-direction:column;height:100vh;overflow:overlay}.titulo{font-size:20px;font-weight:700;display:flex;justify-content:center;border-bottom:1px solid #2847a0}ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}ul li{font-size:16px;padding-bottom:18px}ul li span:hover{font-weight:700}a{text-decoration:none}.itens-list{display:flex;align-items:center;overflow:overlay;width:100%;z-index:0}.itens-list .favoritos,.itens-list span{cursor:pointer}.footer-menu{display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}.footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;white-space:nowrap}.footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0 15px 0 0}.footer-components{display:flex;justify-content:center;align-items:center}button{position:relative;border:none;background-color:transparent}.photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.star{width:24px;height:24px;background-repeat:no-repeat}.yellow-star{width:26px;height:24px;background-repeat:no-repeat}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // AuthRoutingModule,
                 CommonModule }, { kind: "directive", type: i3$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
@@ -2437,7 +2438,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         // AuthRoutingModule,
                         CommonModule,
                         RouterLink
-                    ], template: "<div #submenu class=\"header-submenu\">\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\n  <div class=\"itens-list\">\n    <ul style=\"width: 100%\">\n\n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\"\n        class=\"d-flex justify-content-between align-items-center\"\n        [class]=\"i == 0 ? 'mt-1' : ''\">\n\n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\"\n          (click)=\"recebeParam($event, submenuRef)\">\n          <span>{{ itemList!.label }}</span>\n        </a>\n\n        <ng-template #externalMenu>\n          <a (click)=\"getExternalUrl(itemList.route)\"\n            target=\"_blank\"\n            (click)=\"recebeParam($event, submenuRef)\">\n            <span>{{ itemList!.label }}</span>\n          </a>\n        </ng-template>\n\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;color:#fff}ul{list-style:none;padding-left:0;display:inline;white-space:nowrap}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.header-submenu{display:flex;flex-direction:column;height:100vh;overflow:overlay}.titulo{font-size:20px;font-weight:700;display:flex;justify-content:center;border-bottom:1px solid #2847a0}ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}ul li{font-size:16px;padding-bottom:18px}ul li span:hover{font-weight:700}a{text-decoration:none}.itens-list{display:flex;align-items:center;overflow:overlay;width:100%;z-index:0}.itens-list .favoritos,.itens-list span{cursor:pointer}.footer-menu{display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}.footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;white-space:nowrap}.footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0 15px 0 0}.footer-components{display:flex;justify-content:center;align-items:center}button{position:relative;border:none;background-color:transparent}.photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.star{width:24px;height:24px;background-repeat:no-repeat}.yellow-star{width:26px;height:24px;background-repeat:no-repeat}\n"] }]
+                    ], template: "<div #submenu class=\"header-submenu\">\n  <h1 class=\"titulo pb-3 pt-4\">{{ titleSubmenu }}</h1>\n  <div class=\"itens-list\">\n    <ul style=\"width: 100%\">\n\n      <li *ngFor=\"let itemList of submenuList; let i = index\" [id]=\"itemList!.id\"\n        class=\"d-flex justify-content-between align-items-center\"\n        [class]=\"i == 0 ? 'mt-1' : ''\">\n\n        <a *ngIf=\"!itemList.isExternal; else externalMenu\"\n          [routerLink]=\"itemList!.route != null ? ['/' + itemList!.route] : null\"\n          (click)=\"recebeParam($event, submenuRef)\">\n          <span>{{ itemList!.label }}</span>\n        </a>\n\n        <ng-template #externalMenu>\n          <a [href]=\"getExternalUrl(itemList.route)\"\n            target=\"_blank\"\n            (click)=\"recebeParam($event, submenuRef)\">\n            <span>{{ itemList!.label }}</span>\n          </a>\n        </ng-template>\n\n        <!-- <button class=\"star favoritos\" #star (click)=\"changeStar(star, itemList)\"></button> -->\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["*{padding:0;margin:0;font-family:Open sans,Arial,Helvetica,sans-serif;color:#fff}ul{list-style:none;padding-left:0;display:inline;white-space:nowrap}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:#bbb;border-radius:16px}.header-submenu{display:flex;flex-direction:column;height:100vh;overflow:overlay}.titulo{font-size:20px;font-weight:700;display:flex;justify-content:center;border-bottom:1px solid #2847a0}ul{display:flex;flex-direction:column;margin:25px 26px 0 24px}ul li{font-size:16px;padding-bottom:18px}ul li span:hover{font-weight:700}a{text-decoration:none}.itens-list{display:flex;align-items:center;overflow:overlay;width:100%;z-index:0}.itens-list .favoritos,.itens-list span{cursor:pointer}.footer-menu{display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}.footer-menu .footer-components{border-top:1px solid #3265ee;padding-top:16px;padding-left:17px;white-space:nowrap}.footer-menu button{position:relative;left:35%;border:none;background-color:transparent}.footer-menu .photo-profile{width:32px;height:32px;border-radius:50%;margin:0 15px 0 0}.footer-components{display:flex;justify-content:center;align-items:center}button{position:relative;border:none;background-color:transparent}.photo-profile{width:32px;height:32px;border-radius:50%;margin:0}.submenu.opened-sub{z-index:1;display:flex;position:absolute;left:100%;height:100vh;justify-content:space-between}.submenu-footer{display:flex;flex-direction:row;justify-content:center;align-content:center;margin-bottom:14px;border-top:1px solid #2847a0}.submenu-footer .subfooter-components{padding-top:16px}.submenu-footer span{font-weight:700;padding-left:10px}.star{width:24px;height:24px;background-repeat:no-repeat}.yellow-star{width:26px;height:24px;background-repeat:no-repeat}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.Router }, { type: ProjectUtilservice }], propDecorators: { selectTemplate: [{
                 type: Output
             }], submenuRef: [{
@@ -2730,7 +2731,10 @@ class MenuLateralComponent {
                 //Atualmente o erro é tratado no back para retornar vazio, feito assim para garantir que não quebre em clientes que ainda não tem essa tabela
                 //Feito para implementação do APP9
                 this._menuServices.GetHostServerOutSystems().subscribe({
-                    next: response => this._hostServeUrlOutSystems = response.String
+                    next: response => {
+                        this._hostServeUrlOutSystems = response.String;
+                    },
+                    error: error => console.error(error)
                 });
             }
             this._customMenuService.menuDynamicOnInit();
@@ -2853,7 +2857,7 @@ class MenuLateralComponent {
         this._authService.logout();
     }
     getExternalUrl(url) {
-        return `${this.HostServerOutSystems == "" ? this._projectUtilService.getHostName() : this.HostServerOutSystems}/${url}`;
+        return `${this._hostServeUrlOutSystems == "" ? this._projectUtilService.getHostName() : this._hostServeUrlOutSystems}/${url}`;
     }
     constroiRegrasDynamicMenu(menus) {
         const home = { id: 1, label: "Início", descricao: "Tela inicial", icon: "casa", route: "home", isExternal: false, isSelected: this._router.url.includes("home"), };
@@ -3447,12 +3451,231 @@ const AUTH_ROUTES = [
     { path: 'novaSenha/:param', component: NovaSenhaComponent, data: { title: "Nova Senha" } }
 ];
 
+class NavSubmenuCards {
+    constructor() {
+        this.titulo = '';
+        this.icon = '';
+        this.descricao = '';
+        this.urlPath = '';
+        this.isExternal = false;
+    }
+}
+;
+class SubMenuCardComponent {
+    GetExternalUrl(url) {
+        return `${this.hostName == "" ? `https://${window.location.host}` : this.hostName}/${url}`;
+    }
+    ngOnInit() {
+        this.GetHostName();
+    }
+    /**
+     *
+     */
+    constructor(_menuService, _projectUtil) {
+        this._menuService = _menuService;
+        this._projectUtil = _projectUtil;
+        this.hostName = "";
+        this.subMenuCards = [];
+    }
+    GetHostName() {
+        this._menuService.GetHostServerOutSystems().subscribe({
+            next: response => this.hostName = response.String,
+            error: error => this._projectUtil.showHttpError(error)
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SubMenuCardComponent, deps: [{ token: MenuServicesService }, { token: ProjectUtilservice }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: SubMenuCardComponent, isStandalone: true, selector: "sub-menu-card", inputs: { subMenuCards: "subMenuCards" }, ngImport: i0, template: `
+    <div class="max-card-menu row">
+      @for(card of subMenuCards; track $index) {
+        <a href="{{ card.isExternal ? GetExternalUrl(card.urlPath) : card.urlPath }}" class="card-link col-4" target="_blank">
+          <div class="card">
+            <div class="card-icon">
+              <div class="card-icon2">
+                <lib-icon
+                  class="bold"
+                  iconName="{{ card.icon ? card.icon : 'engrenagem'}}"
+                  iconColor="blue"
+                  [iconFill]="true"
+                  [iconSize]="35"
+                ></lib-icon>
+              </div>
+            </div>
+            <h3 class="card-title">{{ card.titulo }}</h3>
+            <p class="card-text" title="{{ card.descricao }}">
+              {{ card.descricao }}
+            </p>
+          </div>
+        </a>
+      }
+    </div>
+  `, isInline: true, styles: [".max-card-menu{display:flex;flex-wrap:wrap;justify-content:flex-start}.card-link{text-decoration:none;color:inherit;display:flex;box-sizing:border-box}.card{width:100%;border:none;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000000d;padding:24px;margin-bottom:16px;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer}.card-icon{display:flex;align-items:center;justify-content:center;background-color:#e6eef6;border-radius:50%;width:72px;height:72px;margin:0 auto 16px}.card-icon2{display:flex;justify-content:center;align-items:center;background-color:#cde;border-radius:50%;width:52px;height:52px}.card-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.card-text{font-size:14px;color:#4f4f4f;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}\n"], dependencies: [{ kind: "component", type: LibIconsComponent, selector: "lib-icon", inputs: ["iconName", "iconColor", "iconSize", "iconFill"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SubMenuCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sub-menu-card', imports: [LibIconsComponent], template: `
+    <div class="max-card-menu row">
+      @for(card of subMenuCards; track $index) {
+        <a href="{{ card.isExternal ? GetExternalUrl(card.urlPath) : card.urlPath }}" class="card-link col-4" target="_blank">
+          <div class="card">
+            <div class="card-icon">
+              <div class="card-icon2">
+                <lib-icon
+                  class="bold"
+                  iconName="{{ card.icon ? card.icon : 'engrenagem'}}"
+                  iconColor="blue"
+                  [iconFill]="true"
+                  [iconSize]="35"
+                ></lib-icon>
+              </div>
+            </div>
+            <h3 class="card-title">{{ card.titulo }}</h3>
+            <p class="card-text" title="{{ card.descricao }}">
+              {{ card.descricao }}
+            </p>
+          </div>
+        </a>
+      }
+    </div>
+  `, standalone: true, styles: [".max-card-menu{display:flex;flex-wrap:wrap;justify-content:flex-start}.card-link{text-decoration:none;color:inherit;display:flex;box-sizing:border-box}.card{width:100%;border:none;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000000d;padding:24px;margin-bottom:16px;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer}.card-icon{display:flex;align-items:center;justify-content:center;background-color:#e6eef6;border-radius:50%;width:72px;height:72px;margin:0 auto 16px}.card-icon2{display:flex;justify-content:center;align-items:center;background-color:#cde;border-radius:50%;width:52px;height:52px}.card-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.card-text{font-size:14px;color:#4f4f4f;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}\n"] }]
+        }], ctorParameters: () => [{ type: MenuServicesService }, { type: ProjectUtilservice }], propDecorators: { subMenuCards: [{
+                type: Input
+            }] } });
+
+class ListComponent {
+    /**
+     *
+     */
+    constructor() {
+        this.telasItem = [];
+        this.hostName = "";
+    }
+    GetExternalUrl(url) {
+        return `${this.hostName}/${url}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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: [{
+                type: Input
+            }], hostName: [{
+                type: Input
+            }] } });
+
+class NavTabsComponent {
+    constructor() {
+        this.subMenus = [];
+        this.hostName = "";
+        this.telasItem = [];
+        this.listaAtiva = '';
+    }
+    ngOnInit() {
+        if (this.subMenus.length != 0) {
+            this.telasItem = this.subMenus[0].telasItem;
+            this.listaAtiva = this.subMenus[0].titulo;
+        }
+    }
+    abaActive(b) {
+        const index = this.subMenus.findIndex(submenu => {
+            return submenu.titulo == b;
+        });
+        this.telasItem = this.subMenus[index].telasItem;
+        this.listaAtiva = this.subMenus[index].titulo;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NavTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NavTabsComponent, isStandalone: true, selector: "app-nav-tabs", inputs: { subMenus: "subMenus", hostName: "hostName" }, 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@if(telasItem){\n  <app-list [telasItem]=\"telasItem\" [hostName]=\"hostName\"></app-list>\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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@if(telasItem){\n  <app-list [telasItem]=\"telasItem\" [hostName]=\"hostName\"></app-list>\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"] }]
+        }], propDecorators: { subMenus: [{
+                type: Input
+            }], hostName: [{
+                type: Input
+            }] } });
+
+class NavSubMenus {
+    constructor() {
+        this.icon = '';
+        this.titulo = '';
+        this.subMenuItem = [];
+    }
+}
+class SubMenuItem {
+    constructor() {
+        this.titulo = '';
+        this.telasItem = [];
+    }
+}
+class TelaItem {
+    constructor() {
+        this.titulo = '';
+        this.urlPath = '';
+        this.IsExternal = false;
+    }
+}
+class SubMenuComponent {
+    /**
+     *
+     */
+    constructor(_menuService, _projectUtil) {
+        this._menuService = _menuService;
+        this._projectUtil = _projectUtil;
+        this.navSubmenus = [];
+        this.isProduction = true;
+        this.hostname = "https://siscandesv6.sispro.com.br";
+        this.hostNameOutSystems = "";
+        this.activeItem = '';
+        this.listaSubMenus = [];
+    }
+    ngOnInit() {
+        this.GetHostName();
+        if (this.navSubmenus.length > 0 &&
+            this.navSubmenus[0].subMenuItem &&
+            this.navSubmenus[0].subMenuItem.length > 0) {
+            this.activeItem = this.navSubmenus[0].subMenuItem[0].titulo.toString();
+        }
+        this.listaFunction();
+    }
+    listaFunction() {
+        for (let i = 0; i < this.navSubmenus.length; i++) {
+            this.listaSubMenus.push(...this.navSubmenus[i].subMenuItem);
+        }
+    }
+    GetHostName() {
+        this._menuService.GetHostServerOutSystems().subscribe({
+            next: response => {
+                console.log(response.String);
+                this.hostNameOutSystems = response.String;
+            },
+            error: error => this._projectUtil.showHttpError(error)
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", 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.14", type: SubMenuComponent, isStandalone: true, selector: "app-nav-sub-menu", inputs: { navSubmenus: "navSubmenus", isProduction: "isProduction", hostname: "hostname" }, ngImport: i0, template: "<lib-container>\n  <div class=\"px-5\" innerContent1>\n    @for(subMenu of navSubmenus; track $index) {\n    <div\n      [class]=\"\n        $first && subMenu.titulo == '' && subMenu.icon == ''\n          ? ' mb-2'\n          : 'mt-4 mb-2'\n      \"\n    >\n      @if(subMenu.icon != ''){\n      <lib-icon\n        class=\"bold engrenagem-ajustada\"\n        iconName=\"{{ subMenu.icon }}\"\n      ></lib-icon>\n      } @if(subMenu.titulo != ''){\n      <span class=\"fw-bold fs-4 ms-1\">{{ subMenu.titulo }}</span>\n\n      }\n      <app-nav-tabs [subMenus]=\"navSubmenus[$index].subMenuItem\" [hostName]=\"hostNameOutSystems\"></app-nav-tabs>\n    </div>\n    @if(!$last){\n    <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"] }, { 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.14", ngImport: i0, type: SubMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-nav-sub-menu', imports: [
+                        NavTabsComponent,
+                        LibIconsComponent,
+                        ContentContainerComponent
+                    ], standalone: true, template: "<lib-container>\n  <div class=\"px-5\" innerContent1>\n    @for(subMenu of navSubmenus; track $index) {\n    <div\n      [class]=\"\n        $first && subMenu.titulo == '' && subMenu.icon == ''\n          ? ' mb-2'\n          : 'mt-4 mb-2'\n      \"\n    >\n      @if(subMenu.icon != ''){\n      <lib-icon\n        class=\"bold engrenagem-ajustada\"\n        iconName=\"{{ subMenu.icon }}\"\n      ></lib-icon>\n      } @if(subMenu.titulo != ''){\n      <span class=\"fw-bold fs-4 ms-1\">{{ subMenu.titulo }}</span>\n\n      }\n      <app-nav-tabs [subMenus]=\"navSubmenus[$index].subMenuItem\" [hostName]=\"hostNameOutSystems\"></app-nav-tabs>\n    </div>\n    @if(!$last){\n    <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: [{
+                type: Input
+            }], hostname: [{
+                type: Input
+            }] } });
+
 /** Modules */
-//???f
 
 /**
  * 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, LoginComponent, LoginGuard, LoginOSComponent, LoginOSGuard, LoginProgress, MenuLateralComponent, MenuServicesService, NavSubmenuSearchItem, NotifSubmenuComponent, NovaSenhaComponent, PrimaryDropdownComponent, RetInfraUsuarioImg, RetMenuItemStructure, RetMenuLateral, RetMenuPromise, RetNavSubMenu, RetSubmenuWithCards, SecondaryDropdownComponent, SelecaoEstabelecimentosModalComponent, SituacaoLogin };
+export { AUTH_ROUTES, AuthAplicInterceptor, AuthGuard, AuthInfraInterceptor, AuthModule, AuthService, AuthStorageService, DynamicMenuComponent, ExternaLoginlGuard, IMenu, InfraUsuarioImg, LIB_CUSTOM_ENVIRONMENT_SERVICE, LIB_CUSTOM_LOGIN_SERVICE, LIB_CUSTOM_MENU_SERVICE, LIB_CUSTOM_STORAGE_SERVICE, LIB_MENU_CONFIG, LibCustomEnvironmentService, LibCustomLoginService, LibCustomMenuService, LibCustomStorageService, LibMenuConfigService, 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