ngx-sp-auth 4.1.2 → 4.2.0

package/fesm2022/ngx-sp-auth.mjs

@@ -3807,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 {
@@ -3836,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 {
@@ -3901,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) {
@@ -3919,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,
@@ -3934,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: [{
@@ -3943,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 */