wm-menu 1.3.0 → 1.5.0

package/bundles/wm-menu.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('rxjs/operators'), require('rxjs'), require('@angular/platform-browser'), require('@angular/material/icon'), require('@auth0/angular-jwt'), require('@angular/material/toolbar'), require('@angular/material/sidenav'), require('@angular/material/list'), require('@angular/material/button'), require('@angular/material/menu'), require('@angular/material/core')) :
-    typeof define === 'function' && define.amd ? define('wm-menu', ['exports', '@angular/core', '@angular/common/http', 'rxjs/operators', 'rxjs', '@angular/platform-browser', '@angular/material/icon', '@auth0/angular-jwt', '@angular/material/toolbar', '@angular/material/sidenav', '@angular/material/list', '@angular/material/button', '@angular/material/menu', '@angular/material/core'], factory) :
-    (global = global || self, factory(global['wm-menu'] = {}, global.ng.core, global.ng.common.http, global.rxjs.operators, global.rxjs, global.ng.platformBrowser, global.ng.material.icon, global.angularJwt, global.ng.material.toolbar, global.ng.material.sidenav, global.ng.material.list, global.ng.material.button, global.ng.material.menu, global.ng.material.core));
-}(this, (function (exports, core, http, operators, rxjs, platformBrowser, icon, angularJwt, toolbar, sidenav, list, button, menu, core$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('rxjs/operators'), require('rxjs'), require('@angular/platform-browser'), require('@angular/material/icon'), require('@auth0/angular-jwt'), require('@angular/material/toolbar'), require('@angular/material/sidenav'), require('@angular/material/list'), require('@angular/material/button'), require('@angular/material/menu'), require('@angular/material/table'), require('@angular/material/tooltip'), require('@angular/material/core'), require('@angular/forms')) :
+    typeof define === 'function' && define.amd ? define('wm-menu', ['exports', '@angular/core', '@angular/common/http', 'rxjs/operators', 'rxjs', '@angular/platform-browser', '@angular/material/icon', '@auth0/angular-jwt', '@angular/material/toolbar', '@angular/material/sidenav', '@angular/material/list', '@angular/material/button', '@angular/material/menu', '@angular/material/table', '@angular/material/tooltip', '@angular/material/core', '@angular/forms'], factory) :
+    (global = global || self, factory(global['wm-menu'] = {}, global.ng.core, global.ng.common.http, global.rxjs.operators, global.rxjs, global.ng.platformBrowser, global.ng.material.icon, global.angularJwt, global.ng.material.toolbar, global.ng.material.sidenav, global.ng.material.list, global.ng.material.button, global.ng.material.menu, global.ng.material.table, global.ng.material.tooltip, global.ng.material.core, global.ng.forms));
+}(this, (function (exports, core, http, operators, rxjs, platformBrowser, icon, angularJwt, toolbar, sidenav, list, button, menu, table, tooltip, core$1, forms) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -310,6 +310,14 @@
                 return rxjs.throwError(error.error);
             }));
         };
+        // Funciones (permisos) del usuario autenticado, para gatear features del menú como el
+        // asistente "Pregúntale a tus datos" (CodigoLogica === 'WebChatConsultaIA').
+        WmMenuServicioService.prototype.funcionesObtener = function (url, token) {
+            var headers = new http.HttpHeaders({
+                'Authorization': "Bearer " + token
+            });
+            return this.http.get(url, { headers: headers }).pipe(operators.map(function (resp) { return resp; }), operators.catchError(function (error) { return rxjs.throwError(error.error); }));
+        };
         WmMenuServicioService.ctorParameters = function () { return [
             { type: http.HttpClient },
             { type: icon.MatIconRegistry },
@@ -478,19 +486,82 @@
         return WmMenuAlertaPanicoService;
     }());
 
