ngx-sp-auth 3.2.4 → 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';
@@ -3451,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