wm-menu 1.2.1 → 1.2.3

package/esm5/lib/wm-menu/wm-menu.component.js

@@ -8,9 +8,11 @@ var WmMenuComponent = /** @class */ (function () {
         this.wmMenuServicioService = wmMenuServicioService;
         this.menuSecundarioSel = new MenuSecundario();
         this.menuLateralAbierto = false;
+        this.menuIdioma = [];
     }
     WmMenuComponent.prototype.ngOnInit = function () {
         var _this = this;
+        this.cargarMenuCuenta();
         if (this.urlMenu && this.token) {
             var helper = new JwtHelperService();
             var decodedToken = helper.decodeToken(this.token);
@@ -20,17 +22,26 @@ var WmMenuComponent = /** @class */ (function () {
                 _this.menuPrincipal = _this.wmMenuServicioService.mapearMenu(resp);
             });
         }
-        if (this.urlCuentaSeguridad && this.token) {
+        if (this.urlIdiomas && this.token) {
+            var helper = new JwtHelperService();
             var decodedToken = helper.decodeToken(this.token);
-            this.menuSecundario = [{
-                    titulo: decodedToken["unique_name"],
-                    icono: "account_circle",
-                    hijos: [
-                        { titulo: decodedToken["unique_name"], url: "", icono: "person" },
-                        { titulo: "Cambiar contraseña", url: this.urlCuentaSeguridad + "CambioContrasena", icono: "vpn_key" },
-                        { titulo: "Cerrar sesión", url: this.urlCuentaSeguridad + "CerrarSesion", icono: "exit_to_app" }
-                    ],
-                }];
+            this.wmMenuServicioService
+                .menuIdiomasObtener(this.urlIdiomas, decodedToken["id_usuario"], this.token)
+                .subscribe(function (resp) {
+                _this.menuIdioma = resp;
+                _this.cargarMenuCuenta();
+            });
+        }
+        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) {
@@ -47,6 +58,21 @@ var WmMenuComponent = /** @class */ (function () {
         this.menuSecundarioSel = this.menuSecundario[i];
         this.menuPrincipalSel = null;
     };
+    WmMenuComponent.prototype.cargarMenuCuenta = function () {
+        if (this.urlCuentaSeguridad && this.token) {
+            var helper = new JwtHelperService();
+            var decodedToken = helper.decodeToken(this.token);
+            this.menuSecundario = [{
+                    titulo: decodedToken["unique_name"],
+                    icono: "account_circle",
+                    hijos: [
+                        { titulo: decodedToken["unique_name"], url: "", icono: "person" },
+                        { titulo: this.menuIdioma && this.menuIdioma.CambiarContrasenna ? this.menuIdioma.CambiarContrasenna : "Cambiar contraseña", url: this.urlCuentaSeguridad + "CambioContrasena", icono: "vpn_key" },
+                        { titulo: this.menuIdioma && this.menuIdioma.CerrarSesion ? this.menuIdioma.CerrarSesion : "Cerrar sesión", url: this.urlCuentaSeguridad + "CerrarSesion", icono: "exit_to_app" }
+                    ],
+                }];
+        }
+    };
     WmMenuComponent.ctorParameters = function () { return [
         { type: WmMenuServicioService }
     ]; };
@@ -85,15 +111,18 @@ var WmMenuComponent = /** @class */ (function () {
     ], WmMenuComponent.prototype, "versionWeb", void 0);
     __decorate([
         Input()
-    ], WmMenuComponent.prototype, "textoAlertaAlmacenamiento", void 0);
+    ], WmMenuComponent.prototype, "urlBaseAlmacenamiento", void 0);
+    __decorate([
+        Input()
+    ], WmMenuComponent.prototype, "urlIdiomas", 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 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=\"textoAlertaAlmacenamiento && textoAlertaAlmacenamiento != ''\">{{textoAlertaAlmacenamiento}}</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}"]
+            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 class=\"datos border-r mt-1\" *ngIf=\"nombreCliente\">{{nombreCliente}}<mat-icon>people</mat-icon></div>\r\n        <div class=\"datos border-r mt-1\" *ngIf=\"nombreUsuario\">{{nombreUsuario}}<mat-icon>person_outline</mat-icon></div>\r\n        <div class=\"version\" *ngIf=\"versionWeb\">{{versionWeb}}</div>\r\n        <div class=\"content-idioma\" *ngIf=\"urlIdiomas\">\r\n            <mat-menu #menuIdiomas=\"matMenu\">\r\n                <a mat-menu-item *ngFor=\"let menuItem of menuIdioma.Culturas\" href=\"{{urlCuentaSeguridad}}CambiarIdioma?culture={{menuItem.Name}}&ReturnUrl=/\">\r\n                    {{menuItem.NativeName}}\r\n                </a>\r\n            </mat-menu>\r\n            <button mat-button [matMenuTriggerFor]=\"menuIdiomas\"><label class=\"mt-1\">{{menuIdioma.Lenguaje}}</label><mat-icon class=\"icon-idioma\">language</mat-icon></button>\r\n        </div>\r\n\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 .d-lg-block .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 .border-r{border-right:1px solid #fff}.menu .info-adicional .version{margin:7px 0 0 7px}.menu .info-adicional div.datos{margin:0 2px 0 5px;height:28px}.menu .info-adicional .mat-icon{vertical-align:middle;font-size:17px;color:#fff;line-height:21px;margin-left:2px}.menu .info-adicional button{padding:0 0 0 15px}.menu .info-adicional .content-idioma{margin:-5px 2px 0 5px;display:block;cursor:pointer}.menu .info-adicional .icon-idioma{font-size:17px!important;vertical-align:text-top!important;color:#fffc}.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;
 }());
 export { WmMenuComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid20tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly93bS1tZW51LyIsInNvdXJjZXMiOlsibGliL3dtLW1lbnUvd20tbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQU90RDtJQW9CSSx5QkFBb0IscUJBQTRDO1FBQTVDLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFIaEUsc0JBQWlCLEdBQW1CLElBQUksY0FBYyxFQUFFLENBQUM7UUFDekQsdUJBQWtCLEdBQVksS0FBSyxDQUFDO0lBRWdDLENBQUM7SUFFckUsa0NBQVEsR0FBUjtRQUFBLGlCQXNCQztRQXJCRyxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUM1QixJQUFJLE1BQU0sR0FBRyxJQUFJLGdCQUFnQixFQUFFLENBQUM7WUFDcEMsSUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDcEQsSUFBSSxDQUFDLHFCQUFxQjtpQkFDckIsY0FBYyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsWUFBWSxDQUFDLFlBQVksQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUM7aUJBQ3BFLFNBQVMsQ0FBQyxVQUFDLElBQUk7Z0JBQ1osS0FBSSxDQUFDLGFBQWEsR0FBRyxLQUFJLENBQUMscUJBQXFCLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3JFLENBQUMsQ0FBQyxDQUFDO1NBQ1Y7UUFFRCxJQUFJLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ3ZDLElBQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQztvQkFDbkIsTUFBTSxFQUFFLFlBQVksQ0FBQyxhQUFhLENBQUM7b0JBQ25DLEtBQUssRUFBRSxnQkFBZ0I7b0JBQ3ZCLEtBQUssRUFBRTt3QkFDSCxFQUFFLE1BQU0sRUFBRSxZQUFZLENBQUMsYUFBYSxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFO3dCQUNqRSxFQUFFLE1BQU0sRUFBRSxvQkFBb0IsRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGtCQUFrQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7d0JBQ3JHLEVBQUUsTUFBTSxFQUFFLGVBQWUsRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGNBQWMsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFO3FCQUFDO2lCQUN4RyxDQUFDLENBQUM7U0FDTjtJQUNMLENBQUM7SUFFRCw0Q0FBa0IsR0FBbEIsVUFBbUIsQ0FBUztRQUN4QixJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRTtZQUNuRSxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNoRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO2FBQ2hDO2lCQUFNO2dCQUNILElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2pEO1NBQ0o7SUFDTCxDQUFDO0lBRUQsNkNBQW1CLEdBQW5CLFVBQW9CLENBQVM7UUFDekIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztJQUNqQyxDQUFDOztnQkF2QzBDLHFCQUFxQjs7SUFuQnZEO1FBQVIsS0FBSyxFQUFFO2lEQUFjO0lBQ2I7UUFBUixLQUFLLEVBQUU7dURBQW9CO0lBQ25CO1FBQVIsS0FBSyxFQUFFO3VEQUFvQjtJQUNuQjtRQUFSLEtBQUssRUFBRTswREFBZ0M7SUFDL0I7UUFBUixLQUFLLEVBQUU7MkRBQWtDO0lBRWpDO1FBQVIsS0FBSyxFQUFFO29EQUFpQjtJQUNoQjtRQUFSLEtBQUssRUFBRTtrREFBZTtJQUNkO1FBQVIsS0FBSyxFQUFFOytEQUE0QjtJQUUzQjtRQUFSLEtBQUssRUFBRTswREFBdUI7SUFDdEI7UUFBUixLQUFLLEVBQUU7MERBQXVCO0lBQ3RCO1FBQVIsS0FBSyxFQUFFO3VEQUFvQjtJQUNuQjtRQUFSLEtBQUssRUFBRTtzRUFBb0M7SUFkbkMsZUFBZTtRQUwzQixTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsU0FBUztZQUNuQix1MUtBQXVDOztTQUUxQyxDQUFDO09BQ1csZUFBZSxDQTREM0I7SUFBRCxzQkFBQztDQUFBLEFBNURELElBNERDO1NBNURZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1lbnVQcmluY2lwYWwgfSBmcm9tICcuL21vZGVsL3dtLW1lbnUtcHJpbmNpcGFsLm1vZGVsJztcbmltcG9ydCB7IE1lbnVTZWN1bmRhcmlvIH0gZnJvbSAnLi9tb2RlbC93bS1tZW51LWN1ZW50YS5tb2RlbCc7XG5pbXBvcnQgeyBXbU1lbnVTZXJ2aWNpb1NlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzL3dtLW1lbnUtc2VydmljaW8uc2VydmljZSc7XG5pbXBvcnQgeyBKd3RIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnQGF1dGgwL2FuZ3VsYXItand0JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd3bS1tZW51JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vd20tbWVudS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vd20tbWVudS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFdtTWVudUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgbG9nbzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNvbG9yRm9uZG86IHN0cmluZztcbiAgICBASW5wdXQoKSBjb2xvclRleHRvOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbWVudVByaW5jaXBhbDogTWVudVByaW5jaXBhbFtdO1xuICAgIEBJbnB1dCgpIG1lbnVTZWN1bmRhcmlvOiBNZW51U2VjdW5kYXJpb1tdO1xuXG4gICAgQElucHV0KCkgdXJsTWVudTogc3RyaW5nOyBcbiAgICBASW5wdXQoKSB0b2tlbjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHVybEN1ZW50YVNlZ3VyaWRhZDogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgbm9tYnJlQ2xpZW50ZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIG5vbWJyZVVzdWFyaW86IHN0cmluZztcbiAgICBASW5wdXQoKSB2ZXJzaW9uV2ViOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdGV4dG9BbGVydGFBbG1hY2VuYW1pZW50byA6IHN0cmluZztcblxuICAgIG1lbnVQcmluY2lwYWxTZWw6IE1lbnVQcmluY2lwYWw7XG4gICAgbWVudVNlY3VuZGFyaW9TZWw6IE1lbnVTZWN1bmRhcmlvID0gbmV3IE1lbnVTZWN1bmRhcmlvKCk7XG4gICAgbWVudUxhdGVyYWxBYmllcnRvOiBCb29sZWFuID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHdtTWVudVNlcnZpY2lvU2VydmljZTogV21NZW51U2VydmljaW9TZXJ2aWNlKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy51cmxNZW51ICYmIHRoaXMudG9rZW4pIHtcbiAgICAgICAgICAgIHZhciBoZWxwZXIgPSBuZXcgSnd0SGVscGVyU2VydmljZSgpO1xuICAgICAgICAgICAgY29uc3QgZGVjb2RlZFRva2VuID0gaGVscGVyLmRlY29kZVRva2VuKHRoaXMudG9rZW4pO1xuICAgICAgICAgICAgdGhpcy53bU1lbnVTZXJ2aWNpb1NlcnZpY2VcbiAgICAgICAgICAgICAgICAubWVudUFwaU9idGVuZXIodGhpcy51cmxNZW51LCBkZWNvZGVkVG9rZW5bXCJpZF91c3VhcmlvXCJdLCB0aGlzLnRva2VuKVxuICAgICAgICAgICAgICAgIC5zdWJzY3JpYmUoKHJlc3ApID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5tZW51UHJpbmNpcGFsID0gdGhpcy53bU1lbnVTZXJ2aWNpb1NlcnZpY2UubWFwZWFyTWVudShyZXNwKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLnVybEN1ZW50YVNlZ3VyaWRhZCAmJiB0aGlzLnRva2VuKSB7XG4gICAgICAgICAgICBjb25zdCBkZWNvZGVkVG9rZW4gPSBoZWxwZXIuZGVjb2RlVG9rZW4odGhpcy50b2tlbik7XG4gICAgICAgICAgICB0aGlzLm1lbnVTZWN1bmRhcmlvID0gW3tcbiAgICAgICAgICAgICAgICB0aXR1bG86IGRlY29kZWRUb2tlbltcInVuaXF1ZV9uYW1lXCJdLFxuICAgICAgICAgICAgICAgIGljb25vOiBcImFjY291bnRfY2lyY2xlXCIsXG4gICAgICAgICAgICAgICAgaGlqb3M6IFtcbiAgICAgICAgICAgICAgICAgICAgeyB0aXR1bG86IGRlY29kZWRUb2tlbltcInVuaXF1ZV9uYW1lXCJdLCB1cmw6IFwiXCIsIGljb25vOiBcInBlcnNvblwiIH0sXG4gICAgICAgICAgICAgICAgICAgIHsgdGl0dWxvOiBcIkNhbWJpYXIgY29udHJhc2XDsWFcIiwgdXJsOiB0aGlzLnVybEN1ZW50YVNlZ3VyaWRhZCArIFwiQ2FtYmlvQ29udHJhc2VuYVwiLCBpY29ubzogXCJ2cG5fa2V5XCIgfSxcbiAgICAgICAgICAgICAgICAgICAgeyB0aXR1bG86IFwiQ2VycmFyIHNlc2nDs25cIiwgdXJsOiB0aGlzLnVybEN1ZW50YVNlZ3VyaWRhZCArIFwiQ2VycmFyU2VzaW9uXCIsIGljb25vOiBcImV4aXRfdG9fYXBwXCIgfV0sXG4gICAgICAgICAgICB9XTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGNsaWNrTWVudVByaW5jaXBhbChpOiBudW1iZXIpIHtcbiAgICAgICAgaWYgKHRoaXMubWVudVByaW5jaXBhbFtpXS5oaWpvcyAmJiB0aGlzLm1lbnVQcmluY2lwYWxbaV0uaGlqb3MubGVuZ3RoKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5tZW51UHJpbmNpcGFsU2VsID09IHRoaXMubWVudVByaW5jaXBhbFtpXSkge1xuICAgICAgICAgICAgICAgIHRoaXMubWVudVByaW5jaXBhbFNlbCA9IG51bGw7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMubWVudVByaW5jaXBhbFNlbCA9IHRoaXMubWVudVByaW5jaXBhbFtpXTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIGNsaWNrTWVudVNlY3VuZGFyaW8oaTogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMubWVudVNlY3VuZGFyaW9TZWwgPSB0aGlzLm1lbnVTZWN1bmRhcmlvW2ldO1xuICAgICAgICB0aGlzLm1lbnVQcmluY2lwYWxTZWwgPSBudWxsO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid20tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly93bS1tZW51LyIsInNvdXJjZXMiOlsibGliL3dtLW1lbnUvd20tbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQU90RDtJQXdCSSx5QkFBb0IscUJBQTRDO1FBQTVDLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFMaEUsc0JBQWlCLEdBQW1CLElBQUksY0FBYyxFQUFFLENBQUM7UUFDekQsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBRXBDLGVBQVUsR0FBUyxFQUFFLENBQUM7SUFFOEMsQ0FBQztJQUVyRSxrQ0FBUSxHQUFSO1FBQUEsaUJBb0NDO1FBbENHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBRXhCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQzVCLElBQUksTUFBTSxHQUFHLElBQUksZ0JBQWdCLEVBQUUsQ0FBQztZQUNwQyxJQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNwRCxJQUFJLENBQUMscUJBQXFCO2lCQUNyQixjQUFjLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsWUFBWSxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQztpQkFDcEUsU0FBUyxDQUFDLFVBQUMsSUFBSTtnQkFDWixLQUFJLENBQUMsYUFBYSxHQUFHLEtBQUksQ0FBQyxxQkFBcUIsQ0FBQyxVQUFVLENBQUMs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OzBEQUF1QjtJQUN0QjtRQUFSLEtBQUssRUFBRTswREFBdUI7SUFDdEI7UUFBUixLQUFLLEVBQUU7dURBQW9CO0lBQ25CO1FBQVIsS0FBSyxFQUFFO2tFQUErQjtJQUU5QjtRQUFSLEtBQUssRUFBRTt1REFBb0I7SUFoQm5CLGVBQWU7UUFMM0IsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLFNBQVM7WUFDbkIsZ2lNQUF1Qzs7U0FFMUMsQ0FBQztPQUNXLGVBQWUsQ0E2RjNCO0lBQUQsc0JBQUM7Q0FBQSxBQTdGRCxJQTZGQztTQTdGWSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1lbnVQcmluY2lwYWwgfSBmcm9tICcuL21vZGVsL3dtLW1lbnUtcHJpbmNpcGFsLm1vZGVsJztcclxuaW1wb3J0IHsgTWVudVNlY3VuZGFyaW8gfSBmcm9tICcuL21vZGVsL3dtLW1lbnUtY3VlbnRhLm1vZGVsJztcclxuaW1wb3J0IHsgV21NZW51U2VydmljaW9TZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy93bS1tZW51LXNlcnZpY2lvLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBKd3RIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnQGF1dGgwL2FuZ3VsYXItand0JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd3bS1tZW51JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi93bS1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3dtLW1lbnUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV21NZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpIGxvZ286IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGNvbG9yRm9uZG86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGNvbG9yVGV4dG86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIG1lbnVQcmluY2lwYWw6IE1lbnVQcmluY2lwYWxbXTtcclxuICAgIEBJbnB1dCgpIG1lbnVTZWN1bmRhcmlvOiBNZW51U2VjdW5kYXJpb1tdO1xyXG5cclxuICAgIEBJbnB1dCgpIHVybE1lbnU6IHN0cmluZzsgXHJcbiAgICBASW5wdXQoKSB0b2tlbjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdXJsQ3VlbnRhU2VndXJpZGFkOiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KCkgbm9tYnJlQ2xpZW50ZTogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgbm9tYnJlVXN1YXJpbzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdmVyc2lvbldlYjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdXJsQmFzZUFsbWFjZW5hbWllbnRvOiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KCkgdXJsSWRpb21hczogc3RyaW5nO1xyXG5cclxuICAgIG1lbnVQcmluY2lwYWxTZWw6IE1lbnVQcmluY2lwYWw7XHJcbiAgICBtZW51U2VjdW5kYXJpb1NlbDogTWVudVNlY3VuZGFyaW8gPSBuZXcgTWVudVNlY3VuZGFyaW8oKTtcclxuICAgIG1lbnVMYXRlcmFsQWJpZXJ0bzogQm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgcG9yY2VudGFqZVV0aWxpemFkbyA6IG51bWJlcjtcclxuICAgIG1lbnVJZGlvbWEgOiBhbnkgPSBbXTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHdtTWVudVNlcnZpY2lvU2VydmljZTogV21NZW51U2VydmljaW9TZXJ2aWNlKSB7IH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBcclxuICAgICAgICB0aGlzLmNhcmdhck1lbnVDdWVudGEoKTtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMudXJsTWVudSAmJiB0aGlzLnRva2VuKSB7XHJcbiAgICAgICAgICAgIHZhciBoZWxwZXIgPSBuZXcgSnd0SGVscGVyU2VydmljZSgpO1xyXG4gICAgICAgICAgICBjb25zdCBkZWNvZGVkVG9rZW4gPSBoZWxwZXIuZGVjb2RlVG9rZW4odGhpcy50b2tlbik7XHJcbiAgICAgICAgICAgIHRoaXMud21NZW51U2VydmljaW9TZXJ2aWNlXHJcbiAgICAgICAgICAgICAgICAubWVudUFwaU9idGVuZXIodGhpcy51cmxNZW51LCBkZWNvZGVkVG9rZW5bXCJpZF91c3VhcmlvXCJdLCB0aGlzLnRva2VuKVxyXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZSgocmVzcCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMubWVudVByaW5jaXBhbCA9IHRoaXMud21NZW51U2VydmljaW9TZXJ2aWNlLm1hcGVhck1lbnUocmVzcCk7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICh0aGlzLnVybElkaW9tYXMgJiYgdGhpcy50b2tlbikge1xyXG4gICAgICAgICAgICB2YXIgaGVscGVyID0gbmV3IEp3dEhlbHBlclNlcnZpY2UoKTtcclxuICAgICAgICAgICAgY29uc3QgZGVjb2RlZFRva2VuID0gaGVscGVyLmRlY29kZVRva2VuKHRoaXMudG9rZW4pO1xyXG4gICAgICAgICAgICB0aGlzLndtTWVudVNlcnZpY2lvU2VydmljZVxyXG4gICAgICAgICAgICAgICAgLm1lbnVJZGlvbWFzT2J0ZW5lcih0aGlzLnVybElkaW9tYXMsIGRlY29kZWRUb2tlbltcImlkX3VzdWFyaW9cIl0sIHRoaXMudG9rZW4pXHJcbiAgICAgICAgICAgICAgICAuc3Vic2NyaWJlKChyZXNwKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICB0aGlzLm1lbnVJZGlvbWEgPSByZXNwO1xyXG4gICAgICAgICAgICAgICAgICAgdGhpcy5jYXJnYXJNZW51Q3VlbnRhKCk7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICh0aGlzLnVybEJhc2VBbG1hY2VuYW1pZW50byAmJiB0aGlzLnRva2VuKSB7XHJcbiAgICAgICAgICAgIHZhciBoZWxwZXIgPSBuZXcgSnd0SGVscGVyU2VydmljZSgpO1xyXG4gICAgICAgICAgICBjb25zdCBkZWNvZGVkVG9rZW4gPSBoZWxwZXIuZGVjb2RlVG9rZW4odGhpcy50b2tlbik7XHJcbiAgICAgICAgICAgIHRoaXMud21NZW51U2VydmljaW9TZXJ2aWNlXHJcbiAgICAgICAgICAgICAgICAuYWxtYWNlbmFtaWVudG9BcGlPYnRlbmVyKHRoaXMudXJsQmFzZUFsbWFjZW5hbWllbnRvLCBkZWNvZGVkVG9rZW5bXCJpZF91c3VhcmlvXCJdLCB0aGlzLnRva2VuKVxyXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZSgocmVzcCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIGxldCB1dGlsaXphZG8gPSByZXNwWzBdICYmIHJlc3BbMF0uVXRpbGl6YWRvID8gcmVzcFswXS5VdGlsaXphZG8gOiAwO1xyXG4gICAgICAgICAgICAgICAgICAgIGxldCB0b3RhbCA9IHJlc3BbMF0gJiYgcmVzcFswXS5Ub3RhbCA/IHJlc3BbMF0uVG90YWwgOiAwO1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucG9yY2VudGFqZVV0aWxpemFkbyA9IE1hdGgucm91bmQoKHV0aWxpemFkbyAvIHRvdGFsKSAqIDEwMCk7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgY2xpY2tNZW51UHJpbmNpcGFsKGk6IG51bWJlcikge1xyXG4gICAgICAgIGlmICh0aGlzLm1lbnVQcmluY2lwYWxbaV0uaGlqb3MgJiYgdGhpcy5tZW51UHJpbmNpcGFsW2ldLmhpam9zLmxlbmd0aCkge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5tZW51UHJpbmNpcGFsU2VsID09IHRoaXMubWVudVByaW5jaXBhbFtpXSkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5tZW51UHJpbmNpcGFsU2VsID0gbnVsbDtcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIHRoaXMubWVudVByaW5jaXBhbFNlbCA9IHRoaXMubWVudVByaW5jaXBhbFtpXTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBjbGlja01lbnVTZWN1bmRhcmlvKGk6IG51bWJlcikge1xyXG4gICAgICAgIHRoaXMubWVudVNlY3VuZGFyaW9TZWwgPSB0aGlzLm1lbnVTZWN1bmRhcmlvW2ldO1xyXG4gICAgICAgIHRoaXMubWVudVByaW5jaXBhbFNlbCA9IG51bGw7XHJcbiAgICB9XHJcblxyXG4gICAgY2FyZ2FyTWVudUN1ZW50YSgpe1xyXG4gICAgICAgIGlmICh0aGlzLnVybEN1ZW50YVNlZ3VyaWRhZCAmJiB0aGlzLnRva2VuKSB7XHJcbiAgICAgICAgICAgIHZhciBoZWxwZXIgPSBuZXcgSnd0SGVscGVyU2VydmljZSgpO1xyXG4gICAgICAgICAgICBjb25zdCBkZWNvZGVkVG9rZW4gPSBoZWxwZXIuZGVjb2RlVG9rZW4odGhpcy50b2tlbik7XHJcbiAgICAgICAgICAgIHRoaXMubWVudVNlY3VuZGFyaW8gPSBbe1xyXG4gICAgICAgICAgICAgICAgdGl0dWxvOiBkZWNvZGVkVG9rZW5bXCJ1bmlxdWVfbmFtZVwiXSxcclxuICAgICAgICAgICAgICAgIGljb25vOiBcImFjY291bnRfY2lyY2xlXCIsXHJcbiAgICAgICAgICAgICAgICBoaWpvczogW1xyXG4gICAgICAgICAgICAgICAgICAgIHsgdGl0dWxvOiBkZWNvZGVkVG9rZW5bXCJ1bmlxdWVfbmFtZVwiXSwgdXJsOiBcIlwiLCBpY29ubzogXCJwZXJzb25cIiB9LFxyXG4gICAgICAgICAgICAgICAgICAgIHsgdGl0dWxvOiB0aGlzLm1lbnVJZGlvbWEgJiYgdGhpcy5tZW51SWRpb21hLkNhbWJpYXJDb250cmFzZW5uYSA/IHRoaXMubWVudUlkaW9tYS5DYW1iaWFyQ29udHJhc2VubmEgOiBcIkNhbWJpYXIgY29udHJhc2XDsWFcIiwgdXJsOiB0aGlzLnVybEN1ZW50YVNlZ3VyaWRhZCArIFwiQ2FtYmlvQ29udHJhc2VuYVwiLCBpY29ubzogXCJ2cG5fa2V5XCIgfSxcclxuICAgICAgICAgICAgICAgICAgICB7IHRpdHVsbzogdGhpcy5tZW51SWRpb21hICYmIHRoaXMubWVudUlkaW9tYS5DZXJyYXJTZXNpb24gPyB0aGlzLm1lbnVJZGlvbWEuQ2VycmFyU2VzaW9uIDogXCJDZXJyYXIgc2VzacOzblwiLCB1cmw6IHRoaXMudXJsQ3VlbnRhU2VndXJpZGFkICsgXCJDZXJyYXJTZXNpb25cIiwgaWNvbm86IFwiZXhpdF90b19hcHBcIiB9XSxcclxuICAgICAgICAgICAgfV07XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ==

package/esm5/lib/wm-menu.module.js

@@ -35,4 +35,4 @@ var WmMenuModule = /** @class */ (function () {
     return WmMenuModule;
 }());
 export { WmMenuModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid20tbWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly93bS1tZW51LyIsInNvdXJjZXMiOlsibGliL3dtLW1lbnUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFtQi9DO0lBQUE7SUFBNEIsQ0FBQztJQUFoQixZQUFZO1FBaEJ4QixRQUFRLENBQUM7WUFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7WUFDL0IsT0FBTyxFQUFFO2dCQUNQLGFBQWE7Z0JBQ2IsZ0JBQWdCO2dCQUNoQixnQkFBZ0I7Z0JBQ2hCLGFBQWE7Z0JBQ2IsZUFBZTtnQkFDZixhQUFhO2dCQUNiLGFBQWE7Z0JBQ2IsZUFBZTtnQkFDZixnQkFBZ0I7Z0JBQ2hCLFNBQVM7YUFDVjtZQUNELE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztTQUMzQixDQUFDO09BQ1csWUFBWSxDQUFJO0lBQUQsbUJBQUM7Q0FBQSxBQUE3QixJQUE2QjtTQUFoQixZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTWF0VG9vbGJhck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0U2lkZW5hdk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyBNYXRMaXN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGlzdCc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xuaW1wb3J0IHsgTWF0UmlwcGxlTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2NvcmVcIjtcblxuaW1wb3J0IHsgV21NZW51Q29tcG9uZW50IH0gZnJvbSAnLi93bS1tZW51L3dtLW1lbnUuY29tcG9uZW50JztcbmltcG9ydCB7IEh0dHBDbGllbnRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBCcm93c2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBKd3RNb2R1bGUgfSBmcm9tICdAYXV0aDAvYW5ndWxhci1qd3QnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1dtTWVudUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBCcm93c2VyTW9kdWxlLFxuICAgIE1hdFRvb2xiYXJNb2R1bGUsXG4gICAgTWF0U2lkZW5hdk1vZHVsZSxcbiAgICBNYXRMaXN0TW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdE1lbnVNb2R1bGUsXG4gICAgTWF0UmlwcGxlTW9kdWxlLFxuICAgIEh0dHBDbGllbnRNb2R1bGUsXG4gICAgSnd0TW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtXbU1lbnVDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFdtTWVudU1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid20tbWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly93bS1tZW51LyIsInNvdXJjZXMiOlsibGliL3dtLW1lbnUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFtQi9DO0lBQUE7SUFBNEIsQ0FBQztJQUFoQixZQUFZO1FBaEJ4QixRQUFRLENBQUM7WUFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7WUFDL0IsT0FBTyxFQUFFO2dCQUNQLGFBQWE7Z0JBQ2IsZ0JBQWdCO2dCQUNoQixnQkFBZ0I7Z0JBQ2hCLGFBQWE7Z0JBQ2IsZUFBZTtnQkFDZixhQUFhO2dCQUNiLGFBQWE7Z0JBQ2IsZUFBZTtnQkFDZixnQkFBZ0I7Z0JBQ2hCLFNBQVM7YUFDVjtZQUNELE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztTQUMzQixDQUFDO09BQ1csWUFBWSxDQUFJO0lBQUQsbUJBQUM7Q0FBQSxBQUE3QixJQUE2QjtTQUFoQixZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE1hdFRvb2xiYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sYmFyJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBNYXRTaWRlbmF2TW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcclxuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xyXG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbmltcG9ydCB7IE1hdFJpcHBsZU1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBXbU1lbnVDb21wb25lbnQgfSBmcm9tICcuL3dtLW1lbnUvd20tbWVudS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xyXG5pbXBvcnQgeyBCcm93c2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcbmltcG9ydCB7IEp3dE1vZHVsZSB9IGZyb20gJ0BhdXRoMC9hbmd1bGFyLWp3dCc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtXbU1lbnVDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIEJyb3dzZXJNb2R1bGUsXHJcbiAgICBNYXRUb29sYmFyTW9kdWxlLFxyXG4gICAgTWF0U2lkZW5hdk1vZHVsZSxcclxuICAgIE1hdExpc3RNb2R1bGUsXHJcbiAgICBNYXRCdXR0b25Nb2R1bGUsXHJcbiAgICBNYXRJY29uTW9kdWxlLFxyXG4gICAgTWF0TWVudU1vZHVsZSxcclxuICAgIE1hdFJpcHBsZU1vZHVsZSxcclxuICAgIEh0dHBDbGllbnRNb2R1bGUsXHJcbiAgICBKd3RNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtXbU1lbnVDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXbU1lbnVNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm5/public-api.js

@@ -4,4 +4,4 @@
 export * from './lib/wm-menu/wm-menu.component';
 export * from './lib/wm-menu/services/wm-menu-servicio.service';
 export * from './lib/wm-menu.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3dtLW1lbnUvIiwic291cmNlcyI6WyJwdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHdtLW1lbnVcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi93bS1tZW51L3dtLW1lbnUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3dtLW1lbnUvc2VydmljZXMvd20tbWVudS1zZXJ2aWNpby5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3dtLW1lbnUubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3dtLW1lbnUvIiwic291cmNlcyI6WyJwdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygd20tbWVudVxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3dtLW1lbnUvd20tbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi93bS1tZW51L3NlcnZpY2VzL3dtLW1lbnUtc2VydmljaW8uc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3dtLW1lbnUubW9kdWxlJztcclxuIl19

package/fesm2015/wm-menu.js

@@ -69,6 +69,29 @@ let WmMenuServicioService = class WmMenuServicioService {
         }
         return menu;
     }
+    menuIdiomasObtener(url, idUsuario, token) {
+        const headers = new HttpHeaders({
+            'Authorization': `Bearer ${token}`
+        });
+        return this.http.get(url).pipe(map(resp => {
+            return resp;
+        }), catchError(error => {
+            return throwError(error.error);
+        }));
+    }
+    almacenamientoApiObtener(url, idUsuario, token) {
+        const headers = new HttpHeaders({
+            'Authorization': `Bearer ${token}`
+        });
+        let myParams = new HttpParams();
+        if (idUsuario != null)
+            myParams = myParams.append("idUsuario", idUsuario.toString());
+        return this.http.get(url, { headers, params: myParams }).pipe(map(resp => {
+            return resp;
+        }), catchError(error => {
+            return throwError(error.error);
+        }));
+    }
 };
 WmMenuServicioService.ctorParameters = () => [
     { type: HttpClient },
@@ -87,8 +110,10 @@ let WmMenuComponent = class WmMenuComponent {
         this.wmMenuServicioService = wmMenuServicioService;
         this.menuSecundarioSel = new MenuSecundario();
         this.menuLateralAbierto = false;
+        this.menuIdioma = [];
     }
     ngOnInit() {
+        this.cargarMenuCuenta();
         if (this.urlMenu && this.token) {
             var helper = new JwtHelperService();
             const decodedToken = helper.decodeToken(this.token);
@@ -98,17 +123,26 @@ let WmMenuComponent = class WmMenuComponent {
                 this.menuPrincipal = this.wmMenuServicioService.mapearMenu(resp);
             });
         }
-        if (this.urlCuentaSeguridad && this.token) {
+        if (this.urlIdiomas && this.token) {
+            var helper = new JwtHelperService();
             const decodedToken = helper.decodeToken(this.token);
-            this.menuSecundario = [{
-                    titulo: decodedToken["unique_name"],
-                    icono: "account_circle",
-                    hijos: [
-                        { titulo: decodedToken["unique_name"], url: "", icono: "person" },
-                        { titulo: "Cambiar contraseña", url: this.urlCuentaSeguridad + "CambioContrasena", icono: "vpn_key" },
-                        { titulo: "Cerrar sesión", url: this.urlCuentaSeguridad + "CerrarSesion", icono: "exit_to_app" }
-                    ],
-                }];
+            this.wmMenuServicioService
+                .menuIdiomasObtener(this.urlIdiomas, decodedToken["id_usuario"], this.token)
+                .subscribe((resp) => {
+                this.menuIdioma = resp;
+                this.cargarMenuCuenta();
+            });
+        }
+        if (this.urlBaseAlmacenamiento && this.token) {
+            var helper = new JwtHelperService();
+            const decodedToken = helper.decodeToken(this.token);
+            this.wmMenuServicioService
+                .almacenamientoApiObtener(this.urlBaseAlmacenamiento, decodedToken["id_usuario"], this.token)
+                .subscribe((resp) => {
+                let utilizado = resp[0] && resp[0].Utilizado ? resp[0].Utilizado : 0;
+                let total = resp[0] && resp[0].Total ? resp[0].Total : 0;
+                this.porcentajeUtilizado = Math.round((utilizado / total) * 100);
+            });
         }
     }
     clickMenuPrincipal(i) {
@@ -125,6 +159,21 @@ let WmMenuComponent = class WmMenuComponent {
         this.menuSecundarioSel = this.menuSecundario[i];
         this.menuPrincipalSel = null;
     }
+    cargarMenuCuenta() {
+        if (this.urlCuentaSeguridad && this.token) {
+            var helper = new JwtHelperService();
+            const decodedToken = helper.decodeToken(this.token);
+            this.menuSecundario = [{
+                    titulo: decodedToken["unique_name"],
+                    icono: "account_circle",
+                    hijos: [
+                        { titulo: decodedToken["unique_name"], url: "", icono: "person" },
+                        { titulo: this.menuIdioma && this.menuIdioma.CambiarContrasenna ? this.menuIdioma.CambiarContrasenna : "Cambiar contraseña", url: this.urlCuentaSeguridad + "CambioContrasena", icono: "vpn_key" },
+                        { titulo: this.menuIdioma && this.menuIdioma.CerrarSesion ? this.menuIdioma.CerrarSesion : "Cerrar sesión", url: this.urlCuentaSeguridad + "CerrarSesion", icono: "exit_to_app" }
+                    ],
+                }];
+        }
+    }
 };
 WmMenuComponent.ctorParameters = () => [
     { type: WmMenuServicioService }
@@ -164,12 +213,15 @@ __decorate([
 ], WmMenuComponent.prototype, "versionWeb", void 0);
 __decorate([
     Input()
-], WmMenuComponent.prototype, "textoAlertaAlmacenamiento", void 0);
+], WmMenuComponent.prototype, "urlBaseAlmacenamiento", void 0);
+__decorate([
+    Input()
+], WmMenuComponent.prototype, "urlIdiomas", 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 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=\"textoAlertaAlmacenamiento && textoAlertaAlmacenamiento != ''\">{{textoAlertaAlmacenamiento}}</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}"]
+        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 class=\"datos border-r mt-1\" *ngIf=\"nombreCliente\">{{nombreCliente}}<mat-icon>people</mat-icon></div>\r\n        <div class=\"datos border-r mt-1\" *ngIf=\"nombreUsuario\">{{nombreUsuario}}<mat-icon>person_outline</mat-icon></div>\r\n        <div class=\"version\" *ngIf=\"versionWeb\">{{versionWeb}}</div>\r\n        <div class=\"content-idioma\" *ngIf=\"urlIdiomas\">\r\n            <mat-menu #menuIdiomas=\"matMenu\">\r\n                <a mat-menu-item *ngFor=\"let menuItem of menuIdioma.Culturas\" href=\"{{urlCuentaSeguridad}}CambiarIdioma?culture={{menuItem.Name}}&ReturnUrl=/\">\r\n                    {{menuItem.NativeName}}\r\n                </a>\r\n            </mat-menu>\r\n            <button mat-button [matMenuTriggerFor]=\"menuIdiomas\"><label class=\"mt-1\">{{menuIdioma.Lenguaje}}</label><mat-icon class=\"icon-idioma\">language</mat-icon></button>\r\n        </div>\r\n\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 .d-lg-block .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 .border-r{border-right:1px solid #fff}.menu .info-adicional .version{margin:7px 0 0 7px}.menu .info-adicional div.datos{margin:0 2px 0 5px;height:28px}.menu .info-adicional .mat-icon{vertical-align:middle;font-size:17px;color:#fff;line-height:21px;margin-left:2px}.menu .info-adicional button{padding:0 0 0 15px}.menu .info-adicional .content-idioma{margin:-5px 2px 0 5px;display:block;cursor:pointer}.menu .info-adicional .icon-idioma{font-size:17px!important;vertical-align:text-top!important;color:#fffc}.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);
 