+    // Material Symbols Outlined (rellena) registrada con un nombre propio para que no choque con la
+    // versión de Material Symbols o Material Icons que cargue la página que aloja el menú.
+    var FAMILIA = 'WM Menu Symbols';
+    var URL_CSS = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0';
+    var WmMenuFuenteIconosService = /** @class */ (function () {
+        function WmMenuFuenteIconosService() {
+            this.iniciada = false;
+        }
+        WmMenuFuenteIconosService.prototype.cargar = function () {
+            if (this.iniciada) {
+                return;
+            }
+            this.iniciada = true;
+            var estilo = document.createElement('style');
+            estilo.textContent = ".wm-menu-iconos {\n      font-family: '" + FAMILIA + "';\n      font-weight: normal;\n      font-style: normal;\n      font-size: 24px;\n      line-height: 1;\n      letter-spacing: normal;\n      text-transform: none;\n      display: inline-block;\n      white-space: nowrap;\n      word-wrap: normal;\n      direction: ltr;\n      font-feature-settings: 'liga';\n      -webkit-font-smoothing: antialiased;\n    }";
+            document.head.appendChild(estilo);
+            // Oculta los iconos mientras carga la fuente para que no se vea el nombre del icono como texto.
+            var ocultar = document.createElement('style');
+            ocultar.textContent = '.wm-menu-iconos { visibility: hidden; }';
+            document.head.appendChild(ocultar);
+            // Se lee la URL del archivo desde el CSS de Google Fonts en lugar de fijarla, porque cambia con cada versión.
+            fetch(URL_CSS)
+                .then(function (resp) { return resp.text(); })
+                .then(function (css) {
+                var urlFuente = /url\(([^)]+)\)/.exec(css)[1];
+                var fuente = new window.FontFace(FAMILIA, "url(" + urlFuente + ")");
+                document.fonts.add(fuente);
+                return fuente.load();
+            })
+                .catch(function (error) { return console.error('wm-menu: no se pudo cargar la fuente de iconos', error); })
+                .then(function () { return document.head.removeChild(ocultar); });
+        };
+        WmMenuFuenteIconosService.ɵprov = core.ɵɵdefineInjectable({ factory: function WmMenuFuenteIconosService_Factory() { return new WmMenuFuenteIconosService(); }, token: WmMenuFuenteIconosService, providedIn: "root" });
+        WmMenuFuenteIconosService = __decorate([
+            core.Injectable({
+                providedIn: 'root'
+            })
+        ], WmMenuFuenteIconosService);
+        return WmMenuFuenteIconosService;
+    }());
+
     var WmMenuComponent = /** @class */ (function () {
-        function WmMenuComponent(wmMenuServicioService, alertaPanicoService) {
+        function WmMenuComponent(wmMenuServicioService, alertaPanicoService, fuenteIconosService) {
             this.wmMenuServicioService = wmMenuServicioService;
             this.alertaPanicoService = alertaPanicoService;
+            this.fuenteIconosService = fuenteIconosService;
+            this.mostrarAsistente = false;
+            this.idiomaAsistente = 'es-CO';
+            this.asistenteAbierto = false;
+            this.funcionesUsuario = [];
             this.menuSecundarioSel = new MenuSecundario();
             this.menuLateralAbierto = false;
             this.menuIdioma = [];
             this.intervaloPeticionesMs = 60000;
         }
+        Object.defineProperty(WmMenuComponent.prototype, "puedeAsistente", {
+            get: function () {
+                var forzado = this.mostrarAsistente === true || this.mostrarAsistente === 'true' || this.mostrarAsistente === '1';
+                var tienePermiso = this.funcionesUsuario.some(function (f) { return f.CodigoLogica === 'WebChatConsultaIA'; });
+                return forzado || tienePermiso;
+            },
+            enumerable: true,
+            configurable: true
+        });
         WmMenuComponent.prototype.ngOnInit = function () {
             var _this = this;
+            this.fuenteIconosService.cargar();
             this.cargarMenuCuenta();
             this.alertaPanicoService.iniciarProceso(this.intervaloPeticionesMs, function () { return _this.alertaPanicoService.revisarAlertasPendientes(_this.urlObtenerAlertasPanico, _this.token); }, this.urlObtenerParametro, this.token, this.rutaAudio);
+            // Carga las funciones del usuario para gatear el asistente (puedeAsistente / WebChatConsultaIA).
+            // Si falla (ej. 401), queda vacía y el asistente no se muestra.
+            if (this.urlObtenerFunciones && this.token) {
+                this.wmMenuServicioService
+                    .funcionesObtener(this.urlObtenerFunciones, this.token)
+                    .subscribe(function (resp) { _this.funcionesUsuario = (resp !== null && resp !== void 0 ? resp : []); }, function () { _this.funcionesUsuario = []; });
+            }
             if (this.urlMenu && this.token) {
                 var helper = new angularJwt.JwtHelperService();
                 var decodedToken = helper.decodeToken(this.token);
@@ -556,7 +627,8 @@
         };
         WmMenuComponent.ctorParameters = function () { return [
             { type: WmMenuServicioService },
-            { type: WmMenuAlertaPanicoService }
+            { type: WmMenuAlertaPanicoService },
+            { type: WmMenuFuenteIconosService }
         ]; };
         __decorate([
             core.Input()
@@ -612,30 +684,353 @@
         __decorate([
             core.Input()
         ], WmMenuComponent.prototype, "urlIdiomas", void 0);
+        __decorate([
+            core.Input()
+        ], WmMenuComponent.prototype, "urlObtenerFunciones", void 0);
+        __decorate([
+            core.Input()
+        ], WmMenuComponent.prototype, "mostrarAsistente", void 0);
+        __decorate([
+            core.Input()
+        ], WmMenuComponent.prototype, "urlAsistenteConsultar", void 0);
+        __decorate([
+            core.Input()
+        ], WmMenuComponent.prototype, "idiomaAsistente", void 0);
         WmMenuComponent = __decorate([
             core.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 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}"]
+                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 fontSet=\"wm-menu-iconos\" *ngIf=\"!menuLateralAbierto\" class=\"animate__animated animate__fadeInRight animate__faster\">menu\r\n            </mat-icon>\r\n            <mat-icon fontSet=\"wm-menu-iconos\" *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 boton-asistente-datos\" *ngIf=\"puedeAsistente\" matTooltip=\"Preg\u00FAntale a tus datos\" (click)=\"asistenteAbierto = !asistenteAbierto\">\r\n            <span class=\"icono-asistente-fab\"></span>\r\n        </div>\r\n        <div class=\"datos border-r mt-1\" *ngIf=\"nombreCliente\">{{nombreCliente}}<mat-icon fontSet=\"wm-menu-iconos\">people</mat-icon></div>\r\n        <div class=\"datos border-r mt-1\" *ngIf=\"nombreUsuario\">{{nombreUsuario}}<mat-icon fontSet=\"wm-menu-iconos\">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 fontSet=\"wm-menu-iconos\" 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 fontSet=\"wm-menu-iconos\" *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 fontSet=\"wm-menu-iconos\">{{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 fontSet=\"wm-menu-iconos\">{{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 fontSet=\"wm-menu-iconos\">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>\r\n\r\n<!-- Asistente \"Preg\u00FAntale a tus datos\": panel flotante que se abre desde el bot\u00F3n del men\u00FA. -->\r\n<wm-asistente-datos *ngIf=\"puedeAsistente\" [abierto]=\"asistenteAbierto\" [urlConsultar]=\"urlAsistenteConsultar\"\r\n    [idioma]=\"idiomaAsistente\" (cerrarChange)=\"asistenteAbierto = false\"></wm-asistente-datos>",
+                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 .boton-asistente-datos{cursor:pointer;padding-right:10px}.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}.icono-asistente-fab{display:inline-block;width:32px;height:32px;vertical-align:middle;background:url(data:image/png;base64,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) center/contain no-repeat}"]
             })
         ], WmMenuComponent);
         return WmMenuComponent;
     }());
 
