general-library-union 3.3.32 → 3.3.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import * as i1 from '@angular/common/http';
2
2
  import { HttpHeaders, HttpErrorResponse, HttpParams, HttpRequest, HttpEventType } from '@angular/common/http';
3
3
  import * as i0 from '@angular/core';
4
- import { Injectable, Inject, Component, Input, HostBinding, ViewChild, Pipe, NgModule, EventEmitter, Output, inject, Renderer2, ElementRef, TemplateRef, ContentChild, ContentChildren, HostListener, forwardRef, Directive, ViewContainerRef, ViewChildren } from '@angular/core';
4
+ import { Injectable, Inject, Component, Input, HostBinding, ViewChild, Pipe, HostListener, NgModule, EventEmitter, Output, inject, Renderer2, ElementRef, TemplateRef, ContentChild, ContentChildren, forwardRef, Directive, ViewContainerRef, ViewChildren } from '@angular/core';
5
5
  import { map, catchError, Subject, of, TimeoutError, throwError, BehaviorSubject, Subscription, filter as filter$1, from, EMPTY, lastValueFrom, firstValueFrom } from 'rxjs';
6
6
  import * as CryptoJS from 'crypto-js';
7
7
  import { jwtDecode } from 'jwt-decode';
@@ -4331,6 +4331,7 @@ class AppTopbarComponent {
4331
4331
  storageService;
4332
4332
  utilsService;
4333
4333
  document;
4334
+ elementRef;
4334
4335
  //Variables
4335
4336
  modulosDisponibles = new Array(); // una matriz de objetos ModulosModel
4336
4337
  modulo; // una cadena que indica el módulo seleccionado
@@ -4359,11 +4360,15 @@ class AppTopbarComponent {
4359
4360
  color;
4360
4361
  iniciales;
4361
4362
  url = window.location.href;
4363
+ mostrarSearch = false;
4364
+ mostrarModulos = false;
4365
+ contador;
4366
+ modulosActivos;
4362
4367
  toggleSwitch() {
4363
4368
  this.switch = !this.switch;
4364
4369
  this.cambioSwitch({ checked: this.switch }); // Pasa un objeto con la propiedad checked
4365
4370
  }
4366
- constructor(layoutService, el, activatedRoute, storage, router, renderer, menuService, authService, controlFuncionalidad, generalPipe, storageService, utilsService, document) {
4371
+ constructor(layoutService, el, activatedRoute, storage, router, renderer, menuService, authService, controlFuncionalidad, generalPipe, storageService, utilsService, document, elementRef) {
4367
4372
  this.layoutService = layoutService;
4368
4373
  this.el = el;
4369
4374
  this.activatedRoute = activatedRoute;
@@ -4377,10 +4382,17 @@ class AppTopbarComponent {
4377
4382
  this.storageService = storageService;
4378
4383
  this.utilsService = utilsService;
4379
4384
  this.document = document;
4385
+ this.elementRef = elementRef;
4380
4386
  this.codigo = this.authService.getTokenKey('aplicacion');
4381
4387
  let resultadoComprimido = this.generalPipe.MAPALOGO.filter(item => item.codigo == this.authService.getTokenKey('aplicacion'));
4382
4388
  this.logoComprimido = resultadoComprimido[0]?.nombre != null ? resultadoComprimido[0]?.nombre : this.generalPipe.LOGO_SARA;
4383
4389
  }
4390
+ onClick(targetElement) {
4391
+ const clickedInside = this.elementRef.nativeElement.contains(targetElement);
4392
+ if (!clickedInside) {
4393
+ this.onEsc();
4394
+ }
4395
+ }
4384
4396
  calcularIniciales() {
4385
4397
  let colorUsuario = this.storageService.getItem('colorUsuario');
4386
4398
  if (colorUsuario) {
@@ -4622,16 +4634,46 @@ class AppTopbarComponent {
4622
4634
  let linkTema = this.document.getElementById('temaApp');
4623
4635
  linkTema.href = `${tema}.css`;
4624
4636
  }
4625
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppTopbarComponent, deps: [{ token: LayoutService }, { token: i0.ElementRef }, { token: i2.ActivatedRoute }, { token: StorageService }, { token: i2.Router }, { token: i0.Renderer2 }, { token: MenuService$1 }, { token: AuthService }, { token: CargarControlFuncionalidadService }, { token: GeneralPipe }, { token: StorageService }, { token: UtilsService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
4626
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AppTopbarComponent, isStandalone: true, selector: "app-topbar", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "mobileMenuButton", first: true, predicate: ["mobileMenuButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "autocomplete", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "\n\n<div class=\"layout-topbar\">\n <div class=\"layout-topbar-start\">\n <a class=\"layout-topbar-logo\" routerLink=\"/\">\n <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\n src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\n\n\n <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-slim\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40.7209 8.57017C40.6612 8.42729 40.5217 8.33484 40.367 8.33484H38.2593L39.407 6.95037C39.502 6.83653 39.5211 6.67837 39.4583 6.54466C39.3955 6.41095 39.2606 6.32537 39.112 6.32537H15.9826L9.42361 0.10518C9.29643 -0.0147766 9.10336 -0.0346421 8.95625 0.0585729L5.27643 2.36221L5.27336 2.36526L5.26953 2.36679L0.92315 5.21978C0.912424 5.22666 0.907061 5.23735 0.897101 5.24576C0.875649 5.26257 0.857261 5.28091 0.840406 5.30154C0.825083 5.31987 0.812825 5.33821 0.801332 5.35884C0.789074 5.381 0.780646 5.40316 0.772985 5.42684C0.765323 5.45129 0.760726 5.47574 0.757662 5.50172C0.756895 5.51471 0.75 5.5254 0.75 5.53916C0.75 5.55138 0.755363 5.56055 0.756895 5.57278C0.759194 5.59799 0.764557 5.62168 0.772218 5.64689C0.77988 5.6721 0.788308 5.69579 0.801332 5.71948C0.806695 5.72941 0.807461 5.74011 0.813591 5.75004C0.818954 5.75844 0.828914 5.7615 0.835043 5.76914C0.861858 5.80352 0.89327 5.83179 0.930046 5.85471C0.943836 5.86312 0.954563 5.87382 0.968353 5.88069C1.01892 5.90514 1.07408 5.92119 1.13384 5.92119H6.36743L7.54883 8.86052L7.55036 8.86281V8.8651L15.2364 27.2292L10.6993 31.3353C10.582 31.4415 10.5422 31.608 10.5997 31.7555C10.6564 31.903 10.7989 32 10.9567 32H17.4889C17.5395 32 17.5893 31.9893 17.636 31.9702C17.6827 31.9511 17.7249 31.9228 17.7601 31.8877L21.194 28.4502C21.1986 28.4555 21.2001 28.4624 21.2055 28.4678L24.457 31.8808C24.5298 31.958 24.6256 31.9794 24.7367 32C30.6399 31.9671 39.5962 31.9373 40.0176 31.9809C40.0574 31.9939 40.098 32 40.1386 32C40.2697 32 40.3976 31.9335 40.4689 31.8182C40.6903 31.459 40.6887 31.4552 29.3765 20.2603L40.6374 8.98888C40.7477 8.87733 40.7799 8.71305 40.7209 8.57017ZM38.2983 7.08867L37.2663 8.33484H18.1018L16.7879 7.08867H38.2983ZM9.11178 0.862361L16.9909 8.33484H8.16329L5.95447 2.83898L9.11178 0.862361ZM2.41178 5.15636L5.29864 3.2615L6.0602 5.15636H2.41178ZM21.7602 27.9406C21.7502 27.9299 21.7364 27.9253 21.7257 27.9169L24.4701 25.1701V30.7844L21.7602 27.9406ZM39.2545 31.213C37.808 31.1916 34.214 31.1825 25.2362 31.2321V24.6513C25.2362 24.581 25.2117 24.5183 25.1788 24.461L28.8364 20.7997C32.4434 24.3701 37.5498 29.4519 39.2545 31.213ZM17.6222 30.9425L8.47894 9.0989H37.3506C37.3782 9.10501 37.4058 9.11342 37.4334 9.11342C37.4556 9.11342 37.4763 9.10272 37.4985 9.0989H39.4445L17.6222 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg>\n </a>\n <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\n <i class=\"pi pi-chevron-right\"></i>\n </a>\n\n <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\n <i class=\"pi pi-ellipsis-v\"></i>\n </a>\n </div>\n\n <div class=\"layout-topbar-end\">\n <!-- Se comentan las opciones de KIT y Utilities -->\n <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\n <label class=\"empresa\">Empresa: {{empresa}} </label>\n <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}} </label>\n <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}} </label>\n <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\n </div>\n <div class=\"layout-topbar-actions-end\">\n <ul class=\"layout-topbar-items\">\n <!--CAMBIAR TEMA-->\n <li class=\"flex align-items-center eleccion-modo\" >\n <!-- <i class=\"pi pi-sun mr-1\"></i> -->\n <p-inputSwitch tabindex=\"0\" [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\" (keydown.enter)=\"toggleSwitch()\"></p-inputSwitch>\n <!-- <i class=\"pi pi-moon ml-1\"></i> -->\n </li>\n <li class=\"layout-topbar-search\" tabindex=\"0\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" \n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\n <i class=\"pi pi-search\"></i>\n </a>\n <!--BUSCADOR-->\n <div class=\"layout-search-panel ng-hidden p-input-filled\" tabindex=\"0\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\n </p-autoComplete>\n\n\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\" tabindex=\"0\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\n </p-autoComplete>\n <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\n class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\n leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\n </div>\n </div>\n </li>\n <!-- <li>\n NOTIFICACIONES\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <li class=\"px-3 py-1\">\n <span>You have <b>4</b> new notifications</span>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-1.png\" />\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"font-bold\">Jerome Bell</span>\n <small>42 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Cameron Williamson</span>\n <small>48 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Anna Miles</span>\n <small>1 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Arlene Mccoy</span>\n <small>4 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n </li> -->\n <li tabindex=\"0\">\n <!-- MODULOS -->\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-table\"></i>\n </a>\n <div class=\"ng-hidden\">\n <div class=\"flex flex-wrap p-2 modulos\">\n <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\n <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\n <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\n pRipple>\n <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\" [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\n\n </button>\n <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\n </a>\n </div>\n </div>\n </div>\n </li>\n <li tabindex=\"0\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\n <label class=\"font-semibold\">{{iniciales}}</label>\n </div>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <!-- Funciones Apagadas de perfil -->\n <!-- <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-cog mr-2\"></i>\n <span>Settings</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-file-o mr-2\"></i>\n <span>Terms of Usage</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-compass mr-2\"></i>\n <span>Support</span>\n </a>\n </li> -->\n <li tabindex=\"0\">\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\n pRipple (click)=\"salir()\">\n <i class=\"pi pi-power-off mr-2\"></i>\n <span>Cerrar sesi\u00F3n</span>\n </a>\n </li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i14.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i10.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i12.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i13.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
4637
+ onEnter() {
4638
+ console.log("contador", this.contador);
4639
+ if (this.contador == 0 || this.contador == null) {
4640
+ this.mostrarSearch = true;
4641
+ this.contador = 1;
4642
+ }
4643
+ else {
4644
+ this.mostrarSearch = false;
4645
+ this.contador = 0;
4646
+ }
4647
+ if (this.modulosActivos == 0 || this.modulosActivos == null) {
4648
+ this.mostrarModulos = true;
4649
+ this.modulosActivos = 1;
4650
+ }
4651
+ else {
4652
+ this.mostrarModulos = false;
4653
+ this.modulosActivos = 0;
4654
+ }
4655
+ }
4656
+ onEsc() {
4657
+ console.log("contadorend", this.contador);
4658
+ if (this.contador == 0 || this.contador == null) {
4659
+ this.mostrarSearch = true;
4660
+ this.contador = 1;
4661
+ }
4662
+ else {
4663
+ this.mostrarSearch = false;
4664
+ this.contador = 0;
4665
+ }
4666
+ }
4667
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppTopbarComponent, deps: [{ token: LayoutService }, { token: i0.ElementRef }, { token: i2.ActivatedRoute }, { token: StorageService }, { token: i2.Router }, { token: i0.Renderer2 }, { token: MenuService$1 }, { token: AuthService }, { token: CargarControlFuncionalidadService }, { token: GeneralPipe }, { token: StorageService }, { token: UtilsService }, { token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
4668
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AppTopbarComponent, isStandalone: true, selector: "app-topbar", host: { listeners: { "document:click": "onClick($event.target)" } }, viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "mobileMenuButton", first: true, predicate: ["mobileMenuButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "autocomplete", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "\n\n<div class=\"layout-topbar\" >\n <div class=\"layout-topbar-start\">\n <a class=\"layout-topbar-logo\" routerLink=\"/\">\n <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\n src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\n\n\n <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-slim\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40.7209 8.57017C40.6612 8.42729 40.5217 8.33484 40.367 8.33484H38.2593L39.407 6.95037C39.502 6.83653 39.5211 6.67837 39.4583 6.54466C39.3955 6.41095 39.2606 6.32537 39.112 6.32537H15.9826L9.42361 0.10518C9.29643 -0.0147766 9.10336 -0.0346421 8.95625 0.0585729L5.27643 2.36221L5.27336 2.36526L5.26953 2.36679L0.92315 5.21978C0.912424 5.22666 0.907061 5.23735 0.897101 5.24576C0.875649 5.26257 0.857261 5.28091 0.840406 5.30154C0.825083 5.31987 0.812825 5.33821 0.801332 5.35884C0.789074 5.381 0.780646 5.40316 0.772985 5.42684C0.765323 5.45129 0.760726 5.47574 0.757662 5.50172C0.756895 5.51471 0.75 5.5254 0.75 5.53916C0.75 5.55138 0.755363 5.56055 0.756895 5.57278C0.759194 5.59799 0.764557 5.62168 0.772218 5.64689C0.77988 5.6721 0.788308 5.69579 0.801332 5.71948C0.806695 5.72941 0.807461 5.74011 0.813591 5.75004C0.818954 5.75844 0.828914 5.7615 0.835043 5.76914C0.861858 5.80352 0.89327 5.83179 0.930046 5.85471C0.943836 5.86312 0.954563 5.87382 0.968353 5.88069C1.01892 5.90514 1.07408 5.92119 1.13384 5.92119H6.36743L7.54883 8.86052L7.55036 8.86281V8.8651L15.2364 27.2292L10.6993 31.3353C10.582 31.4415 10.5422 31.608 10.5997 31.7555C10.6564 31.903 10.7989 32 10.9567 32H17.4889C17.5395 32 17.5893 31.9893 17.636 31.9702C17.6827 31.9511 17.7249 31.9228 17.7601 31.8877L21.194 28.4502C21.1986 28.4555 21.2001 28.4624 21.2055 28.4678L24.457 31.8808C24.5298 31.958 24.6256 31.9794 24.7367 32C30.6399 31.9671 39.5962 31.9373 40.0176 31.9809C40.0574 31.9939 40.098 32 40.1386 32C40.2697 32 40.3976 31.9335 40.4689 31.8182C40.6903 31.459 40.6887 31.4552 29.3765 20.2603L40.6374 8.98888C40.7477 8.87733 40.7799 8.71305 40.7209 8.57017ZM38.2983 7.08867L37.2663 8.33484H18.1018L16.7879 7.08867H38.2983ZM9.11178 0.862361L16.9909 8.33484H8.16329L5.95447 2.83898L9.11178 0.862361ZM2.41178 5.15636L5.29864 3.2615L6.0602 5.15636H2.41178ZM21.7602 27.9406C21.7502 27.9299 21.7364 27.9253 21.7257 27.9169L24.4701 25.1701V30.7844L21.7602 27.9406ZM39.2545 31.213C37.808 31.1916 34.214 31.1825 25.2362 31.2321V24.6513C25.2362 24.581 25.2117 24.5183 25.1788 24.461L28.8364 20.7997C32.4434 24.3701 37.5498 29.4519 39.2545 31.213ZM17.6222 30.9425L8.47894 9.0989H37.3506C37.3782 9.10501 37.4058 9.11342 37.4334 9.11342C37.4556 9.11342 37.4763 9.10272 37.4985 9.0989H39.4445L17.6222 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg>\n </a>\n <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\n <i class=\"pi pi-chevron-right\"></i>\n </a>\n\n <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\n <i class=\"pi pi-ellipsis-v\"></i>\n </a>\n </div>\n\n <div class=\"layout-topbar-end\">\n <!-- Se comentan las opciones de KIT y Utilities -->\n <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\n <label class=\"empresa\">Empresa: {{empresa}} </label>\n <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}} </label>\n <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}} </label>\n <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\n </div>\n <div class=\"layout-topbar-actions-end\">\n <ul class=\"layout-topbar-items\">\n <!--CAMBIAR TEMA-->\n <li class=\"flex align-items-center eleccion-modo\" >\n <!-- <i class=\"pi pi-sun mr-1\"></i> -->\n <p-inputSwitch tabindex=\"0\" [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\" (keydown.enter)=\"toggleSwitch()\"></p-inputSwitch>\n <!-- <i class=\"pi pi-moon ml-1\"></i> -->\n </li>\n <li class=\"layout-topbar-search\" tabindex=\"0\" (keydown.enter)=\"onEnter()\" (keydown.esc)=\"onEsc()\" (click)=\"searchClick = true\" >\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" \n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\n <i class=\"pi pi-search\" (click)=\"onEnter()\"></i>\n </a>\n <!--BUSCADOR-->\n <div [ngClass]=\"{'layout-search-panel p-input-filled div': mostrarSearch, 'ng-hidden': !mostrarSearch}\" tabindex=\"0\" >\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" \n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\n </p-autoComplete>\n\n\n <div class=\"layout-search-panel ng-hidden p-input-filled\" (click)=\"onEnter()\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\" \n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\n </p-autoComplete>\n <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\n class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\n leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\n </div>\n </div>\n </li>\n <!-- <li>\n NOTIFICACIONES\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <li class=\"px-3 py-1\">\n <span>You have <b>4</b> new notifications</span>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-1.png\" />\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"font-bold\">Jerome Bell</span>\n <small>42 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Cameron Williamson</span>\n <small>48 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Anna Miles</span>\n <small>1 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Arlene Mccoy</span>\n <small>4 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n </li> -->\n <li tabindex=\"0\">\n <!-- MODULOS -->\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-table\"></i>\n </a>\n <div class=\"ng-hidden\">\n <div class=\"flex flex-wrap p-2 modulos\">\n <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\n <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\n <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\n pRipple>\n <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\" [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\n\n </button>\n <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\n </a>\n </div>\n </div>\n </div>\n </li>\n <li (keydown.enter)=\"onEnter()\" (keydown.esc)=\"onEsc()\" (click)=\"mostrarModulos = true\" tabindex=\"0\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\n <label class=\"font-semibold\">{{iniciales}}</label>\n </div>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <!-- Funciones Apagadas de perfil -->\n <!-- <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-cog mr-2\"></i>\n <span>Settings</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-file-o mr-2\"></i>\n <span>Terms of Usage</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-compass mr-2\"></i>\n <span>Support</span>\n </a>\n </li> -->\n <li tabindex=\"0\">\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\n pRipple (click)=\"salir()\">\n <i class=\"pi pi-power-off mr-2\"></i>\n <span>Cerrar sesi\u00F3n</span>\n </a>\n </li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i14.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i10.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i12.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i13.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
4627
4669
  }
4628
4670
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppTopbarComponent, decorators: [{
4629
4671
  type: Component,
4630
- args: [{ selector: 'app-topbar', imports: [CommonModule, AutoCompleteModule, FormsModule, StyleClassModule, InputSwitchModule], standalone: true, template: "\n\n<div class=\"layout-topbar\">\n <div class=\"layout-topbar-start\">\n <a class=\"layout-topbar-logo\" routerLink=\"/\">\n <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\n src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\n\n\n <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-slim\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40.7209 8.57017C40.6612 8.42729 40.5217 8.33484 40.367 8.33484H38.2593L39.407 6.95037C39.502 6.83653 39.5211 6.67837 39.4583 6.54466C39.3955 6.41095 39.2606 6.32537 39.112 6.32537H15.9826L9.42361 0.10518C9.29643 -0.0147766 9.10336 -0.0346421 8.95625 0.0585729L5.27643 2.36221L5.27336 2.36526L5.26953 2.36679L0.92315 5.21978C0.912424 5.22666 0.907061 5.23735 0.897101 5.24576C0.875649 5.26257 0.857261 5.28091 0.840406 5.30154C0.825083 5.31987 0.812825 5.33821 0.801332 5.35884C0.789074 5.381 0.780646 5.40316 0.772985 5.42684C0.765323 5.45129 0.760726 5.47574 0.757662 5.50172C0.756895 5.51471 0.75 5.5254 0.75 5.53916C0.75 5.55138 0.755363 5.56055 0.756895 5.57278C0.759194 5.59799 0.764557 5.62168 0.772218 5.64689C0.77988 5.6721 0.788308 5.69579 0.801332 5.71948C0.806695 5.72941 0.807461 5.74011 0.813591 5.75004C0.818954 5.75844 0.828914 5.7615 0.835043 5.76914C0.861858 5.80352 0.89327 5.83179 0.930046 5.85471C0.943836 5.86312 0.954563 5.87382 0.968353 5.88069C1.01892 5.90514 1.07408 5.92119 1.13384 5.92119H6.36743L7.54883 8.86052L7.55036 8.86281V8.8651L15.2364 27.2292L10.6993 31.3353C10.582 31.4415 10.5422 31.608 10.5997 31.7555C10.6564 31.903 10.7989 32 10.9567 32H17.4889C17.5395 32 17.5893 31.9893 17.636 31.9702C17.6827 31.9511 17.7249 31.9228 17.7601 31.8877L21.194 28.4502C21.1986 28.4555 21.2001 28.4624 21.2055 28.4678L24.457 31.8808C24.5298 31.958 24.6256 31.9794 24.7367 32C30.6399 31.9671 39.5962 31.9373 40.0176 31.9809C40.0574 31.9939 40.098 32 40.1386 32C40.2697 32 40.3976 31.9335 40.4689 31.8182C40.6903 31.459 40.6887 31.4552 29.3765 20.2603L40.6374 8.98888C40.7477 8.87733 40.7799 8.71305 40.7209 8.57017ZM38.2983 7.08867L37.2663 8.33484H18.1018L16.7879 7.08867H38.2983ZM9.11178 0.862361L16.9909 8.33484H8.16329L5.95447 2.83898L9.11178 0.862361ZM2.41178 5.15636L5.29864 3.2615L6.0602 5.15636H2.41178ZM21.7602 27.9406C21.7502 27.9299 21.7364 27.9253 21.7257 27.9169L24.4701 25.1701V30.7844L21.7602 27.9406ZM39.2545 31.213C37.808 31.1916 34.214 31.1825 25.2362 31.2321V24.6513C25.2362 24.581 25.2117 24.5183 25.1788 24.461L28.8364 20.7997C32.4434 24.3701 37.5498 29.4519 39.2545 31.213ZM17.6222 30.9425L8.47894 9.0989H37.3506C37.3782 9.10501 37.4058 9.11342 37.4334 9.11342C37.4556 9.11342 37.4763 9.10272 37.4985 9.0989H39.4445L17.6222 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg>\n </a>\n <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\n <i class=\"pi pi-chevron-right\"></i>\n </a>\n\n <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\n <i class=\"pi pi-ellipsis-v\"></i>\n </a>\n </div>\n\n <div class=\"layout-topbar-end\">\n <!-- Se comentan las opciones de KIT y Utilities -->\n <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\n <label class=\"empresa\">Empresa: {{empresa}} </label>\n <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}} </label>\n <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}} </label>\n <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\n </div>\n <div class=\"layout-topbar-actions-end\">\n <ul class=\"layout-topbar-items\">\n <!--CAMBIAR TEMA-->\n <li class=\"flex align-items-center eleccion-modo\" >\n <!-- <i class=\"pi pi-sun mr-1\"></i> -->\n <p-inputSwitch tabindex=\"0\" [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\" (keydown.enter)=\"toggleSwitch()\"></p-inputSwitch>\n <!-- <i class=\"pi pi-moon ml-1\"></i> -->\n </li>\n <li class=\"layout-topbar-search\" tabindex=\"0\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" \n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\n <i class=\"pi pi-search\"></i>\n </a>\n <!--BUSCADOR-->\n <div class=\"layout-search-panel ng-hidden p-input-filled\" tabindex=\"0\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\n </p-autoComplete>\n\n\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\" tabindex=\"0\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\n </p-autoComplete>\n <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\n class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\n leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\n </div>\n </div>\n </li>\n <!-- <li>\n NOTIFICACIONES\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <li class=\"px-3 py-1\">\n <span>You have <b>4</b> new notifications</span>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-1.png\" />\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"font-bold\">Jerome Bell</span>\n <small>42 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Cameron Williamson</span>\n <small>48 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Anna Miles</span>\n <small>1 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Arlene Mccoy</span>\n <small>4 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n </li> -->\n <li tabindex=\"0\">\n <!-- MODULOS -->\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-table\"></i>\n </a>\n <div class=\"ng-hidden\">\n <div class=\"flex flex-wrap p-2 modulos\">\n <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\n <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\n <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\n pRipple>\n <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\" [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\n\n </button>\n <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\n </a>\n </div>\n </div>\n </div>\n </li>\n <li tabindex=\"0\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\n <label class=\"font-semibold\">{{iniciales}}</label>\n </div>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <!-- Funciones Apagadas de perfil -->\n <!-- <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-cog mr-2\"></i>\n <span>Settings</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-file-o mr-2\"></i>\n <span>Terms of Usage</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-compass mr-2\"></i>\n <span>Support</span>\n </a>\n </li> -->\n <li tabindex=\"0\">\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\n pRipple (click)=\"salir()\">\n <i class=\"pi pi-power-off mr-2\"></i>\n <span>Cerrar sesi\u00F3n</span>\n </a>\n </li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n</div>\n" }]
4672
+ args: [{ selector: 'app-topbar', imports: [CommonModule, AutoCompleteModule, FormsModule, StyleClassModule, InputSwitchModule], standalone: true, template: "\n\n<div class=\"layout-topbar\" >\n <div class=\"layout-topbar-start\">\n <a class=\"layout-topbar-logo\" routerLink=\"/\">\n <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\n src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\n\n\n <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-slim\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40.7209 8.57017C40.6612 8.42729 40.5217 8.33484 40.367 8.33484H38.2593L39.407 6.95037C39.502 6.83653 39.5211 6.67837 39.4583 6.54466C39.3955 6.41095 39.2606 6.32537 39.112 6.32537H15.9826L9.42361 0.10518C9.29643 -0.0147766 9.10336 -0.0346421 8.95625 0.0585729L5.27643 2.36221L5.27336 2.36526L5.26953 2.36679L0.92315 5.21978C0.912424 5.22666 0.907061 5.23735 0.897101 5.24576C0.875649 5.26257 0.857261 5.28091 0.840406 5.30154C0.825083 5.31987 0.812825 5.33821 0.801332 5.35884C0.789074 5.381 0.780646 5.40316 0.772985 5.42684C0.765323 5.45129 0.760726 5.47574 0.757662 5.50172C0.756895 5.51471 0.75 5.5254 0.75 5.53916C0.75 5.55138 0.755363 5.56055 0.756895 5.57278C0.759194 5.59799 0.764557 5.62168 0.772218 5.64689C0.77988 5.6721 0.788308 5.69579 0.801332 5.71948C0.806695 5.72941 0.807461 5.74011 0.813591 5.75004C0.818954 5.75844 0.828914 5.7615 0.835043 5.76914C0.861858 5.80352 0.89327 5.83179 0.930046 5.85471C0.943836 5.86312 0.954563 5.87382 0.968353 5.88069C1.01892 5.90514 1.07408 5.92119 1.13384 5.92119H6.36743L7.54883 8.86052L7.55036 8.86281V8.8651L15.2364 27.2292L10.6993 31.3353C10.582 31.4415 10.5422 31.608 10.5997 31.7555C10.6564 31.903 10.7989 32 10.9567 32H17.4889C17.5395 32 17.5893 31.9893 17.636 31.9702C17.6827 31.9511 17.7249 31.9228 17.7601 31.8877L21.194 28.4502C21.1986 28.4555 21.2001 28.4624 21.2055 28.4678L24.457 31.8808C24.5298 31.958 24.6256 31.9794 24.7367 32C30.6399 31.9671 39.5962 31.9373 40.0176 31.9809C40.0574 31.9939 40.098 32 40.1386 32C40.2697 32 40.3976 31.9335 40.4689 31.8182C40.6903 31.459 40.6887 31.4552 29.3765 20.2603L40.6374 8.98888C40.7477 8.87733 40.7799 8.71305 40.7209 8.57017ZM38.2983 7.08867L37.2663 8.33484H18.1018L16.7879 7.08867H38.2983ZM9.11178 0.862361L16.9909 8.33484H8.16329L5.95447 2.83898L9.11178 0.862361ZM2.41178 5.15636L5.29864 3.2615L6.0602 5.15636H2.41178ZM21.7602 27.9406C21.7502 27.9299 21.7364 27.9253 21.7257 27.9169L24.4701 25.1701V30.7844L21.7602 27.9406ZM39.2545 31.213C37.808 31.1916 34.214 31.1825 25.2362 31.2321V24.6513C25.2362 24.581 25.2117 24.5183 25.1788 24.461L28.8364 20.7997C32.4434 24.3701 37.5498 29.4519 39.2545 31.213ZM17.6222 30.9425L8.47894 9.0989H37.3506C37.3782 9.10501 37.4058 9.11342 37.4334 9.11342C37.4556 9.11342 37.4763 9.10272 37.4985 9.0989H39.4445L17.6222 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg>\n </a>\n <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\n <i class=\"pi pi-chevron-right\"></i>\n </a>\n\n <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\n <i class=\"pi pi-ellipsis-v\"></i>\n </a>\n </div>\n\n <div class=\"layout-topbar-end\">\n <!-- Se comentan las opciones de KIT y Utilities -->\n <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\n <label class=\"empresa\">Empresa: {{empresa}} </label>\n <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}} </label>\n <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}} </label>\n <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\n </div>\n <div class=\"layout-topbar-actions-end\">\n <ul class=\"layout-topbar-items\">\n <!--CAMBIAR TEMA-->\n <li class=\"flex align-items-center eleccion-modo\" >\n <!-- <i class=\"pi pi-sun mr-1\"></i> -->\n <p-inputSwitch tabindex=\"0\" [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\" (keydown.enter)=\"toggleSwitch()\"></p-inputSwitch>\n <!-- <i class=\"pi pi-moon ml-1\"></i> -->\n </li>\n <li class=\"layout-topbar-search\" tabindex=\"0\" (keydown.enter)=\"onEnter()\" (keydown.esc)=\"onEsc()\" (click)=\"searchClick = true\" >\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" \n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\n <i class=\"pi pi-search\" (click)=\"onEnter()\"></i>\n </a>\n <!--BUSCADOR-->\n <div [ngClass]=\"{'layout-search-panel p-input-filled div': mostrarSearch, 'ng-hidden': !mostrarSearch}\" tabindex=\"0\" >\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" \n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\n </p-autoComplete>\n\n\n <div class=\"layout-search-panel ng-hidden p-input-filled\" (click)=\"onEnter()\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\" \n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\n </p-autoComplete>\n <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\n class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\n leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\n </div>\n </div>\n </li>\n <!-- <li>\n NOTIFICACIONES\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <li class=\"px-3 py-1\">\n <span>You have <b>4</b> new notifications</span>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-1.png\" />\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"font-bold\">Jerome Bell</span>\n <small>42 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Cameron Williamson</span>\n <small>48 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Anna Miles</span>\n <small>1 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Arlene Mccoy</span>\n <small>4 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n </li> -->\n <li tabindex=\"0\">\n <!-- MODULOS -->\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-table\"></i>\n </a>\n <div class=\"ng-hidden\">\n <div class=\"flex flex-wrap p-2 modulos\">\n <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\n <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\n <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\n pRipple>\n <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\" [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\n\n </button>\n <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\n </a>\n </div>\n </div>\n </div>\n </li>\n <li (keydown.enter)=\"onEnter()\" (keydown.esc)=\"onEsc()\" (click)=\"mostrarModulos = true\" tabindex=\"0\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\n <label class=\"font-semibold\">{{iniciales}}</label>\n </div>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <!-- Funciones Apagadas de perfil -->\n <!-- <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-cog mr-2\"></i>\n <span>Settings</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-file-o mr-2\"></i>\n <span>Terms of Usage</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-compass mr-2\"></i>\n <span>Support</span>\n </a>\n </li> -->\n <li tabindex=\"0\">\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\n pRipple (click)=\"salir()\">\n <i class=\"pi pi-power-off mr-2\"></i>\n <span>Cerrar sesi\u00F3n</span>\n </a>\n </li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n</div>\n" }]
4631
4673
  }], ctorParameters: () => [{ type: LayoutService }, { type: i0.ElementRef }, { type: i2.ActivatedRoute }, { type: StorageService }, { type: i2.Router }, { type: i0.Renderer2 }, { type: MenuService$1 }, { type: AuthService }, { type: CargarControlFuncionalidadService }, { type: GeneralPipe }, { type: StorageService }, { type: UtilsService }, { type: Document, decorators: [{
4632
4674
  type: Inject,
4633
4675
  args: [DOCUMENT]
4634
- }] }], propDecorators: { menuButton: [{
4676
+ }] }, { type: i0.ElementRef }], propDecorators: { menuButton: [{
4635
4677
  type: ViewChild,
4636
4678
  args: ['menuButton']
4637
4679
  }], mobileMenuButton: [{
@@ -4643,6 +4685,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
4643
4685
  }], autocomplete: [{
4644
4686
  type: ViewChild,
4645
4687
  args: ['searchInput', { static: false }]
4688
+ }], onClick: [{
4689
+ type: HostListener,
4690
+ args: ['document:click', ['$event.target']]
4646
4691
  }] } });
4647
4692
 
4648
4693
  class AppFooterComponent {
@@ -13147,6 +13192,7 @@ class PopupReporteComponent {
13147
13192
  //pte proceso externo
13148
13193
  }
13149
13194
  }
13195
+ this.utilsService.resizeWindowIFrame();
13150
13196
  }
13151
13197
  cambioValorLista(event, parametro) {
13152
13198
  if (event.value) {
@@ -13263,6 +13309,7 @@ class PopupReporteComponent {
13263
13309
  tipo: 'S'
13264
13310
  })).subscribe(data => {
13265
13311
  this.listadoArchivoSoporte = data;
13312
+ this.utilsService.resizeWindowIFrame();
13266
13313
  });
13267
13314
  }
13268
13315
  else {