wm-menu 1.1.0 → 1.2.2

package/fesm5/wm-menu.js

@@ -73,6 +73,19 @@ var WmMenuServicioService = /** @class */ (function () {
         }
         return menu;
     };
+    WmMenuServicioService.prototype.almacenamientoApiObtener = function (url, idUsuario, token) {
+        var headers = new HttpHeaders({
+            'Authorization': "Bearer " + token
+        });
+        var myParams = new HttpParams();
+        if (idUsuario != null)
+            myParams = myParams.append("idUsuario", idUsuario.toString());
+        return this.http.get(url, { headers: headers, params: myParams }).pipe(map(function (resp) {
+            return resp;
+        }), catchError(function (error) {
+            return throwError(error.error);
+        }));
+    };
     WmMenuServicioService.ctorParameters = function () { return [
         { type: HttpClient },
         { type: MatIconRegistry },
@@ -116,6 +129,17 @@ var WmMenuComponent = /** @class */ (function () {
                     ],
                 }];
         }
+        if (this.urlBaseAlmacenamiento && this.token) {
+            var helper = new JwtHelperService();
+            var decodedToken = helper.decodeToken(this.token);
+            this.wmMenuServicioService
+                .almacenamientoApiObtener(this.urlBaseAlmacenamiento, decodedToken["id_usuario"], this.token)
+                .subscribe(function (resp) {
+                var utilizado = resp[0] && resp[0].Utilizado ? resp[0].Utilizado : 0;
+                var total = resp[0] && resp[0].Total ? resp[0].Total : 0;
+                _this.porcentajeUtilizado = Math.round((utilizado / total) * 100);
+            });
+        }
     };
     WmMenuComponent.prototype.clickMenuPrincipal = function (i) {
         if (this.menuPrincipal[i].hijos && this.menuPrincipal[i].hijos.length) {
@@ -158,11 +182,23 @@ var WmMenuComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], WmMenuComponent.prototype, "urlCuentaSeguridad", void 0);
+    __decorate([
+        Input()
+    ], WmMenuComponent.prototype, "nombreCliente", void 0);
+    __decorate([
+        Input()
+    ], WmMenuComponent.prototype, "nombreUsuario", void 0);
+    __decorate([
+        Input()
+    ], WmMenuComponent.prototype, "versionWeb", void 0);
+    __decorate([
+        Input()
+    ], WmMenuComponent.prototype, "urlBaseAlmacenamiento", void 0);
     WmMenuComponent = __decorate([
         Component({
             selector: 'wm-menu',
-            template: "<div class=\"menu\" [ngStyle]=\"{'background-color': colorFondo, 'color': colorTexto}\">\r\n    <div class=\"d-lg-none\">\r\n        <button mat-icon-button (click)=\"menuLateralAbierto=!menuLateralAbierto; menuPrincipalSel = null\">\r\n            <mat-icon *ngIf=\"!menuLateralAbierto\" class=\"animate__animated animate__fadeInRight animate__faster\">menu\r\n            </mat-icon>\r\n            <mat-icon *ngIf=\"menuLateralAbierto\" class=\"animate__animated animate__fadeInLeft animate__faster\">close\r\n            </mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"d-lg-none logo-menu-principal\">\r\n        <img class=\"logo\" src=\"{{logo}}\">\r\n    </div>\r\n    <div class=\"d-none d-lg-block\">\r\n        <img class=\"logo\" src=\"{{logo}}\">\r\n        <div *ngFor=\"let menuItem of menuPrincipal; let i=index\" class=\"d-inline-block\">\r\n\r\n            <a *ngIf=\"menuItem.url\" mat-button [href]=\"menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                {{menuItem.titulo}}\r\n            </a>\r\n            <button *ngIf=\"!menuItem.url\" mat-button (click)=\"clickMenuPrincipal(i)\">\r\n                {{menuItem.titulo}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div>\r\n        <mat-menu #submenu=\"matMenu\">\r\n            <a mat-menu-item *ngFor=\"let menuItem of menuSecundarioSel.hijos\" href=\"{{menuItem.url}}\"\r\n                [disabled]=\"!menuItem.url\">\r\n                <mat-icon *ngIf=\"menuItem.icono\">{{menuItem.icono}}</mat-icon>\r\n                {{menuItem.titulo}}\r\n            </a>\r\n        </mat-menu>\r\n        <button *ngFor=\"let menuItem of menuSecundario; let i = index\" mat-icon-button [matMenuTriggerFor]=\"submenu\"\r\n            (click)=\"clickMenuSecundario(i)\">\r\n            <mat-icon>{{menuItem.icono}}</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"menu-lateral d-lg-none animate__animated animate__fadeInRight animate__faster\" *ngIf=\"menuLateralAbierto\">\r\n    <div class=\"row\">\r\n        <div *ngFor=\"let menuItem of menuPrincipal; let i=index\" class=\"col-sm-6 col-md-4\">\r\n            <a *ngIf=\"menuItem.url\" [href]=\"menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                <div>\r\n                    <mat-icon svgIcon=\"{{menuItem.icono}}\">{{menuItem.icono}}</mat-icon>\r\n                    <p>{{menuItem.titulo}}</p>\r\n                </div>\r\n            </a>\r\n            <span *ngIf=\"!menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                <div>\r\n                    <mat-icon svgIcon=\"{{menuItem.icono}}\">{{menuItem.icono}}</mat-icon>\r\n                    <p>{{menuItem.titulo}}</p>\r\n                </div>\r\n            </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"sub-menu-fondo animate__animated animate__fadeIn animate__faster\" (click)=\"menuPrincipalSel=null\"\r\n    *ngIf=\"menuPrincipalSel\"></div>\r\n\r\n<div class=\"sub-menu animate__animated animate__fadeIn animate__faster\" *ngIf=\"menuPrincipalSel\">\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 col-lg-5\">\r\n                <div class=\"px-3 px-sm-5 pt-5 pb-lg-5 text-center descripcion-menu\">\r\n                    <mat-icon [ngStyle]=\"{'color': colorFondo}\" svgIcon=\"{{menuPrincipalSel.icono}}\">\r\n                        {{menuPrincipalSel.icono}}</mat-icon>\r\n                    <p>{{menuPrincipalSel.titulo}}</p>\r\n                    <p class=\"text-secondary\">{{menuPrincipalSel.descripcion}}</p>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-12 col-lg-7 my-4\">\r\n                <div class=\"px-3 px-md-4 py-2 py-md-2\">\r\n                    <ul class=\"list-unstyled\">\r\n\r\n                        <li class=\"mb-3 d-flex\" *ngFor=\"let menuItem of menuPrincipalSel.hijos\">\r\n                            <mat-icon>{{menuItem.icono}}</mat-icon>\r\n                            <div class=\"ml-2 flex-fill\">\r\n                                <a href=\"{{menuItem.url}}\" *ngIf=\"menuItem.url\">\r\n                                    <div class=\"lead mb-2\">{{menuItem.titulo}}</div>\r\n                                </a>\r\n                                <div class=\"lead mb-2\" *ngIf=\"!menuItem.url\">{{menuItem.titulo}}</div>\r\n\r\n                                <a href=\"{{menuSubItem.url}}\" class=\"pl-2 my-2\" *ngFor=\"let menuSubItem of menuItem.hijos\">\r\n                                    <div class=\"text-secondary\">{{menuSubItem.titulo}}</div>\r\n                                </a>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button mat-icon-button class=\"close-icon d-lg-none\" (click)=\"menuPrincipalSel=null\">\r\n        <mat-icon>arrow_back</mat-icon>\r\n    </button>\r\n</div>",
-            styles: [".menu{height:46px;display:flex;justify-content:space-between;align-items:center;top:0;left:0;right:0;background-color:#1c98a4;color:#fff;padding:0 4px}.menu .mat-button{font-weight:400;height:46px;line-height:46px}.menu .logo{display:inline-block;height:40px}.menu .logo-menu-principal{position:absolute;display:block;left:50%}.menu .logo-menu-principal>img{display:block;margin:0 -50%}.sub-menu{width:100%;position:absolute;top:46px;z-index:1000;background-color:#fff;display:flex;overflow-y:auto;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sub-menu .close-icon{position:absolute;left:4px;top:4px}.sub-menu .descripcion-menu .mat-icon{color:#1c98a4;width:100px;height:100px}.sub-menu .descripcion-menu p:first-of-type{font-weight:300;font-size:30px;margin:16px 0}.sub-menu .descripcion-menu p:last-of-type{color:#6c757d}.sub-menu li{float:left;width:50%}.sub-menu li>.mat-icon{color:#444}.sub-menu li:nth-child(even){float:right}.sub-menu li a{transition:.5s;display:block}.sub-menu li a:hover{margin-left:8px}.sub-menu li .lead{line-height:24px;color:#212529;font-size:17px}.sub-menu-fondo{background:#272d3357;position:absolute;top:46px;bottom:0;left:0;right:0;z-index:1000}.menu-lateral{width:100%;position:absolute;top:46px;bottom:0;left:0;right:0;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;background:#f7f7f7;padding:20px}.menu-lateral>div>div>*>div{text-align:center;padding:16px;background-color:#fff;margin:0 0 16px;color:#333;cursor:pointer;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.menu-lateral>div>div>*>div>.mat-icon{width:50px;height:50px}.menu-lateral>div>div>*>div>p{padding:0;margin:8px 0 0}a.mat-menu-item{color:#444!important}@media (max-width:767.98px){.sub-menu ul{margin:auto;padding:0 10px}.sub-menu ul li{float:none;width:100%}.sub-menu ul li:nth-child(even){float:none}}@media (max-width:991.98px){.sub-menu{bottom:0}}* :focus,:active{outline:0!important}"]
+            template: "<div class=\"menu\" [ngStyle]=\"{'background-color': colorFondo, 'color': colorTexto}\">\r\n    <div class=\"d-lg-none\">\r\n        <button mat-icon-button (click)=\"menuLateralAbierto=!menuLateralAbierto; menuPrincipalSel = null\">\r\n            <mat-icon *ngIf=\"!menuLateralAbierto\" class=\"animate__animated animate__fadeInRight animate__faster\">menu\r\n            </mat-icon>\r\n            <mat-icon *ngIf=\"menuLateralAbierto\" class=\"animate__animated animate__fadeInLeft animate__faster\">close\r\n            </mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"d-lg-none logo-menu-principal\">\r\n        <img class=\"logo\" src=\"{{logo}}\">\r\n    </div>\r\n    <div class=\"d-none d-lg-block\">\r\n        <img class=\"logo\" src=\"{{logo}}\">\r\n        <div *ngFor=\"let menuItem of menuPrincipal; let i=index\" class=\"d-inline-block\">\r\n\r\n            <a *ngIf=\"menuItem.url\" mat-button [href]=\"menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                {{menuItem.titulo}}\r\n            </a>\r\n            <button *ngIf=\"!menuItem.url\" mat-button (click)=\"clickMenuPrincipal(i)\">\r\n                {{menuItem.titulo}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"info-adicional\">\r\n        <div *ngIf=\"nombreCliente\">{{nombreCliente}}<mat-icon>people</mat-icon></div>\r\n        <div *ngIf=\"nombreUsuario\">{{nombreUsuario}}<mat-icon>person_outline</mat-icon></div>\r\n        <div *ngIf=\"versionWeb\">{{versionWeb}}</div>\r\n    </div>\r\n    <div>\r\n        <mat-menu #submenu=\"matMenu\">\r\n            <a mat-menu-item *ngFor=\"let menuItem of menuSecundarioSel.hijos\" href=\"{{menuItem.url}}\"\r\n                [disabled]=\"!menuItem.url\">\r\n                <mat-icon *ngIf=\"menuItem.icono\">{{menuItem.icono}}</mat-icon>\r\n                {{menuItem.titulo}}\r\n            </a>\r\n        </mat-menu>\r\n        <button *ngFor=\"let menuItem of menuSecundario; let i = index\" mat-icon-button [matMenuTriggerFor]=\"submenu\"\r\n            (click)=\"clickMenuSecundario(i)\">\r\n            <mat-icon>{{menuItem.icono}}</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"menu-lateral d-lg-none animate__animated animate__fadeInRight animate__faster\" *ngIf=\"menuLateralAbierto\">\r\n    <div class=\"row\">\r\n        <div *ngFor=\"let menuItem of menuPrincipal; let i=index\" class=\"col-sm-6 col-md-4\">\r\n            <a *ngIf=\"menuItem.url\" [href]=\"menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                <div>\r\n                    <mat-icon svgIcon=\"{{menuItem.icono}}\">{{menuItem.icono}}</mat-icon>\r\n                    <p>{{menuItem.titulo}}</p>\r\n                </div>\r\n            </a>\r\n            <span *ngIf=\"!menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                <div>\r\n                    <mat-icon svgIcon=\"{{menuItem.icono}}\">{{menuItem.icono}}</mat-icon>\r\n                    <p>{{menuItem.titulo}}</p>\r\n                </div>\r\n            </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"sub-menu-fondo animate__animated animate__fadeIn animate__faster\" (click)=\"menuPrincipalSel=null\"\r\n    *ngIf=\"menuPrincipalSel\"></div>\r\n\r\n<div class=\"sub-menu animate__animated animate__fadeIn animate__faster\" *ngIf=\"menuPrincipalSel\">\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 col-lg-5\">\r\n                <div class=\"px-3 px-sm-5 pt-5 pb-lg-5 text-center descripcion-menu\">\r\n                    <mat-icon [ngStyle]=\"{'color': colorFondo}\" svgIcon=\"{{menuPrincipalSel.icono}}\">\r\n                        {{menuPrincipalSel.icono}}</mat-icon>\r\n                    <p>{{menuPrincipalSel.titulo}}</p>\r\n                    <p class=\"text-secondary\">{{menuPrincipalSel.descripcion}}</p>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-12 col-lg-7 my-4\">\r\n                <div class=\"px-3 px-md-4 py-2 py-md-2\">\r\n                    <ul class=\"list-unstyled\">\r\n\r\n                        <li class=\"mb-3 d-flex\" *ngFor=\"let menuItem of menuPrincipalSel.hijos\">\r\n                            <mat-icon>{{menuItem.icono}}</mat-icon>\r\n                            <div class=\"ml-2 flex-fill\">\r\n                                <a href=\"{{menuItem.url}}\" *ngIf=\"menuItem.url\">\r\n                                    <div class=\"lead mb-2\">{{menuItem.titulo}}</div>\r\n                                </a>\r\n                                <div class=\"lead mb-2\" *ngIf=\"!menuItem.url\">{{menuItem.titulo}}</div>\r\n\r\n                                <a href=\"{{menuSubItem.url}}\" class=\"pl-2 my-2\" *ngFor=\"let menuSubItem of menuItem.hijos\">\r\n                                    <div class=\"text-secondary\">{{menuSubItem.titulo}}</div>\r\n                                </a>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button mat-icon-button class=\"close-icon d-lg-none\" (click)=\"menuPrincipalSel=null\">\r\n        <mat-icon>arrow_back</mat-icon>\r\n    </button>\r\n</div>\r\n<div class=\"alerta-almacenamiento\" *ngIf=\"porcentajeUtilizado >= 100\">Su capacidad de almacenamiento ha llegado al {{porcentajeUtilizado}}% , libere espacio o adquiera mayor capacidad</div>",
+            styles: [".menu{height:46px;display:flex;justify-content:space-between;align-items:center;top:0;left:0;right:0;background-color:#1c98a4;color:#fff;padding:0 4px}.menu .mat-button{font-weight:400;height:46px;line-height:46px}.menu .logo{display:inline-block;height:40px}.menu .logo-menu-principal{position:absolute;display:block;left:65px}.menu .logo-menu-principal>img{display:block;margin:0 -50%}.menu .info-adicional{color:#fff;display:flex;justify-content:end;font-size:13px;position:absolute;right:47px}.menu .info-adicional div:last-child{border-right:none;padding-top:2px}.menu .info-adicional div{margin:0 2px 0 5px;border-right:1px solid #fff}.menu .info-adicional .mat-icon{vertical-align:middle;font-size:17px;color:#fff;line-height:21px;margin-left:2px}.sub-menu{width:100%;position:absolute;top:46px;z-index:1000;background-color:#fff;display:flex;overflow-y:auto;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sub-menu .close-icon{position:absolute;left:4px;top:4px}.sub-menu .descripcion-menu .mat-icon{color:#1c98a4;width:100px;height:100px}.sub-menu .descripcion-menu p:first-of-type{font-weight:300;font-size:30px;margin:16px 0}.sub-menu .descripcion-menu p:last-of-type{color:#6c757d}.sub-menu li{float:left;width:50%}.sub-menu li>.mat-icon{color:#444}.sub-menu li:nth-child(even){float:right}.sub-menu li a{transition:.5s;display:block}.sub-menu li a:hover{margin-left:8px}.sub-menu li .lead{line-height:24px;color:#212529;font-size:17px}.sub-menu-fondo{background:#272d3357;position:absolute;top:46px;bottom:0;left:0;right:0;z-index:1000}.menu-lateral{width:100%;position:absolute;top:46px;bottom:0;left:0;right:0;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;background:#f7f7f7;padding:20px}.menu-lateral>div>div>*>div{text-align:center;padding:16px;background-color:#fff;margin:0 0 16px;color:#333;cursor:pointer;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.menu-lateral>div>div>*>div>.mat-icon{width:50px;height:50px}.menu-lateral>div>div>*>div>p{padding:0;margin:8px 0 0}a.mat-menu-item{color:#444!important}.alerta-almacenamiento{background:#ffffec;border-bottom:1px solid #efff00;min-height:39px;line-height:36px;font-size:12px;padding:0 0 0 25px}@media (max-width:767.98px){.sub-menu ul{margin:auto;padding:0 10px}.sub-menu ul li{float:none;width:100%}.sub-menu ul li:nth-child(even){float:none}}@media (max-width:991.98px){.sub-menu{bottom:0}}@media (min-width:600px){.logo-menu-principal{left:50%!important}}* :focus,:active{outline:0!important}"]
         })
     ], WmMenuComponent);
     return WmMenuComponent;