+    // Envoltorio de la Web Speech API (SpeechRecognition) del navegador — dictado de voz a texto,
+    // 100% cliente, sin backend. Soportado en Chrome/Edge; SIN soporte en Firefox y de forma
+    // inconsistente en Safari (limitación real del navegador, no de esta implementación).
+    var ReconocimientoVozService = /** @class */ (function () {
+        function ReconocimientoVozService() {
+            this.reconocimiento = null;
+        }
+        ReconocimientoVozService.prototype.estaSoportado = function () {
+            return !!(this.obtenerConstructor());
+        };
+        // onResultado se llama con el texto reconocido hasta el momento (incluye resultados
+        // provisionales — interimResults: true — para que el cuadro de texto se vea llenar en vivo).
+        // onFin se llama cuando el reconocimiento termina, ya sea porque el navegador detectó una
+        // pausa (continuous: false) o porque se llamó a detener().
+        ReconocimientoVozService.prototype.iniciar = function (idioma, onResultado, onFin) {
+            var _this = this;
+            var SpeechRecognitionCtor = this.obtenerConstructor();
+            if (!SpeechRecognitionCtor) {
+                onFin();
+                return;
+            }
+            this.detener();
+            this.reconocimiento = new SpeechRecognitionCtor();
+            this.reconocimiento.lang = idioma;
+            this.reconocimiento.continuous = false;
+            this.reconocimiento.interimResults = true;
+            this.reconocimiento.onresult = function (evento) {
+                var texto = Array.from(evento.results)
+                    .map(function (resultado) { return resultado[0].transcript; })
+                    .join(' ');
+                onResultado(texto);
+            };
+            this.reconocimiento.onerror = function (evento) {
+                var _a;
+                // Motivos típicos (event.error de SpeechRecognitionErrorEvent): "not-allowed" (permiso de
+                // micrófono denegado o sitio sin HTTPS/localhost), "no-speech", "audio-capture" (sin
+                // micrófono), "network". Se deja en consola porque no hay backend que lo registre y el
+                // navegador no explica el motivo en la UI.
+                console.error('Reconocimiento de voz: error -', (_a = evento) === null || _a === void 0 ? void 0 : _a.error);
+                _this.reconocimiento = null;
+                onFin();
+            };
+            this.reconocimiento.onend = function () {
+                _this.reconocimiento = null;
+                onFin();
+            };
+            try {
+                this.reconocimiento.start();
+            }
+            catch (e) {
+                console.error('Reconocimiento de voz: no se pudo iniciar -', e);
+                this.reconocimiento = null;
+                onFin();
+            }
+        };
+        ReconocimientoVozService.prototype.detener = function () {
+            if (this.reconocimiento) {
+                this.reconocimiento.onend = null;
+                this.reconocimiento.onerror = null;
+                this.reconocimiento.stop();
+                this.reconocimiento = null;
+            }
+        };
+        ReconocimientoVozService.prototype.obtenerConstructor = function () {
+            return window.SpeechRecognition || window.webkitSpeechRecognition || null;
+        };
+        ReconocimientoVozService.ɵprov = core.ɵɵdefineInjectable({ factory: function ReconocimientoVozService_Factory() { return new ReconocimientoVozService(); }, token: ReconocimientoVozService, providedIn: "root" });
+        ReconocimientoVozService = __decorate([
+            core.Injectable({
+                providedIn: 'root',
+            })
+        ], ReconocimientoVozService);
+        return ReconocimientoVozService;
+    }());
+
+    var AsistenteDatosApiService = /** @class */ (function () {
+        function AsistenteDatosApiService(http) {
+            this.http = http;
+            // La fija el componente desde su @Input urlConsultar (reemplaza WmChatConfigService.urlConsultar).
+            this.url = '';
+            // Mismo origen del JWT que WmSeguridadService.getJWT() en wm-chat: localStorage['WMTKN'],
+            // descartado si está vencido. Se replica aquí para que el header Authorization sea idéntico
+            // al del chat original sin depender de un servicio de config externo.
+            this.TOKEN_KEY = 'WMTKN';
+            this.jwtHelper = new angularJwt.JwtHelperService();
+        }
+        AsistenteDatosApiService.prototype.consultar = function (pregunta, proveedor) {
+            var headers = new http.HttpHeaders({
+                Authorization: "Bearer " + this.obtenerJWT(),
+                'Content-Type': 'application/json; charset=utf-8',
+            });
+            return this.http
+                .post(this.url, { Pregunta: pregunta, Proveedor: proveedor }, { headers: headers })
+                .pipe(operators.catchError(function (error) {
+                return rxjs.throwError(error.error);
+            }));
+        };
+        AsistenteDatosApiService.prototype.obtenerJWT = function () {
+            var jwt = localStorage.getItem(this.TOKEN_KEY);
+            if (jwt) {
+                try {
+                    return this.jwtHelper.isTokenExpired(jwt) ? null : jwt;
+                }
+                catch (_a) { }
+            }
+            return null;
+        };
+        AsistenteDatosApiService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        AsistenteDatosApiService.ɵprov = core.ɵɵdefineInjectable({ factory: function AsistenteDatosApiService_Factory() { return new AsistenteDatosApiService(core.ɵɵinject(http.HttpClient)); }, token: AsistenteDatosApiService, providedIn: "root" });
+        AsistenteDatosApiService = __decorate([
+            core.Injectable({
+                providedIn: 'root',
+            })
+        ], AsistenteDatosApiService);
+        return AsistenteDatosApiService;
+    }());
+
+    var AsistenteDatosComponent = /** @class */ (function () {
+        function AsistenteDatosComponent(asistenteDatosApiService, reconocimientoVoz) {
+            this.asistenteDatosApiService = asistenteDatosApiService;
+            this.reconocimientoVoz = reconocimientoVoz;
+            // La apertura/cierre del panel la controla el padre (el menú). El panel solo se renderiza
+            // cuando `abierto` es true y avisa, vía `cerrarChange`, cuando el usuario toca la X.
+            this.abierto = false;
+            // Idioma para el reconocimiento de voz (Web Speech API).
+            this.idioma = 'es-CO';
+            this.cerrarChange = new core.EventEmitter();
+            this.mensajes = [];
+            this.borrador = '';
+            // Alterna el alto de la caja del mensaje (compacta ↔ expandida), igual que el "pedir cambios"
+            // del asistente de IA del generador de formularios (ver filasBorrador / onClickExpandirBorrador).
+            this.borradorExpandido = false;
+            this.consultando = false;
+            // "Gemini" o "Groq" — mismo selector que el asistente de generación de formularios
+            // (ver ProveedorIAServicio en el backend).
+            this.proveedorSeleccionado = 'Gemini';
+            // Dictado por voz (Web Speech API) — sin soporte en Firefox, inconsistente en Safari.
+            this.escuchando = false;
+            // Preguntas ya verificadas como respondibles hoy (whitelist + contrato de la IA — ver
+            // ChatConsultaWhitelistServicio/ChatConsultaPromptServicio en el backend), mostradas como chips
+            // de sugerencia en el estado vacío del chat.
+            this.chipsSugeridos = [
+                '¿Cuántos formularios se diligenciaron hoy?',
+                '¿Cuántos formularios se diligenciaron esta semana?',
+                'Muéstrame los últimos 10 formularios diligenciados',
+            ];
+        }
+        Object.defineProperty(AsistenteDatosComponent.prototype, "urlConsultar", {
+            // URL del POST de consulta. Se refleja en el api service (propiedad `url`), que es donde se usa.
+            set: function (valor) {
+                if (valor) {
+                    this.asistenteDatosApiService.url = valor;
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        // El padre abre/cierra el panel; aquí solo se avisa que el usuario pidió cerrarlo (botón X).
+        AsistenteDatosComponent.prototype.cerrar = function () {
+            this.cerrarChange.emit();
+        };
+        Object.defineProperty(AsistenteDatosComponent.prototype, "filasBorrador", {
+            // Caja del mensaje compacta (1 fila, como era el chat originalmente) ↔ expandida (6 filas).
+            // El botón de expandir es el mismo patrón del "pedir cambios" del generador.
+            get: function () {
+                return this.borradorExpandido ? 6 : 1;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AsistenteDatosComponent.prototype.onClickExpandirBorrador = function () {
+            this.borradorExpandido = !this.borradorExpandido;
+        };
+        Object.defineProperty(AsistenteDatosComponent.prototype, "micDisponible", {
+            get: function () {
+                return this.reconocimientoVoz.estaSoportado();
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AsistenteDatosComponent.prototype.onClickMicrofono = function () {
+            var _this = this;
+            if (this.escuchando) {
+                this.reconocimientoVoz.detener();
+                this.escuchando = false;
+                return;
+            }
+            if (!this.reconocimientoVoz.estaSoportado()) {
+                return;
+            }
+            // El resultado del reconocimiento no incluye lo que ya estaba escrito — se guarda antes de
+            // empezar y se antepone en cada actualización (que llega con la transcripción COMPLETA de
+            // esta sesión de escucha, no un incremento) para no perder lo que ya había en el campo.
+            var textoPrevio = this.borrador.trim();
+            this.escuchando = true;
+            this.reconocimientoVoz.iniciar(this.idioma, function (texto) { return (_this.borrador = textoPrevio ? textoPrevio + " " + texto : texto); }, function () { return (_this.escuchando = false); });
+        };
+        AsistenteDatosComponent.prototype.onClickEnviar = function (textoPreset) {
+            var _this = this;
+            var pregunta = ((textoPreset !== null && textoPreset !== void 0 ? textoPreset : this.borrador)).trim();
+            if (!pregunta || this.consultando) {
+                return;
+            }
+            this.mensajes.push({ deUsuario: true, texto: pregunta });
+            this.borrador = '';
+            // Sin url de consulta no se hace la petición: el usuario ve el mismo error genérico que
+            // cuando la API falla.
+            if (!this.asistenteDatosApiService.url) {
+                this.mensajes.push({
+                    deUsuario: false,
+                    texto: 'No se pudo procesar la consulta.',
+                    esError: true,
+                });
+                this.scrollAlFinal();
+                return;
+            }
+            this.consultando = true;
+            this.scrollAlFinal();
+            this.asistenteDatosApiService.consultar(pregunta, this.proveedorSeleccionado).subscribe({
+                // El tipo (RespuestaAsistenteDatos) se infiere del Observable: importar la interfaz
+                // dejaba un import a un símbolo inexistente en el JS de la librería (aviso de rollup).
+                next: function (respuesta) {
+                    var _a;
+                    _this.consultando = false;
+                    _this.mensajes.push({
+                        deUsuario: false,
+                        descripcion: respuesta.Descripcion,
+                        resultado: (_a = respuesta.Resultado, (_a !== null && _a !== void 0 ? _a : [])),
+                        proveedor: respuesta.Proveedor,
+                    });
+                    _this.scrollAlFinal();
+                },
+                error: function (error) {
+                    var _a;
+                    _this.consultando = false;
+                    _this.mensajes.push({
+                        deUsuario: false,
+                        texto: ((_a = error) === null || _a === void 0 ? void 0 : _a.Mensaje) || 'No se pudo procesar la consulta.',
+                        esError: true,
+                    });
+                    _this.scrollAlFinal();
+                },
+            });
+        };
+        // El nuevo mensaje recién se refleja en el DOM después del siguiente ciclo de detección de
+        // cambios — por eso el scrollTop se ajusta en un setTimeout(0), no inmediatamente después del
+        // push, para que scrollHeight ya incluya el mensaje agregado.
+        AsistenteDatosComponent.prototype.scrollAlFinal = function () {
+            var _this = this;
+            setTimeout(function () {
+                var _a;
+                var elemento = (_a = _this.mensajesContainer) === null || _a === void 0 ? void 0 : _a.nativeElement;
+                if (elemento) {
+                    elemento.scrollTop = elemento.scrollHeight;
+                }
+            });
+        };
+        AsistenteDatosComponent.prototype.columnasDe = function (resultado) {
+            return resultado.length ? Object.keys(resultado[0]) : [];
+        };
+        // El backend devuelve un conteo (ChatConsultaIAServicio.EjecutarConteo) como una sola fila con
+        // una sola columna llamada literalmente "Resultado" — se muestra como número grande en vez de
+        // como tabla de una celda.
+        AsistenteDatosComponent.prototype.esConteo = function (resultado) {
+            var _a;
+            return ((_a = resultado) === null || _a === void 0 ? void 0 : _a.length) === 1 && Object.keys(resultado[0]).length === 1 && 'Resultado' in resultado[0];
+        };
+        // Listado con una sola columna (ej. una lista de nombres/ids) — se muestra como texto simple
+        // en vez de una tabla de una sola columna repetida.
+        AsistenteDatosComponent.prototype.esListaSimple = function (resultado) {
+            var _a;
+            return ((_a = resultado) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.esConteo(resultado) && this.columnasDe(resultado).length === 1;
+        };
+        AsistenteDatosComponent.prototype.textoListaSimple = function (resultado) {
+            var columna = this.columnasDe(resultado)[0];
+            return resultado.map(function (fila) { return fila[columna]; }).join(', ');
+        };
+        AsistenteDatosComponent.ctorParameters = function () { return [
+            { type: AsistenteDatosApiService },
+            { type: ReconocimientoVozService }
+        ]; };
+        __decorate([
+            core.ViewChild('mensajesContainer')
+        ], AsistenteDatosComponent.prototype, "mensajesContainer", void 0);
+        __decorate([
+            core.Input()
+        ], AsistenteDatosComponent.prototype, "abierto", void 0);
+        __decorate([
+            core.Input()
+        ], AsistenteDatosComponent.prototype, "urlConsultar", null);
+        __decorate([
+            core.Input()
+        ], AsistenteDatosComponent.prototype, "idioma", void 0);
+        __decorate([
+            core.Output()
+        ], AsistenteDatosComponent.prototype, "cerrarChange", void 0);
+        AsistenteDatosComponent = __decorate([
+            core.Component({
+                selector: 'wm-asistente-datos',
+                template: "<!-- Panel (abierto) -->\r\n<div class=\"chat-ia-panel\" *ngIf=\"abierto\">\r\n    <div class=\"chat-ia-header\">\r\n        <div class=\"chat-ia-header-info\">\r\n            <div class=\"chat-ia-header-icono\">\r\n                <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\">\r\n                    <path d=\"M4 5h16v10H9l-4 4V15H4z\"></path>\r\n                </svg>\r\n            </div>\r\n            <div>\r\n                <div class=\"chat-ia-titulo\">Preg\u00FAntale a tus Datos</div>\r\n                <div class=\"chat-ia-subtitulo\">Consulta tus reportes en lenguaje natural</div>\r\n            </div>\r\n        </div>\r\n        <div class=\"chat-ia-cerrar\" (click)=\"cerrar()\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\">\r\n                <path d=\"M6 6l12 12M18 6L6 18\"></path>\r\n            </svg>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"chat-ia-mensajes\" #mensajesContainer>\r\n        <div class=\"chat-ia-bienvenida-texto\">Hola, soy tu asistente de datos de Snap Forms. Preg\u00FAntame lo que quieras saber sobre tu operaci\u00F3n.</div>\r\n\r\n        <div class=\"chat-ia-mensaje\" *ngFor=\"let mensaje of mensajes\" [class.chat-ia-mensaje-usuario]=\"mensaje.deUsuario\">\r\n            <div class=\"chat-ia-burbuja\" [class.chat-ia-burbuja-error]=\"mensaje.esError\">\r\n                <span *ngIf=\"mensaje.texto\">{{ mensaje.texto }}</span>\r\n\r\n                <ng-container *ngIf=\"mensaje.resultado\">\r\n                    <div class=\"chat-ia-descripcion\" *ngIf=\"mensaje.descripcion\">{{ mensaje.descripcion }}</div>\r\n\r\n                    <div class=\"chat-ia-sin-resultados\" *ngIf=\"mensaje.resultado.length === 0\">La consulta no encontr\u00F3 resultados.</div>\r\n\r\n                    <div class=\"chat-ia-stat\" *ngIf=\"esConteo(mensaje.resultado)\">\r\n                        <div class=\"chat-ia-stat-valor\">{{ mensaje.resultado[0].Resultado | number }}</div>\r\n                    </div>\r\n\r\n                    <div class=\"chat-ia-lista-simple\" *ngIf=\"esListaSimple(mensaje.resultado)\">{{ textoListaSimple(mensaje.resultado) }}</div>\r\n\r\n                    <div class=\"chat-ia-tabla-resultado\" *ngIf=\"mensaje.resultado.length > 0 && !esConteo(mensaje.resultado) && !esListaSimple(mensaje.resultado)\">\r\n                        <table mat-table [dataSource]=\"mensaje.resultado\">\r\n                            <ng-container *ngFor=\"let columna of columnasDe(mensaje.resultado)\" [matColumnDef]=\"columna\">\r\n                                <th mat-header-cell *matHeaderCellDef>{{ columna }}</th>\r\n                                <td mat-cell *matCellDef=\"let fila\">{{ fila[columna] }}</td>\r\n                            </ng-container>\r\n                            <tr mat-header-row *matHeaderRowDef=\"columnasDe(mensaje.resultado)\"></tr>\r\n                            <tr mat-row *matRowDef=\"let fila; columns: columnasDe(mensaje.resultado);\"></tr>\r\n                        </table>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"chat-ia-pensando\" *ngIf=\"consultando\">\r\n            <span class=\"chat-ia-dot\"></span><span class=\"chat-ia-dot\"></span><span class=\"chat-ia-dot\"></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"chips-chat-ia\">\r\n        <span class=\"chip-chat-ia\" *ngFor=\"let chip of chipsSugeridos\"\r\n            (click)=\"onClickEnviar(chip)\">{{ chip }}</span>\r\n    </div>\r\n\r\n    <div class=\"chat-ia-entrada\">\r\n        <div class=\"chat-ia-caja-entrada\">\r\n            <mat-icon fontSet=\"wm-menu-iconos\" class=\"chat-ia-expandir\" (click)=\"onClickExpandirBorrador()\">{{ borradorExpandido ? 'close_fullscreen' : 'open_in_full' }}</mat-icon>\r\n            <textarea [rows]=\"filasBorrador\" [(ngModel)]=\"borrador\" (keydown.enter)=\"$event.preventDefault(); onClickEnviar()\"\r\n                [class.chat-ia-textarea-expandido]=\"borradorExpandido\"\r\n                placeholder=\"Escribe tu pregunta...\"></textarea>\r\n            <div class=\"chat-ia-pie-entrada\">\r\n                <button class=\"chat-ia-selector-modelo\" [matMenuTriggerFor]=\"menuModeloChatIA\" type=\"button\">\r\n                    <span *ngIf=\"proveedorSeleccionado === 'Gemini'\">Gemini</span>\r\n                    <span *ngIf=\"proveedorSeleccionado === 'Groq'\">Groq</span>\r\n                    <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M6 9l6 6 6-6\"></path>\r\n                    </svg>\r\n                </button>\r\n                <button class=\"chat-ia-microfono\" [class.chat-ia-microfono-activo]=\"escuchando\" *ngIf=\"micDisponible\"\r\n                    (click)=\"onClickMicrofono()\" type=\"button\">\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"></path>\r\n                        <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"></path>\r\n                        <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"></line>\r\n                    </svg>\r\n                </button>\r\n                <button class=\"chat-ia-enviar\" [disabled]=\"!borrador.trim() || consultando\" (click)=\"onClickEnviar()\" type=\"button\">\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M12 19V6\"></path>\r\n                        <path d=\"M5 13l7-7 7 7\"></path>\r\n                    </svg>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<mat-menu #menuModeloChatIA=\"matMenu\" class=\"menu-modelo-chat-ia\">\r\n    <button mat-menu-item [class.opcion-activa]=\"proveedorSeleccionado === 'Gemini'\"\r\n        (click)=\"proveedorSeleccionado = 'Gemini'\">\r\n        <span>Gemini</span>\r\n        <svg *ngIf=\"proveedorSeleccionado === 'Gemini'\" class=\"chat-ia-check\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 6L9 17l-5-5\"></path>\r\n        </svg>\r\n    </button>\r\n    <button mat-menu-item [class.opcion-activa]=\"proveedorSeleccionado === 'Groq'\"\r\n        (click)=\"proveedorSeleccionado = 'Groq'\">\r\n        <span>Groq</span>\r\n        <svg *ngIf=\"proveedorSeleccionado === 'Groq'\" class=\"chat-ia-check\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 6L9 17l-5-5\"></path>\r\n        </svg>\r\n    </button>\r\n</mat-menu>\r\n",
+                styles: [":host{position:fixed;right:32px;bottom:32px;z-index:1000;font-family:Roboto,sans-serif}.chat-ia-panel{width:450px;height:650px;max-width:calc(100vw - 48px);max-height:calc(100vh - 96px);background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(20,25,30,.28);display:flex;flex-direction:column;overflow:hidden}.chat-ia-header{background:linear-gradient(135deg,#7c5ce0,#5f42bd);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-ia-header-info{display:flex;align-items:center;gap:10px;min-width:0}.chat-ia-header-icono{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex:none}.chat-ia-titulo{color:#fff;font-size:14px;font-weight:500}.chat-ia-subtitulo{color:rgba(255,255,255,.75);font-size:11px;margin-top:1px}.chat-ia-cerrar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.85;flex:none}.chat-ia-cerrar:hover{opacity:1}.chat-ia-mensajes{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:16px;background:#fbfafc}.chat-ia-mensaje{display:flex}.chat-ia-mensaje .chat-ia-burbuja{max-width:88%;background:#f2eefb;color:#26313a;border-radius:14px 14px 14px 3px;padding:10px 13px;font-size:13px;line-height:1.5}.chat-ia-mensaje .chat-ia-burbuja-error{background:#fdecea;color:#7a1f14}.chat-ia-mensaje.chat-ia-mensaje-usuario{justify-content:flex-end}.chat-ia-mensaje.chat-ia-mensaje-usuario .chat-ia-burbuja{background:#7c5ce0;color:#fff;border-radius:14px 14px 3px}.chat-ia-bienvenida-texto{align-self:flex-start;max-width:88%;background:#f2eefb;color:#26313a;border-radius:14px 14px 14px 3px;padding:10px 13px;font-size:13px;line-height:1.5}.chips-chat-ia{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}.chip-chat-ia{border:1px solid #e7e2f5;background:#f2eefb;color:#5f42bd;border-radius:14px;padding:5px 10px;font-size:11px;cursor:pointer}.chip-chat-ia:hover{background:#e7ddfa}.chat-ia-descripcion{font-size:13px;line-height:1.5;margin-bottom:6px}.chat-ia-sin-resultados{color:#5a5a5a;font-style:italic}.chat-ia-stat{margin-top:4px}.chat-ia-stat-valor{font-size:30px;font-weight:600;color:#5f42bd;line-height:1.15;font-variant-numeric:proportional-nums}.chat-ia-lista-simple,.chat-ia-tabla-resultado{margin-top:4px;background:#fff;border-radius:10px;padding:8px 10px}.chat-ia-lista-simple{font-size:13px;line-height:1.5}.chat-ia-tabla-resultado{overflow-x:auto;max-width:100%;padding:4px 10px}.chat-ia-tabla-resultado table{font-size:12px;background:0 0}.chat-ia-tabla-resultado th.mat-header-cell{color:#6b6478;font-weight:600;padding:0 14px 5px 0;border-bottom:1px solid #f0edf7;white-space:nowrap}.chat-ia-tabla-resultado td.mat-cell{padding:7px 14px 0 0;white-space:nowrap;font-variant-numeric:tabular-nums}.chat-ia-pensando{align-self:flex-start;background:#f2eefb;padding:12px 16px;border-radius:14px 14px 14px 3px;display:flex;gap:5px;flex-shrink:0}.chat-ia-dot{width:6px;height:6px;border-radius:50%;background:#9a93ae;-webkit-animation:1.1s ease-in-out infinite chatIaBlink;animation:1.1s ease-in-out infinite chatIaBlink}.chat-ia-dot:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.chat-ia-dot:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes chatIaBlink{0%,100%,80%{opacity:.25}40%{opacity:1}}@keyframes chatIaBlink{0%,100%,80%{opacity:.25}40%{opacity:1}}.chat-ia-entrada{padding:10px 14px 14px;border-top:1px solid #e9f2ee;flex-shrink:0}.chat-ia-caja-entrada{position:relative;background:#f2f7f5;border:1px solid #e6efea;border-radius:18px;padding:10px 12px 8px}.chat-ia-caja-entrada textarea{border:none;outline:0;background:0 0;width:100%;font:inherit;font-size:13.5px;color:#26313a;resize:none;line-height:1.45;max-height:110px;overflow-y:auto;display:block;padding:0 28px 0 0}.chat-ia-caja-entrada textarea.chat-ia-textarea-expandido{max-height:160px}.chat-ia-caja-entrada textarea::-webkit-input-placeholder{color:#9a93ae}.chat-ia-caja-entrada textarea::-moz-placeholder{color:#9a93ae}.chat-ia-caja-entrada textarea:-ms-input-placeholder{color:#9a93ae}.chat-ia-caja-entrada textarea::-ms-input-placeholder{color:#9a93ae}.chat-ia-caja-entrada textarea::placeholder{color:#9a93ae}.chat-ia-expandir{position:absolute;top:8px;right:10px;font-size:17px;height:17px;width:17px;color:#9a9a9a;cursor:pointer}.chat-ia-pie-entrada{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.chat-ia-selector-modelo{display:inline-flex;align-items:center;gap:4px;border:none;background:0 0;color:#4e5d57;border-radius:14px;padding:5px 9px;font-size:11.5px;font-weight:600;cursor:pointer}.chat-ia-enviar{width:32px;height:32px;border-radius:50%;border:none;background:#7c5ce0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.chat-ia-enviar:disabled{background:#dce6e1;color:#a9bab3;cursor:default}.chat-ia-microfono{width:28px;height:28px;border-radius:50%;border:none;background:0 0;color:#6b6478;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.chat-ia-microfono:hover{background:#f2eefb}.chat-ia-microfono.chat-ia-microfono-activo{color:#fff;background:#e05a5a;-webkit-animation:1.1s ease-in-out infinite chatIaBlink;animation:1.1s ease-in-out infinite chatIaBlink}::ng-deep .mat-menu-panel.menu-modelo-chat-ia{min-width:132px;border:1px solid #e6efea;border-radius:10px;box-shadow:0 12px 26px rgba(20,25,30,.16)}::ng-deep .mat-menu-panel.menu-modelo-chat-ia .mat-menu-content{padding:4px}::ng-deep .mat-menu-panel.menu-modelo-chat-ia .mat-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;height:auto;line-height:normal;padding:7px 10px;font-size:12px;color:#26313a;border-radius:7px}::ng-deep .mat-menu-panel.menu-modelo-chat-ia .mat-menu-item.opcion-activa{background:#f2f7f5}::ng-deep .mat-menu-panel.menu-modelo-chat-ia .mat-menu-item .chat-ia-check{color:#7c5ce0}"]
+            })
+        ], AsistenteDatosComponent);
+        return AsistenteDatosComponent;
+    }());
+
     var WmMenuModule = /** @class */ (function () {
         function WmMenuModule() {
         }
         WmMenuModule = __decorate([
             core.NgModule({
-                declarations: [WmMenuComponent],
+                declarations: [WmMenuComponent, AsistenteDatosComponent],
                 imports: [
                     platformBrowser.BrowserModule,
+                    forms.FormsModule,
                     toolbar.MatToolbarModule,
                     sidenav.MatSidenavModule,
                     list.MatListModule,
                     button.MatButtonModule,
                     icon.MatIconModule,
                     menu.MatMenuModule,
+                    table.MatTableModule,
+                    tooltip.MatTooltipModule,
                     core$1.MatRippleModule,
                     http.HttpClientModule,
                     angularJwt.JwtModule
@@ -650,6 +1045,10 @@
     exports.WmMenuComponent = WmMenuComponent;
     exports.WmMenuModule = WmMenuModule;
     exports.WmMenuServicioService = WmMenuServicioService;
+    exports.ɵa = WmMenuFuenteIconosService;
+    exports.ɵb = AsistenteDatosComponent;
+    exports.ɵc = AsistenteDatosApiService;
+    exports.ɵd = ReconocimientoVozService;
 
     Object.defineProperty(exports, '__esModule', { value: true });