package/fesm2015/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    @Input() nombreCliente: string;\n    @Input() nombreUsuario: string;\n    @Input() versionWeb: string;\n    @Input() textoAlertaAlmacenamiento : 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    menuIdiomasObtener(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        return this.http.get(url).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    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    @Input() urlIdiomas: string;\r\n\r\n    menuPrincipalSel: MenuPrincipal;\r\n    menuSecundarioSel: MenuSecundario = new MenuSecundario();\r\n    menuLateralAbierto: Boolean = false;\r\n    porcentajeUtilizado : number;\r\n    menuIdioma : any = [];\r\n\r\n    constructor(private wmMenuServicioService: WmMenuServicioService) { }\r\n\r\n    ngOnInit(): void {\r\n        \r\n        this.cargarMenuCuenta();\r\n\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.urlIdiomas && this.token) {\r\n            var helper = new JwtHelperService();\r\n            const decodedToken = helper.decodeToken(this.token);\r\n            this.wmMenuServicioService\r\n                .menuIdiomasObtener(this.urlIdiomas, decodedToken[\"id_usuario\"], this.token)\r\n                .subscribe((resp) => {\r\n                   this.menuIdioma = resp;\r\n                   this.cargarMenuCuenta();\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    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    cargarMenuCuenta(){\r\n        if (this.urlCuentaSeguridad && this.token) {\r\n            var helper = new JwtHelperService();\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: this.menuIdioma && this.menuIdioma.CambiarContrasenna ? this.menuIdioma.CambiarContrasenna : \"Cambiar contraseña\", url: this.urlCuentaSeguridad + \"CambioContrasena\", icono: \"vpn_key\" },\r\n                    { titulo: this.menuIdioma && this.menuIdioma.CerrarSesion ? this.menuIdioma.CerrarSesion : \"Cerrar sesión\", url: this.urlCuentaSeguridad + \"CerrarSesion\", icono: \"exit_to_app\" }],\r\n            }];\r\n        }\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/fesm5/wm-menu.js

@@ -73,6 +73,29 @@ var WmMenuServicioService = /** @class */ (function () {
         }
         return menu;
     };
+    WmMenuServicioService.prototype.menuIdiomasObtener = function (url, idUsuario, token) {
+        var headers = new HttpHeaders({
+            'Authorization': "Bearer " + token
+        });
+        return this.http.get(url).pipe(map(function (resp) {
+            return resp;
+        }), catchError(function (error) {
+            return throwError(error.error);
+        }));
+    };
+    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 },
@@ -92,9 +115,11 @@ var WmMenuComponent = /** @class */ (function () {
         this.wmMenuServicioService = wmMenuServicioService;
         this.menuSecundarioSel = new MenuSecundario();
         this.menuLateralAbierto = false;
+        this.menuIdioma = [];
     }
     WmMenuComponent.prototype.ngOnInit = function () {
         var _this = this;
+        this.cargarMenuCuenta();
         if (this.urlMenu && this.token) {
             var helper = new JwtHelperService();
             var decodedToken = helper.decodeToken(this.token);
@@ -104,17 +129,26 @@ var WmMenuComponent = /** @class */ (function () {
                 _this.menuPrincipal = _this.wmMenuServicioService.mapearMenu(resp);
             });
         }
-        if (this.urlCuentaSeguridad && this.token) {
+        if (this.urlIdiomas && this.token) {
+            var helper = new JwtHelperService();
             var decodedToken = helper.decodeToken(this.token);
-            this.menuSecundario = [{
-                    titulo: decodedToken["unique_name"],
-                    icono: "account_circle",
-                    hijos: [
-                        { titulo: decodedToken["unique_name"], url: "", icono: "person" },
-                        { titulo: "Cambiar contraseña", url: this.urlCuentaSeguridad + "CambioContrasena", icono: "vpn_key" },
-                        { titulo: "Cerrar sesión", url: this.urlCuentaSeguridad + "CerrarSesion", icono: "exit_to_app" }
-                    ],
-                }];
+            this.wmMenuServicioService
+                .menuIdiomasObtener(this.urlIdiomas, decodedToken["id_usuario"], this.token)
+                .subscribe(function (resp) {
+                _this.menuIdioma = resp;
+                _this.cargarMenuCuenta();
+            });
+        }
+        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) {
@@ -131,6 +165,21 @@ var WmMenuComponent = /** @class */ (function () {
         this.menuSecundarioSel = this.menuSecundario[i];
         this.menuPrincipalSel = null;
     };
+    WmMenuComponent.prototype.cargarMenuCuenta = function () {
+        if (this.urlCuentaSeguridad && this.token) {
+            var helper = new JwtHelperService();
+            var decodedToken = helper.decodeToken(this.token);
+            this.menuSecundario = [{
+                    titulo: decodedToken["unique_name"],
+                    icono: "account_circle",
+                    hijos: [
+                        { titulo: decodedToken["unique_name"], url: "", icono: "person" },
+                        { titulo: this.menuIdioma && this.menuIdioma.CambiarContrasenna ? this.menuIdioma.CambiarContrasenna : "Cambiar contraseña", url: this.urlCuentaSeguridad + "CambioContrasena", icono: "vpn_key" },
+                        { titulo: this.menuIdioma && this.menuIdioma.CerrarSesion ? this.menuIdioma.CerrarSesion : "Cerrar sesión", url: this.urlCuentaSeguridad + "CerrarSesion", icono: "exit_to_app" }
+                    ],
+                }];
+        }
+    };
     WmMenuComponent.ctorParameters = function () { return [
         { type: WmMenuServicioService }
     ]; };
@@ -169,12 +218,15 @@ var WmMenuComponent = /** @class */ (function () {
     ], WmMenuComponent.prototype, "versionWeb", void 0);
     __decorate([
         Input()
-    ], WmMenuComponent.prototype, "textoAlertaAlmacenamiento", void 0);
+    ], WmMenuComponent.prototype, "urlBaseAlmacenamiento", void 0);
+    __decorate([
+        Input()
+    ], WmMenuComponent.prototype, "urlIdiomas", 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 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=\"textoAlertaAlmacenamiento && textoAlertaAlmacenamiento != ''\">{{textoAlertaAlmacenamiento}}</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}"]
+            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 class=\"datos border-r mt-1\" *ngIf=\"nombreCliente\">{{nombreCliente}}<mat-icon>people</mat-icon></div>\r\n        <div class=\"datos border-r mt-1\" *ngIf=\"nombreUsuario\">{{nombreUsuario}}<mat-icon>person_outline</mat-icon></div>\r\n        <div class=\"version\" *ngIf=\"versionWeb\">{{versionWeb}}</div>\r\n        <div class=\"content-idioma\" *ngIf=\"urlIdiomas\">\r\n            <mat-menu #menuIdiomas=\"matMenu\">\r\n                <a mat-menu-item *ngFor=\"let menuItem of menuIdioma.Culturas\" href=\"{{urlCuentaSeguridad}}CambiarIdioma?culture={{menuItem.Name}}&ReturnUrl=/\">\r\n                    {{menuItem.NativeName}}\r\n                </a>\r\n            </mat-menu>\r\n            <button mat-button [matMenuTriggerFor]=\"menuIdiomas\"><label class=\"mt-1\">{{menuIdioma.Lenguaje}}</label><mat-icon class=\"icon-idioma\">language</mat-icon></button>\r\n        </div>\r\n\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 .d-lg-block .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 .border-r{border-right:1px solid #fff}.menu .info-adicional .version{margin:7px 0 0 7px}.menu .info-adicional div.datos{margin:0 2px 0 5px;height:28px}.menu .info-adicional .mat-icon{vertical-align:middle;font-size:17px;color:#fff;line-height:21px;margin-left:2px}.menu .info-adicional button{padding:0 0 0 15px}.menu .info-adicional .content-idioma{margin:-5px 2px 0 5px;display:block;cursor:pointer}.menu .info-adicional .icon-idioma{font-size:17px!important;vertical-align:text-top!important;color:#fffc}.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;