ngx-sp-auth 4.3.13 → 4.3.15

package/fesm2022/ngx-sp-auth.mjs

@@ -4165,84 +4165,109 @@ class NavSubmenuCards {
         this.isExternal = false;
     }
 }
-;
 class SubMenuCardComponent {
-    GetExternalUrl(url) {
-        return `${this.hostName == "" ? `https://${window.location.host}` : this.hostName}/${url}`;
-    }
-    ngOnInit() {
-        this.GetHostName();
-    }
-    /**
-     *
-     */
-    constructor(_menuService, _projectUtil) {
+    // #endregion PUBLIC
+    // #endregion ==========> PROPERTIES <==========
+    constructor(_menuService, _projectUtil, _customEnv) {
         this._menuService = _menuService;
         this._projectUtil = _projectUtil;
-        this.hostName = "";
+        this._customEnv = _customEnv;
+        // #region ==========> PROPERTIES <==========
+        // #region PUBLIC
         this.subMenuCards = [];
+        this.hostName = "";
+        this.getExternalUrl = (url) => { return `${this.hostName == "" ? `https://${window.location.host}` : this.hostName}/${url}`; };
+    }
+    ngOnInit() {
+        this.GetHostName();
     }
+    // #region ==========> API METHODS <==========
+    // #region GET
     GetHostName() {
+        // Validação adicionada para ignorar esta chamada caso o componente seja exibido na docs
+        if (this._customEnv.product === "InfraCodeDocs")
+            return;
         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.15", ngImport: i0, type: SubMenuCardComponent, deps: [{ token: MenuServicesService }, { token: ProjectUtilservice }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SubMenuCardComponent, deps: [{ token: MenuServicesService }, { token: ProjectUtilservice }, { token: LibCustomEnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SubMenuCardComponent, isStandalone: true, selector: "sub-menu-card, lib-submenu-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>
+        @if (card.isExternal) {
+          <a [href]="getExternalUrl(card.urlPath)" target="_blank" class="card-link col-4">
+            <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
+              <div class="card-icon">
+                <div class="card-icon2">
+                  <lib-icon class="bold" [iconName]="card.icon ? card.icon : 'engrenagem'" iconColor="blue" [iconSize]="35" />
+                </div>
               </div>
+
+              <h3 class="card-title">{{ card.titulo }}</h3>
+              <p class="card-text" [title]="card.descricao"> {{ card.descricao }} </p>
             </div>
-            <h3 class="card-title">{{ card.titulo }}</h3>
-            <p class="card-text" title="{{ card.descricao }}">
-              {{ card.descricao }}
-            </p>
-          </div>
-        </a>
+          </a>
+        }
+        @else {
+          <a [routerLink]="[ card.urlPath ]" class="card-link col-4">
+            <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
+              <div class="card-icon">
+                <div class="card-icon2">
+                  <lib-icon class="bold" [iconName]="card.icon ? card.icon : 'engrenagem'" iconColor="blue" [iconSize]="35" />
+                </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"] }] }); }
+  `, 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{background-color:#fff;box-shadow:0 4px 8px #0000000d;padding:24px;margin-bottom:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.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"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SubMenuCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sub-menu-card, lib-submenu-card', imports: [LibIconsComponent], template: `
+            args: [{ selector: 'sub-menu-card, lib-submenu-card', imports: [
+                        LibIconsComponent,
+                        RouterLink
+                    ], 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>
+        @if (card.isExternal) {
+          <a [href]="getExternalUrl(card.urlPath)" target="_blank" class="card-link col-4">
+            <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
+              <div class="card-icon">
+                <div class="card-icon2">
+                  <lib-icon class="bold" [iconName]="card.icon ? card.icon : 'engrenagem'" iconColor="blue" [iconSize]="35" />
+                </div>
               </div>
+
+              <h3 class="card-title">{{ card.titulo }}</h3>
+              <p class="card-text" [title]="card.descricao"> {{ card.descricao }} </p>
             </div>
-            <h3 class="card-title">{{ card.titulo }}</h3>
-            <p class="card-text" title="{{ card.descricao }}">
-              {{ card.descricao }}
-            </p>
-          </div>
-        </a>
+          </a>
+        }
+        @else {
+          <a [routerLink]="[ card.urlPath ]" class="card-link col-4">
+            <div class="card w-100 border-0 rounded text-center glb-cursor-pointer">
+              <div class="card-icon">
+                <div class="card-icon2">
+                  <lib-icon class="bold" [iconName]="card.icon ? card.icon : 'engrenagem'" iconColor="blue" [iconSize]="35" />
+                </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: [{
+  `, 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{background-color:#fff;box-shadow:0 4px 8px #0000000d;padding:24px;margin-bottom:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.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 }, { type: LibCustomEnvironmentService }], propDecorators: { subMenuCards: [{
                 type: Input
             }] } });
 
@@ -4254,11 +4279,11 @@ class ListComponent {
         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" }, 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"] }); }
+    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 && telasItem.length > 0) {\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'\" (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"] }]
+            args: [{ selector: 'app-list', imports: [], standalone: true, template: "<ul class=\"nav flex-column mt-3\">\n  @if (telasItem && telasItem.length > 0) {\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: [{
@@ -4293,14 +4318,17 @@ class NavTabsComponent {
             this.setAbaAtiva(changes['activeItem'].currentValue);
         }
         if ((changes['subMenus'].currentValue && changes['subMenus'].currentValue !== "") && this.activeItem !== '') {
-            this.setAbaAtiva(this.activeItem);
+            this.setAbaAtiva(this.activeItem ?? '');
         }
     }
     // #region ==========> UTILS <==========
     setAbaAtiva(titulo) {
+        // Se não encontrar o nome, sai do método
         const index = this.subMenus.findIndex(submenu => submenu.titulo == titulo);
-        this.telasItem = this.subMenus[index].telasItem;
-        this.listaAtiva = this.subMenus[index].titulo;
+        if (index === -1)
+            return;
+        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 }); }
@@ -4344,9 +4372,10 @@ class TelaItem {
 class SubMenuComponent {
     // #endregion PUBLIC
     // #endregion ==========> PROPERTIES <==========
-    constructor(_menuService, _projectUtil) {
+    constructor(_menuService, _projectUtil, _customEnv) {
         this._menuService = _menuService;
         this._projectUtil = _projectUtil;
+        this._customEnv = _customEnv;
         // #region ==========> PROPERTIES <==========
         // #region PUBLIC
         this.navSubmenus = [];
@@ -4373,12 +4402,15 @@ class SubMenuComponent {
         }
     }
     getHostName() {
+        // Validação adicionada para ignorar esta chamada caso o componente seja exibido na docs
+        if (this._customEnv.product === "InfraCodeDocs")
+            return;
         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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SubMenuComponent, deps: [{ token: MenuServicesService }, { token: ProjectUtilservice }, { token: LibCustomEnvironmentService }], 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, lib-submenu", 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: [{
@@ -4388,7 +4420,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         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          (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: [{
+        }], ctorParameters: () => [{ type: MenuServicesService }, { type: ProjectUtilservice }, { type: LibCustomEnvironmentService }], propDecorators: { navSubmenus: [{
                 type: Input
             }], isProduction: [{
                 type: Input