package/fesm5/wm-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"wm-menu.js","sources":["ng://wm-menu/lib/wm-menu/model/wm-menu-cuenta.model.ts","ng://wm-menu/lib/wm-menu/services/wm-menu-servicio.service.ts","ng://wm-menu/lib/wm-menu/wm-menu.component.ts","ng://wm-menu/lib/wm-menu.module.ts","ng://wm-menu/public-api.ts","ng://wm-menu/wm-menu.ts"],"sourcesContent":["export class MenuSecundario {\r\n    icono: string;\r\n    titulo: string;\r\n    hijos: MenuSecundarioHijo[] = [];\r\n}\r\n\r\nexport class MenuSecundarioHijo {\r\n    icono: string;\r\n    titulo: string;\r\n    url: string;\r\n}","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { map, catchError } from 'rxjs/operators';\nimport { throwError, Observable } from 'rxjs';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { MenuPrincipal } from '../model/wm-menu-principal.model';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class WmMenuServicioService {\n\n    constructor(private http: HttpClient, private iconRegistry: MatIconRegistry, private sanitizer: DomSanitizer) { }\n\n    menuApiObtener(url:string, idUsuario: string, token:string): Observable<any> {\n        const headers = new HttpHeaders({\n            'Authorization': `Bearer ${token}`\n        });\n\n        let myParams = new HttpParams();\n        myParams = myParams.append(\"ctrlActivo\", \"true\");\n        myParams = myParams.append(\"conPadres\", \"true\");\n        if (idUsuario != null)\n            myParams = myParams.append(\"idUsuario\", idUsuario.toString());\n\n        return this.http.get(url, { headers, params: myParams }).pipe(\n            map(resp => {\n                return resp;\n            }),\n            catchError(error => {\n                return throwError(error.error);\n            })\n        );\n    }\n\n    mapearMenu(respApi: any): MenuPrincipal[] {\n        respApi = respApi.sort((a, b) => a.Posicion > b.Posicion?\"1\":\"-1\");\n\n        for (const key in respApi) {\n            const element = respApi[key];\n            if (element.Icono.startsWith(\"http\")) {\n                var iconSvg = 'wm-icon-menu-' + key;\n                this.iconRegistry.addSvgIcon(\n                    iconSvg,\n                    this.sanitizer.bypassSecurityTrustResourceUrl(element.Icono));\n                respApi[key].Icono = iconSvg;\n            }\n        }\n\n        return this.obtenerMenu(respApi);\n    }\n\n\n    private obtenerMenu(respApi: any, idMenuPadre?: Number): MenuPrincipal[] {\n        var menu: MenuPrincipal[] = [];\n        for (const key in respApi) {\n            if (respApi[key].IdMenuPadre == idMenuPadre || (!idMenuPadre && respApi[key].IdMenuPadre == null)) {\n                menu.push({\n                    titulo: respApi[key].IdiomaRecurso,\n                    url: respApi[key].Url,\n                    icono: respApi[key].Icono,\n                    descripcion: respApi[key].Descripcion,\n                    hijos: this.obtenerMenu(respApi, respApi[key].IdMenu)\n                });\n            }\n        }\n        return menu;\n    }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { MenuPrincipal } from './model/wm-menu-principal.model';\nimport { MenuSecundario } from './model/wm-menu-cuenta.model';\nimport { WmMenuServicioService } from './services/wm-menu-servicio.service';\nimport { JwtHelperService } from '@auth0/angular-jwt';\n\n@Component({\n    selector: 'wm-menu',\n    templateUrl: './wm-menu.component.html',\n    styleUrls: ['./wm-menu.component.scss']\n})\nexport class WmMenuComponent implements OnInit {\n    @Input() logo: string;\n    @Input() colorFondo: string;\n    @Input() colorTexto: string;\n    @Input() menuPrincipal: MenuPrincipal[];\n    @Input() menuSecundario: MenuSecundario[];\n\n    @Input() urlMenu: string;\n    @Input() token: string;\n    @Input() urlCuentaSeguridad: string;\n\n    menuPrincipalSel: MenuPrincipal;\n    menuSecundarioSel: MenuSecundario = new MenuSecundario();\n    menuLateralAbierto: Boolean = false;\n\n    constructor(private wmMenuServicioService: WmMenuServicioService) { }\n\n    ngOnInit(): void {\n        if (this.urlMenu && this.token) {\n            var helper = new JwtHelperService();\n            const decodedToken = helper.decodeToken(this.token);\n            this.wmMenuServicioService\n                .menuApiObtener(this.urlMenu, decodedToken[\"id_usuario\"], this.token)\n                .subscribe((resp) => {\n                    this.menuPrincipal = this.wmMenuServicioService.mapearMenu(resp);\n                });\n        }\n\n        if (this.urlCuentaSeguridad && this.token) {\n            const decodedToken = helper.decodeToken(this.token);\n            this.menuSecundario = [{\n                titulo: decodedToken[\"unique_name\"],\n                icono: \"account_circle\",\n                hijos: [\n                    { titulo: decodedToken[\"unique_name\"], url: \"\", icono: \"person\" },\n                    { titulo: \"Cambiar contraseña\", url: this.urlCuentaSeguridad + \"CambioContrasena\", icono: \"vpn_key\" },\n                    { titulo: \"Cerrar sesión\", url: this.urlCuentaSeguridad + \"CerrarSesion\", icono: \"exit_to_app\" }],\n            }];\n        }\n    }\n\n    clickMenuPrincipal(i: number) {\n        if (this.menuPrincipal[i].hijos && this.menuPrincipal[i].hijos.length) {\n            if (this.menuPrincipalSel == this.menuPrincipal[i]) {\n                this.menuPrincipalSel = null;\n            } else {\n                this.menuPrincipalSel = this.menuPrincipal[i];\n            }\n        }\n    }\n\n    clickMenuSecundario(i: number) {\n        this.menuSecundarioSel = this.menuSecundario[i];\n        this.menuPrincipalSel = null;\n    }\n}\n","import { NgModule } from '@angular/core';\n\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatSidenavModule} from '@angular/material/sidenav';\nimport { MatListModule } from '@angular/material/list';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatRippleModule } from \"@angular/material/core\";\n\nimport { WmMenuComponent } from './wm-menu/wm-menu.component';\nimport { HttpClientModule } from '@angular/common/http';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { JwtModule } from '@auth0/angular-jwt';\n\n\n@NgModule({\n  declarations: [WmMenuComponent],\n  imports: [\n    BrowserModule,\n    MatToolbarModule,\n    MatSidenavModule,\n    MatListModule,\n    MatButtonModule,\n    MatIconModule,\n    MatMenuModule,\n    MatRippleModule,\n    HttpClientModule,\n    JwtModule\n  ],\n  exports: [WmMenuComponent]\n})\nexport class WmMenuModule { }\n","/*\n * Public API Surface of wm-menu\n */\n\nexport * from './lib/wm-menu/wm-menu.component';\nexport * from './lib/wm-menu/services/wm-menu-servicio.service';\nexport * from './lib/wm-menu.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wm-menu.js","sources":["ng://wm-menu/lib/wm-menu/model/wm-menu-cuenta.model.ts","ng://wm-menu/lib/wm-menu/services/wm-menu-servicio.service.ts","ng://wm-menu/lib/wm-menu/wm-menu.component.ts","ng://wm-menu/lib/wm-menu.module.ts","ng://wm-menu/public-api.ts","ng://wm-menu/wm-menu.ts"],"sourcesContent":["export class MenuSecundario {\r\n    icono: string;\r\n    titulo: string;\r\n    hijos: MenuSecundarioHijo[] = [];\r\n}\r\n\r\nexport class MenuSecundarioHijo {\r\n    icono: string;\r\n    titulo: string;\r\n    url: string;\r\n}","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\r\nimport { map, catchError } from 'rxjs/operators';\r\nimport { throwError, Observable } from 'rxjs';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { MatIconRegistry } from '@angular/material/icon';\r\nimport { MenuPrincipal } from '../model/wm-menu-principal.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class WmMenuServicioService {\r\n\r\n    constructor(private http: HttpClient, private iconRegistry: MatIconRegistry, private sanitizer: DomSanitizer) { }\r\n\r\n    menuApiObtener(url:string, idUsuario: string, token:string): Observable<any> {\r\n        const headers = new HttpHeaders({\r\n            'Authorization': `Bearer ${token}`\r\n        });\r\n\r\n        let myParams = new HttpParams();\r\n        myParams = myParams.append(\"ctrlActivo\", \"true\");\r\n        myParams = myParams.append(\"conPadres\", \"true\");\r\n        if (idUsuario != null)\r\n            myParams = myParams.append(\"idUsuario\", idUsuario.toString());\r\n\r\n        return this.http.get(url, { headers, params: myParams }).pipe(\r\n            map(resp => {\r\n                return resp;\r\n            }),\r\n            catchError(error => {\r\n                return throwError(error.error);\r\n            })\r\n        );\r\n    }\r\n\r\n    mapearMenu(respApi: any): MenuPrincipal[] {\r\n        respApi = respApi.sort((a, b) => a.Posicion > b.Posicion?\"1\":\"-1\");\r\n\r\n        for (const key in respApi) {\r\n            const element = respApi[key];\r\n            if (element.Icono.startsWith(\"http\")) {\r\n                var iconSvg = 'wm-icon-menu-' + key;\r\n                this.iconRegistry.addSvgIcon(\r\n                    iconSvg,\r\n                    this.sanitizer.bypassSecurityTrustResourceUrl(element.Icono));\r\n                respApi[key].Icono = iconSvg;\r\n            }\r\n        }\r\n\r\n        return this.obtenerMenu(respApi);\r\n    }\r\n\r\n\r\n    private obtenerMenu(respApi: any, idMenuPadre?: Number): MenuPrincipal[] {\r\n        var menu: MenuPrincipal[] = [];\r\n        for (const key in respApi) {\r\n            if (respApi[key].IdMenuPadre == idMenuPadre || (!idMenuPadre && respApi[key].IdMenuPadre == null)) {\r\n                menu.push({\r\n                    titulo: respApi[key].IdiomaRecurso,\r\n                    url: respApi[key].Url,\r\n                    icono: respApi[key].Icono,\r\n                    descripcion: respApi[key].Descripcion,\r\n                    hijos: this.obtenerMenu(respApi, respApi[key].IdMenu)\r\n                });\r\n            }\r\n        }\r\n        return menu;\r\n    }\r\n    \r\n    almacenamientoApiObtener(url:string, idUsuario: string, token:string): Observable<any> {\r\n        const headers = new HttpHeaders({\r\n            'Authorization': `Bearer ${token}`\r\n        });\r\n    \r\n        let myParams = new HttpParams();\r\n\r\n        if (idUsuario != null)\r\n            myParams = myParams.append(\"idUsuario\", idUsuario.toString());\r\n    \r\n        return this.http.get(url, { headers, params: myParams }).pipe(\r\n            map(resp => {\r\n                return resp;\r\n            }),\r\n            catchError(error => {\r\n                return throwError(error.error);\r\n            })\r\n        );\r\n    }\r\n}","import { Component, OnInit, Input } from '@angular/core';\r\nimport { MenuPrincipal } from './model/wm-menu-principal.model';\r\nimport { MenuSecundario } from './model/wm-menu-cuenta.model';\r\nimport { WmMenuServicioService } from './services/wm-menu-servicio.service';\r\nimport { JwtHelperService } from '@auth0/angular-jwt';\r\n\r\n@Component({\r\n    selector: 'wm-menu',\r\n    templateUrl: './wm-menu.component.html',\r\n    styleUrls: ['./wm-menu.component.scss']\r\n})\r\nexport class WmMenuComponent implements OnInit {\r\n    @Input() logo: string;\r\n    @Input() colorFondo: string;\r\n    @Input() colorTexto: string;\r\n    @Input() menuPrincipal: MenuPrincipal[];\r\n    @Input() menuSecundario: MenuSecundario[];\r\n\r\n    @Input() urlMenu: string; \r\n    @Input() token: string;\r\n    @Input() urlCuentaSeguridad: string;\r\n\r\n    @Input() nombreCliente: string;\r\n    @Input() nombreUsuario: string;\r\n    @Input() versionWeb: string;\r\n    @Input() urlBaseAlmacenamiento: string;\r\n\r\n    menuPrincipalSel: MenuPrincipal;\r\n    menuSecundarioSel: MenuSecundario = new MenuSecundario();\r\n    menuLateralAbierto: Boolean = false;\r\n    porcentajeUtilizado : number;\r\n\r\n    constructor(private wmMenuServicioService: WmMenuServicioService) { }\r\n\r\n    ngOnInit(): void {\r\n        if (this.urlMenu && this.token) {\r\n            var helper = new JwtHelperService();\r\n            const decodedToken = helper.decodeToken(this.token);\r\n            this.wmMenuServicioService\r\n                .menuApiObtener(this.urlMenu, decodedToken[\"id_usuario\"], this.token)\r\n                .subscribe((resp) => {\r\n                    this.menuPrincipal = this.wmMenuServicioService.mapearMenu(resp);\r\n                });\r\n        }\r\n\r\n        if (this.urlCuentaSeguridad && this.token) {\r\n            const decodedToken = helper.decodeToken(this.token);\r\n            this.menuSecundario = [{\r\n                titulo: decodedToken[\"unique_name\"],\r\n                icono: \"account_circle\",\r\n                hijos: [\r\n                    { titulo: decodedToken[\"unique_name\"], url: \"\", icono: \"person\" },\r\n                    { titulo: \"Cambiar contraseña\", url: this.urlCuentaSeguridad + \"CambioContrasena\", icono: \"vpn_key\" },\r\n                    { titulo: \"Cerrar sesión\", url: this.urlCuentaSeguridad + \"CerrarSesion\", icono: \"exit_to_app\" }],\r\n            }];\r\n        }\r\n\r\n        if (this.urlBaseAlmacenamiento && this.token) {\r\n            var helper = new JwtHelperService();\r\n            const decodedToken = helper.decodeToken(this.token);\r\n            this.wmMenuServicioService\r\n                .almacenamientoApiObtener(this.urlBaseAlmacenamiento, decodedToken[\"id_usuario\"], this.token)\r\n                .subscribe((resp) => {\r\n                    let utilizado = resp[0] && resp[0].Utilizado ? resp[0].Utilizado : 0;\r\n                    let total = resp[0] && resp[0].Total ? resp[0].Total : 0;\r\n                    this.porcentajeUtilizado = Math.round((utilizado / total) * 100);\r\n                });\r\n        }\r\n\r\n    }\r\n\r\n    clickMenuPrincipal(i: number) {\r\n        if (this.menuPrincipal[i].hijos && this.menuPrincipal[i].hijos.length) {\r\n            if (this.menuPrincipalSel == this.menuPrincipal[i]) {\r\n                this.menuPrincipalSel = null;\r\n            } else {\r\n                this.menuPrincipalSel = this.menuPrincipal[i];\r\n            }\r\n        }\r\n    }\r\n\r\n    clickMenuSecundario(i: number) {\r\n        this.menuSecundarioSel = this.menuSecundario[i];\r\n        this.menuPrincipalSel = null;\r\n    }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatSidenavModule} from '@angular/material/sidenav';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatRippleModule } from \"@angular/material/core\";\r\n\r\nimport { WmMenuComponent } from './wm-menu/wm-menu.component';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { JwtModule } from '@auth0/angular-jwt';\r\n\r\n\r\n@NgModule({\r\n  declarations: [WmMenuComponent],\r\n  imports: [\r\n    BrowserModule,\r\n    MatToolbarModule,\r\n    MatSidenavModule,\r\n    MatListModule,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatMenuModule,\r\n    MatRippleModule,\r\n    HttpClientModule,\r\n    JwtModule\r\n  ],\r\n  exports: [WmMenuComponent]\r\n})\r\nexport class WmMenuModule { }\r\n","/*\r\n * Public API Surface of wm-menu\r\n */\r\n\r\nexport * from './lib/wm-menu/wm-menu.component';\r\nexport * from './lib/wm-menu/services/wm-menu-servicio.service';\r\nexport * from './lib/wm-menu.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/wm-menu/services/wm-menu-servicio.service.d.ts

@@ -11,4 +11,5 @@ export declare class WmMenuServicioService {
     menuApiObtener(url: string, idUsuario: string, token: string): Observable<any>;
     mapearMenu(respApi: any): MenuPrincipal[];
     private obtenerMenu;
+    almacenamientoApiObtener(url: string, idUsuario: string, token: string): Observable<any>;
 }

package/lib/wm-menu/wm-menu.component.d.ts

@@ -12,9 +12,14 @@ export declare class WmMenuComponent implements OnInit {
     urlMenu: string;
     token: string;
     urlCuentaSeguridad: string;
+    nombreCliente: string;
+    nombreUsuario: string;
+    versionWeb: string;
+    urlBaseAlmacenamiento: string;
     menuPrincipalSel: MenuPrincipal;
     menuSecundarioSel: MenuSecundario;
     menuLateralAbierto: Boolean;
+    porcentajeUtilizado: number;
     constructor(wmMenuServicioService: WmMenuServicioService);
     ngOnInit(): void;
     clickMenuPrincipal(i: number): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wm-menu",
-  "version": "1.1.0",
+  "version": "1.2.2",
   "author": "sespinosa",
   "description": "menu",
   "license": "MIT",

package/wm-menu.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"WmMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"wm-menu","template":"<div class=\"menu\" [ngStyle]=\"{'background-color': colorFondo, 'color': colorTexto}\">\r\n    <div class=\"d-lg-none\">\r\n        <button mat-icon-button (click)=\"menuLateralAbierto=!menuLateralAbierto; menuPrincipalSel = null\">\r\n            <mat-icon *ngIf=\"!menuLateralAbierto\" class=\"animate__animated animate__fadeInRight animate__faster\">menu\r\n            </mat-icon>\r\n            <mat-icon *ngIf=\"menuLateralAbierto\" class=\"animate__animated animate__fadeInLeft animate__faster\">close\r\n            </mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"d-lg-none logo-menu-principal\">\r\n        <img class=\"logo\" src=\"{{logo}}\">\r\n    </div>\r\n    <div class=\"d-none d-lg-block\">\r\n        <img class=\"logo\" src=\"{{logo}}\">\r\n        <div *ngFor=\"let menuItem of menuPrincipal; let i=index\" class=\"d-inline-block\">\r\n\r\n            <a *ngIf=\"menuItem.url\" mat-button [href]=\"menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                {{menuItem.titulo}}\r\n            </a>\r\n            <button *ngIf=\"!menuItem.url\" mat-button (click)=\"clickMenuPrincipal(i)\">\r\n                {{menuItem.titulo}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div>\r\n        <mat-menu #submenu=\"matMenu\">\r\n            <a mat-menu-item *ngFor=\"let menuItem of menuSecundarioSel.hijos\" href=\"{{menuItem.url}}\"\r\n                [disabled]=\"!menuItem.url\">\r\n                <mat-icon *ngIf=\"menuItem.icono\">{{menuItem.icono}}</mat-icon>\r\n                {{menuItem.titulo}}\r\n            </a>\r\n        </mat-menu>\r\n        <button *ngFor=\"let menuItem of menuSecundario; let i = index\" mat-icon-button [matMenuTriggerFor]=\"submenu\"\r\n            (click)=\"clickMenuSecundario(i)\">\r\n            <mat-icon>{{menuItem.icono}}</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"menu-lateral d-lg-none animate__animated animate__fadeInRight animate__faster\" *ngIf=\"menuLateralAbierto\">\r\n    <div class=\"row\">\r\n        <div *ngFor=\"let menuItem of menuPrincipal; let i=index\" class=\"col-sm-6 col-md-4\">\r\n            <a *ngIf=\"menuItem.url\" [href]=\"menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                <div>\r\n                    <mat-icon svgIcon=\"{{menuItem.icono}}\">{{menuItem.icono}}</mat-icon>\r\n                    <p>{{menuItem.titulo}}</p>\r\n                </div>\r\n            </a>\r\n            <span *ngIf=\"!menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                <div>\r\n                    <mat-icon svgIcon=\"{{menuItem.icono}}\">{{menuItem.icono}}</mat-icon>\r\n                    <p>{{menuItem.titulo}}</p>\r\n                </div>\r\n            </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"sub-menu-fondo animate__animated animate__fadeIn animate__faster\" (click)=\"menuPrincipalSel=null\"\r\n    *ngIf=\"menuPrincipalSel\"></div>\r\n\r\n<div class=\"sub-menu animate__animated animate__fadeIn animate__faster\" *ngIf=\"menuPrincipalSel\">\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 col-lg-5\">\r\n                <div class=\"px-3 px-sm-5 pt-5 pb-lg-5 text-center descripcion-menu\">\r\n                    <mat-icon [ngStyle]=\"{'color': colorFondo}\" svgIcon=\"{{menuPrincipalSel.icono}}\">\r\n                        {{menuPrincipalSel.icono}}</mat-icon>\r\n                    <p>{{menuPrincipalSel.titulo}}</p>\r\n                    <p class=\"text-secondary\">{{menuPrincipalSel.descripcion}}</p>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-12 col-lg-7 my-4\">\r\n                <div class=\"px-3 px-md-4 py-2 py-md-2\">\r\n                    <ul class=\"list-unstyled\">\r\n\r\n                        <li class=\"mb-3 d-flex\" *ngFor=\"let menuItem of menuPrincipalSel.hijos\">\r\n                            <mat-icon>{{menuItem.icono}}</mat-icon>\r\n                            <div class=\"ml-2 flex-fill\">\r\n                                <a href=\"{{menuItem.url}}\" *ngIf=\"menuItem.url\">\r\n                                    <div class=\"lead mb-2\">{{menuItem.titulo}}</div>\r\n                                </a>\r\n                                <div class=\"lead mb-2\" *ngIf=\"!menuItem.url\">{{menuItem.titulo}}</div>\r\n\r\n                                <a href=\"{{menuSubItem.url}}\" class=\"pl-2 my-2\" *ngFor=\"let menuSubItem of menuItem.hijos\">\r\n                                    <div class=\"text-secondary\">{{menuSubItem.titulo}}</div>\r\n                                </a>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button mat-icon-button class=\"close-icon d-lg-none\" (click)=\"menuPrincipalSel=null\">\r\n        <mat-icon>arrow_back</mat-icon>\r\n    </button>\r\n</div>","styles":[".menu{height:46px;display:flex;justify-content:space-between;align-items:center;top:0;left:0;right:0;background-color:#1c98a4;color:#fff;padding:0 4px}.menu .mat-button{font-weight:400;height:46px;line-height:46px}.menu .logo{display:inline-block;height:40px}.menu .logo-menu-principal{position:absolute;display:block;left:50%}.menu .logo-menu-principal>img{display:block;margin:0 -50%}.sub-menu{width:100%;position:absolute;top:46px;z-index:1000;background-color:#fff;display:flex;overflow-y:auto;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sub-menu .close-icon{position:absolute;left:4px;top:4px}.sub-menu .descripcion-menu .mat-icon{color:#1c98a4;width:100px;height:100px}.sub-menu .descripcion-menu p:first-of-type{font-weight:300;font-size:30px;margin:16px 0}.sub-menu .descripcion-menu p:last-of-type{color:#6c757d}.sub-menu li{float:left;width:50%}.sub-menu li>.mat-icon{color:#444}.sub-menu li:nth-child(even){float:right}.sub-menu li a{transition:.5s;display:block}.sub-menu li a:hover{margin-left:8px}.sub-menu li .lead{line-height:24px;color:#212529;font-size:17px}.sub-menu-fondo{background:#272d3357;position:absolute;top:46px;bottom:0;left:0;right:0;z-index:1000}.menu-lateral{width:100%;position:absolute;top:46px;bottom:0;left:0;right:0;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;background:#f7f7f7;padding:20px}.menu-lateral>div>div>*>div{text-align:center;padding:16px;background-color:#fff;margin:0 0 16px;color:#333;cursor:pointer;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.menu-lateral>div>div>*>div>.mat-icon{width:50px;height:50px}.menu-lateral>div>div>*>div>p{padding:0;margin:8px 0 0}a.mat-menu-item{color:#444!important}@media (max-width:767.98px){.sub-menu ul{margin:auto;padding:0 10px}.sub-menu ul li{float:none;width:100%}.sub-menu ul li:nth-child(even){float:none}}@media (max-width:991.98px){.sub-menu{bottom:0}}* :focus,:active{outline:0!important}"]}]}],"members":{"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"colorFondo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"colorTexto":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"menuPrincipal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"menuSecundario":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"urlMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"token":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"urlCuentaSeguridad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WmMenuServicioService"}]}],"ngOnInit":[{"__symbolic":"method"}],"clickMenuPrincipal":[{"__symbolic":"method"}],"clickMenuSecundario":[{"__symbolic":"method"}]}},"WmMenuServicioService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":13,"character":30},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":13,"character":64},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":13,"character":100}]}],"menuApiObtener":[{"__symbolic":"method"}],"mapearMenu":[{"__symbolic":"method"}],"obtenerMenu":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"WmMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WmMenuComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":27,"character":4},{"__symbolic":"reference","module":"@auth0/angular-jwt","name":"JwtModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"WmMenuComponent"}]}]}],"members":{}}},"origins":{"WmMenuComponent":"./lib/wm-menu/wm-menu.component","WmMenuServicioService":"./lib/wm-menu/services/wm-menu-servicio.service","WmMenuModule":"./lib/wm-menu.module"},"importAs":"wm-menu"}
+{"__symbolic":"module","version":4,"metadata":{"WmMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"wm-menu","template":"<div class=\"menu\" [ngStyle]=\"{'background-color': colorFondo, 'color': colorTexto}\">\r\n    <div class=\"d-lg-none\">\r\n        <button mat-icon-button (click)=\"menuLateralAbierto=!menuLateralAbierto; menuPrincipalSel = null\">\r\n            <mat-icon *ngIf=\"!menuLateralAbierto\" class=\"animate__animated animate__fadeInRight animate__faster\">menu\r\n            </mat-icon>\r\n            <mat-icon *ngIf=\"menuLateralAbierto\" class=\"animate__animated animate__fadeInLeft animate__faster\">close\r\n            </mat-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"d-lg-none logo-menu-principal\">\r\n        <img class=\"logo\" src=\"{{logo}}\">\r\n    </div>\r\n    <div class=\"d-none d-lg-block\">\r\n        <img class=\"logo\" src=\"{{logo}}\">\r\n        <div *ngFor=\"let menuItem of menuPrincipal; let i=index\" class=\"d-inline-block\">\r\n\r\n            <a *ngIf=\"menuItem.url\" mat-button [href]=\"menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                {{menuItem.titulo}}\r\n            </a>\r\n            <button *ngIf=\"!menuItem.url\" mat-button (click)=\"clickMenuPrincipal(i)\">\r\n                {{menuItem.titulo}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"info-adicional\">\r\n        <div *ngIf=\"nombreCliente\">{{nombreCliente}}<mat-icon>people</mat-icon></div>\r\n        <div *ngIf=\"nombreUsuario\">{{nombreUsuario}}<mat-icon>person_outline</mat-icon></div>\r\n        <div *ngIf=\"versionWeb\">{{versionWeb}}</div>\r\n    </div>\r\n    <div>\r\n        <mat-menu #submenu=\"matMenu\">\r\n            <a mat-menu-item *ngFor=\"let menuItem of menuSecundarioSel.hijos\" href=\"{{menuItem.url}}\"\r\n                [disabled]=\"!menuItem.url\">\r\n                <mat-icon *ngIf=\"menuItem.icono\">{{menuItem.icono}}</mat-icon>\r\n                {{menuItem.titulo}}\r\n            </a>\r\n        </mat-menu>\r\n        <button *ngFor=\"let menuItem of menuSecundario; let i = index\" mat-icon-button [matMenuTriggerFor]=\"submenu\"\r\n            (click)=\"clickMenuSecundario(i)\">\r\n            <mat-icon>{{menuItem.icono}}</mat-icon>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"menu-lateral d-lg-none animate__animated animate__fadeInRight animate__faster\" *ngIf=\"menuLateralAbierto\">\r\n    <div class=\"row\">\r\n        <div *ngFor=\"let menuItem of menuPrincipal; let i=index\" class=\"col-sm-6 col-md-4\">\r\n            <a *ngIf=\"menuItem.url\" [href]=\"menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                <div>\r\n                    <mat-icon svgIcon=\"{{menuItem.icono}}\">{{menuItem.icono}}</mat-icon>\r\n                    <p>{{menuItem.titulo}}</p>\r\n                </div>\r\n            </a>\r\n            <span *ngIf=\"!menuItem.url\" (click)=\"clickMenuPrincipal(i)\">\r\n                <div>\r\n                    <mat-icon svgIcon=\"{{menuItem.icono}}\">{{menuItem.icono}}</mat-icon>\r\n                    <p>{{menuItem.titulo}}</p>\r\n                </div>\r\n            </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"sub-menu-fondo animate__animated animate__fadeIn animate__faster\" (click)=\"menuPrincipalSel=null\"\r\n    *ngIf=\"menuPrincipalSel\"></div>\r\n\r\n<div class=\"sub-menu animate__animated animate__fadeIn animate__faster\" *ngIf=\"menuPrincipalSel\">\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12 col-lg-5\">\r\n                <div class=\"px-3 px-sm-5 pt-5 pb-lg-5 text-center descripcion-menu\">\r\n                    <mat-icon [ngStyle]=\"{'color': colorFondo}\" svgIcon=\"{{menuPrincipalSel.icono}}\">\r\n                        {{menuPrincipalSel.icono}}</mat-icon>\r\n                    <p>{{menuPrincipalSel.titulo}}</p>\r\n                    <p class=\"text-secondary\">{{menuPrincipalSel.descripcion}}</p>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-12 col-lg-7 my-4\">\r\n                <div class=\"px-3 px-md-4 py-2 py-md-2\">\r\n                    <ul class=\"list-unstyled\">\r\n\r\n                        <li class=\"mb-3 d-flex\" *ngFor=\"let menuItem of menuPrincipalSel.hijos\">\r\n                            <mat-icon>{{menuItem.icono}}</mat-icon>\r\n                            <div class=\"ml-2 flex-fill\">\r\n                                <a href=\"{{menuItem.url}}\" *ngIf=\"menuItem.url\">\r\n                                    <div class=\"lead mb-2\">{{menuItem.titulo}}</div>\r\n                                </a>\r\n                                <div class=\"lead mb-2\" *ngIf=\"!menuItem.url\">{{menuItem.titulo}}</div>\r\n\r\n                                <a href=\"{{menuSubItem.url}}\" class=\"pl-2 my-2\" *ngFor=\"let menuSubItem of menuItem.hijos\">\r\n                                    <div class=\"text-secondary\">{{menuSubItem.titulo}}</div>\r\n                                </a>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button mat-icon-button class=\"close-icon d-lg-none\" (click)=\"menuPrincipalSel=null\">\r\n        <mat-icon>arrow_back</mat-icon>\r\n    </button>\r\n</div>\r\n<div class=\"alerta-almacenamiento\" *ngIf=\"porcentajeUtilizado >= 100\">Su capacidad de almacenamiento ha llegado al {{porcentajeUtilizado}}% , libere espacio o adquiera mayor capacidad</div>","styles":[".menu{height:46px;display:flex;justify-content:space-between;align-items:center;top:0;left:0;right:0;background-color:#1c98a4;color:#fff;padding:0 4px}.menu .mat-button{font-weight:400;height:46px;line-height:46px}.menu .logo{display:inline-block;height:40px}.menu .logo-menu-principal{position:absolute;display:block;left:65px}.menu .logo-menu-principal>img{display:block;margin:0 -50%}.menu .info-adicional{color:#fff;display:flex;justify-content:end;font-size:13px;position:absolute;right:47px}.menu .info-adicional div:last-child{border-right:none;padding-top:2px}.menu .info-adicional div{margin:0 2px 0 5px;border-right:1px solid #fff}.menu .info-adicional .mat-icon{vertical-align:middle;font-size:17px;color:#fff;line-height:21px;margin-left:2px}.sub-menu{width:100%;position:absolute;top:46px;z-index:1000;background-color:#fff;display:flex;overflow-y:auto;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sub-menu .close-icon{position:absolute;left:4px;top:4px}.sub-menu .descripcion-menu .mat-icon{color:#1c98a4;width:100px;height:100px}.sub-menu .descripcion-menu p:first-of-type{font-weight:300;font-size:30px;margin:16px 0}.sub-menu .descripcion-menu p:last-of-type{color:#6c757d}.sub-menu li{float:left;width:50%}.sub-menu li>.mat-icon{color:#444}.sub-menu li:nth-child(even){float:right}.sub-menu li a{transition:.5s;display:block}.sub-menu li a:hover{margin-left:8px}.sub-menu li .lead{line-height:24px;color:#212529;font-size:17px}.sub-menu-fondo{background:#272d3357;position:absolute;top:46px;bottom:0;left:0;right:0;z-index:1000}.menu-lateral{width:100%;position:absolute;top:46px;bottom:0;left:0;right:0;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;background:#f7f7f7;padding:20px}.menu-lateral>div>div>*>div{text-align:center;padding:16px;background-color:#fff;margin:0 0 16px;color:#333;cursor:pointer;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.menu-lateral>div>div>*>div>.mat-icon{width:50px;height:50px}.menu-lateral>div>div>*>div>p{padding:0;margin:8px 0 0}a.mat-menu-item{color:#444!important}.alerta-almacenamiento{background:#ffffec;border-bottom:1px solid #efff00;min-height:39px;line-height:36px;font-size:12px;padding:0 0 0 25px}@media (max-width:767.98px){.sub-menu ul{margin:auto;padding:0 10px}.sub-menu ul li{float:none;width:100%}.sub-menu ul li:nth-child(even){float:none}}@media (max-width:991.98px){.sub-menu{bottom:0}}@media (min-width:600px){.logo-menu-principal{left:50%!important}}* :focus,:active{outline:0!important}"]}]}],"members":{"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"colorFondo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"colorTexto":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"menuPrincipal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"menuSecundario":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"urlMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"token":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"urlCuentaSeguridad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"nombreCliente":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"nombreUsuario":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"versionWeb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"urlBaseAlmacenamiento":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WmMenuServicioService"}]}],"ngOnInit":[{"__symbolic":"method"}],"clickMenuPrincipal":[{"__symbolic":"method"}],"clickMenuSecundario":[{"__symbolic":"method"}]}},"WmMenuServicioService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":13,"character":30},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":13,"character":64},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":13,"character":100}]}],"menuApiObtener":[{"__symbolic":"method"}],"mapearMenu":[{"__symbolic":"method"}],"obtenerMenu":[{"__symbolic":"method"}],"almacenamientoApiObtener":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"WmMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WmMenuComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":27,"character":4},{"__symbolic":"reference","module":"@auth0/angular-jwt","name":"JwtModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"WmMenuComponent"}]}]}],"members":{}}},"origins":{"WmMenuComponent":"./lib/wm-menu/wm-menu.component","WmMenuServicioService":"./lib/wm-menu/services/wm-menu-servicio.service","WmMenuModule":"./lib/wm-menu.module"},"importAs":"wm-menu"}