general-library-union 3.2.99 → 3.3.2

package/fesm2022/general-library-union.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpErrorResponse, HttpParams, HttpRequest, HttpEventType } from '@angular/common/http';
 import * as i0 from '@angular/core';
-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';
+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';
 import { map, catchError, Subject, of, TimeoutError, throwError, BehaviorSubject, Subscription, filter as filter$1, from, EMPTY, lastValueFrom, firstValueFrom } from 'rxjs';
 import * as CryptoJS from 'crypto-js';
 import { jwtDecode } from 'jwt-decode';
@@ -4355,6 +4355,7 @@ class AppTopbarComponent {
     color;
     iniciales;
     url = window.location.href;
+    mostrarSearch = true;
     toggleSwitch() {
         this.switch = !this.switch;
         this.cambioSwitch({ checked: this.switch }); // Pasa un objeto con la propiedad checked
@@ -4619,14 +4620,20 @@ class AppTopbarComponent {
         linkTema.href = `${tema}.css`;
     }
     mostrardiv() {
-        this.document.getElementById("midiv").style.display = "block";
+        console.log("activo");
+        this.mostrarSearch = true;
+    }
+    handleKeyboardEvent(event) {
+        if (event.key === 'Enter') {
+            this.mostrarSearch = true;
+        }
     }
     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 });
-    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: "\r\n\r\n<div class=\"layout-topbar\">\r\n  <div class=\"layout-topbar-start\">\r\n    <a class=\"layout-topbar-logo\" routerLink=\"/\">\r\n      <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\r\n      src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\r\n\r\n\r\n      <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n        class=\"layout-topbar-logo-slim\">\r\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\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\"\r\n          fill=\"var(--topbar-item-text-color)\" />\r\n      </svg>\r\n    </a>\r\n    <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\r\n      <i class=\"pi pi-chevron-right\"></i>\r\n    </a>\r\n\r\n    <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\r\n      <i class=\"pi pi-ellipsis-v\"></i>\r\n    </a>\r\n  </div>\r\n\r\n  <div class=\"layout-topbar-end\">\r\n    <!-- Se comentan las opciones de KIT y Utilities -->\r\n    <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\r\n        <label class=\"empresa\">Empresa: {{empresa}}     </label>\r\n        <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}}     </label>\r\n        <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}}     </label>\r\n      <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\r\n    </div>\r\n    <div class=\"layout-topbar-actions-end\" onclick=\"mostrardiv()\" id=\"midiv\">\r\n      <ul class=\"layout-topbar-items\">\r\n        <!--CAMBIAR TEMA-->\r\n        <li class=\"flex align-items-center eleccion-modo\" >\r\n          <!-- <i class=\"pi pi-sun mr-1\"></i> -->\r\n          <p-inputSwitch  tabindex=\"0\"  [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\" (keydown.enter)=\"toggleSwitch()\"></p-inputSwitch>\r\n          <!-- <i class=\"pi pi-moon ml-1\"></i> -->\r\n        </li>\r\n        <li class=\"layout-topbar-search\" tabindex=\"0\" id=\"searchButton\">\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" \r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\r\n            <i class=\"pi pi-search\"></i>\r\n          </a>\r\n          <!--BUSCADOR-->\r\n          <div class=\"layout-search-panel ng-hidden p-input-filled\"  tabindex=\"0\">\r\n            <i class=\"pi pi-search\"></i>\r\n            <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\r\n            <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\r\n              [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\r\n              (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\r\n              [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\r\n            </p-autoComplete>\r\n\r\n\r\n            <div class=\"layout-search-panel ng-hidden p-input-filled\">\r\n              <i class=\"pi pi-search\"></i>\r\n              <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\r\n              <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"  tabindex=\"0\"\r\n                [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\r\n                (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\r\n                [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\r\n              </p-autoComplete>\r\n              <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\r\n                class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\r\n                leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\r\n            </div>\r\n            </div>\r\n        </li>\r\n        <!-- <li>\r\n                  NOTIFICACIONES\r\n                    <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n                        <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\r\n                    </a>\r\n                    <div class=\"ng-hidden\">\r\n                        <ul class=\"list-none p-0 m-0\">\r\n                            <li class=\"px-3 py-1\">\r\n                                <span>You have <b>4</b> new notifications</span>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-1.png\" />\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"font-bold\">Jerome Bell</span>\r\n                                            <small>42 mins ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Cameron Williamson</span>\r\n                                            <small>48 mins ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Anna Miles</span>\r\n                                            <small>1 day ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Arlene Mccoy</span>\r\n                                            <small>4 day ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </li> -->\r\n        <li  tabindex=\"0\">\r\n          <!-- MODULOS -->\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n            <i class=\"pi pi-table\"></i>\r\n          </a>\r\n          <div class=\"ng-hidden\">\r\n            <div class=\"flex flex-wrap p-2 modulos\">\r\n              <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\r\n                <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\r\n                  <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\r\n                    pRipple>\r\n                    <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\"  [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\r\n\r\n                  </button>\r\n                  <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </li>\r\n        <li tabindex=\"0\">\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n            <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\r\n              <label class=\"font-semibold\">{{iniciales}}</label>\r\n          </div>\r\n          </a>\r\n          <div class=\"ng-hidden\">\r\n            <ul class=\"list-none p-0 m-0\">\r\n              <!-- Funciones Apagadas de perfil -->\r\n              <!-- <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-cog mr-2\"></i>\r\n                                    <span>Settings</span>\r\n                                </a>\r\n                            </li>\r\n                            <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-file-o mr-2\"></i>\r\n                                    <span>Terms of Usage</span>\r\n                                </a>\r\n                            </li>\r\n                            <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-compass mr-2\"></i>\r\n                                    <span>Support</span>\r\n                                </a>\r\n                            </li> -->\r\n              <li tabindex=\"0\">\r\n                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\r\n                  pRipple (click)=\"salir()\">\r\n                  <i class=\"pi pi-power-off mr-2\"></i>\r\n                  <span>Cerrar sesi\u00F3n</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AppTopbarComponent, isStandalone: true, selector: "app-topbar", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, 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: "\r\n\r\n<div class=\"layout-topbar\">\r\n  <div class=\"layout-topbar-start\">\r\n    <a class=\"layout-topbar-logo\" routerLink=\"/\">\r\n      <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\r\n      src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\r\n\r\n\r\n      <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n        class=\"layout-topbar-logo-slim\">\r\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\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\"\r\n          fill=\"var(--topbar-item-text-color)\" />\r\n      </svg>\r\n    </a>\r\n    <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\r\n      <i class=\"pi pi-chevron-right\"></i>\r\n    </a>\r\n\r\n    <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\r\n      <i class=\"pi pi-ellipsis-v\"></i>\r\n    </a>\r\n  </div>\r\n\r\n  <div class=\"layout-topbar-end\">\r\n    <!-- Se comentan las opciones de KIT y Utilities -->\r\n    <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\r\n        <label class=\"empresa\">Empresa: {{empresa}}     </label>\r\n        <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}}     </label>\r\n        <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}}     </label>\r\n      <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\r\n    </div>\r\n    <div class=\"layout-topbar-actions-end\">\r\n      <ul class=\"layout-topbar-items\">\r\n        <!--CAMBIAR TEMA-->\r\n        <li class=\"flex align-items-center eleccion-modo\" >\r\n          <!-- <i class=\"pi pi-sun mr-1\"></i> -->\r\n          <p-inputSwitch  tabindex=\"0\"  [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\" (keydown.enter)=\"toggleSwitch()\"></p-inputSwitch>\r\n          <!-- <i class=\"pi pi-moon ml-1\"></i> -->\r\n        </li>\r\n        <li class=\"layout-topbar-search\" tabindex=\"0\" id=\"searchButton\" >\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" \r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\r\n            <i class=\"pi pi-search\"></i>\r\n          </a>\r\n          <!--BUSCADOR-->\r\n          <div onclick=\"mostrardiv()\" appEnterPress [ngClass]=\"{'layout-search-panel p-input-filled': mostrarSearch, 'layout-search-panel p-input-filled ng-hidden': !mostrarSearch}\"  tabindex=\"0\"  tabindex=\"0\">\r\n            <i class=\"pi pi-search\"></i>\r\n            <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\r\n            <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\r\n              [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\r\n              (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\r\n              [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\r\n            </p-autoComplete>\r\n\r\n\r\n            <div class=\"layout-search-panel ng-hidden p-input-filled\">\r\n              <i class=\"pi pi-search\"></i>\r\n              <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\r\n              <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"  tabindex=\"0\"\r\n                [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\r\n                (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\r\n                [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\r\n              </p-autoComplete>\r\n              <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\r\n                class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\r\n                leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\r\n            </div>\r\n            </div>\r\n        </li>\r\n        <!-- <li>\r\n                  NOTIFICACIONES\r\n                    <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n                        <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\r\n                    </a>\r\n                    <div class=\"ng-hidden\">\r\n                        <ul class=\"list-none p-0 m-0\">\r\n                            <li class=\"px-3 py-1\">\r\n                                <span>You have <b>4</b> new notifications</span>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-1.png\" />\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"font-bold\">Jerome Bell</span>\r\n                                            <small>42 mins ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Cameron Williamson</span>\r\n                                            <small>48 mins ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Anna Miles</span>\r\n                                            <small>1 day ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Arlene Mccoy</span>\r\n                                            <small>4 day ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </li> -->\r\n        <li  tabindex=\"0\">\r\n          <!-- MODULOS -->\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n            <i class=\"pi pi-table\"></i>\r\n          </a>\r\n          <div class=\"ng-hidden\">\r\n            <div class=\"flex flex-wrap p-2 modulos\">\r\n              <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\r\n                <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\r\n                  <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\r\n                    pRipple>\r\n                    <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\"  [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\r\n\r\n                  </button>\r\n                  <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </li>\r\n        <li tabindex=\"0\">\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n            <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\r\n              <label class=\"font-semibold\">{{iniciales}}</label>\r\n          </div>\r\n          </a>\r\n          <div class=\"ng-hidden\">\r\n            <ul class=\"list-none p-0 m-0\">\r\n              <!-- Funciones Apagadas de perfil -->\r\n              <!-- <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-cog mr-2\"></i>\r\n                                    <span>Settings</span>\r\n                                </a>\r\n                            </li>\r\n                            <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-file-o mr-2\"></i>\r\n                                    <span>Terms of Usage</span>\r\n                                </a>\r\n                            </li>\r\n                            <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-compass mr-2\"></i>\r\n                                    <span>Support</span>\r\n                                </a>\r\n                            </li> -->\r\n              <li tabindex=\"0\">\r\n                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\r\n                  pRipple (click)=\"salir()\">\r\n                  <i class=\"pi pi-power-off mr-2\"></i>\r\n                  <span>Cerrar sesi\u00F3n</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppTopbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-topbar', imports: [CommonModule, AutoCompleteModule, FormsModule, StyleClassModule, InputSwitchModule], standalone: true, template: "\r\n\r\n<div class=\"layout-topbar\">\r\n  <div class=\"layout-topbar-start\">\r\n    <a class=\"layout-topbar-logo\" routerLink=\"/\">\r\n      <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\r\n      src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\r\n\r\n\r\n      <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n        class=\"layout-topbar-logo-slim\">\r\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\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\"\r\n          fill=\"var(--topbar-item-text-color)\" />\r\n      </svg>\r\n    </a>\r\n    <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\r\n      <i class=\"pi pi-chevron-right\"></i>\r\n    </a>\r\n\r\n    <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\r\n      <i class=\"pi pi-ellipsis-v\"></i>\r\n    </a>\r\n  </div>\r\n\r\n  <div class=\"layout-topbar-end\">\r\n    <!-- Se comentan las opciones de KIT y Utilities -->\r\n    <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\r\n        <label class=\"empresa\">Empresa: {{empresa}}     </label>\r\n        <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}}     </label>\r\n        <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}}     </label>\r\n      <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\r\n    </div>\r\n    <div class=\"layout-topbar-actions-end\" onclick=\"mostrardiv()\" id=\"midiv\">\r\n      <ul class=\"layout-topbar-items\">\r\n        <!--CAMBIAR TEMA-->\r\n        <li class=\"flex align-items-center eleccion-modo\" >\r\n          <!-- <i class=\"pi pi-sun mr-1\"></i> -->\r\n          <p-inputSwitch  tabindex=\"0\"  [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\" (keydown.enter)=\"toggleSwitch()\"></p-inputSwitch>\r\n          <!-- <i class=\"pi pi-moon ml-1\"></i> -->\r\n        </li>\r\n        <li class=\"layout-topbar-search\" tabindex=\"0\" id=\"searchButton\">\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" \r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\r\n            <i class=\"pi pi-search\"></i>\r\n          </a>\r\n          <!--BUSCADOR-->\r\n          <div class=\"layout-search-panel ng-hidden p-input-filled\"  tabindex=\"0\">\r\n            <i class=\"pi pi-search\"></i>\r\n            <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\r\n            <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\r\n              [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\r\n              (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\r\n              [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\r\n            </p-autoComplete>\r\n\r\n\r\n            <div class=\"layout-search-panel ng-hidden p-input-filled\">\r\n              <i class=\"pi pi-search\"></i>\r\n              <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\r\n              <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"  tabindex=\"0\"\r\n                [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\r\n                (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\r\n                [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\r\n              </p-autoComplete>\r\n              <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\r\n                class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\r\n                leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\r\n            </div>\r\n            </div>\r\n        </li>\r\n        <!-- <li>\r\n                  NOTIFICACIONES\r\n                    <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n                        <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\r\n                    </a>\r\n                    <div class=\"ng-hidden\">\r\n                        <ul class=\"list-none p-0 m-0\">\r\n                            <li class=\"px-3 py-1\">\r\n                                <span>You have <b>4</b> new notifications</span>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-1.png\" />\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"font-bold\">Jerome Bell</span>\r\n                                            <small>42 mins ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Cameron Williamson</span>\r\n                                            <small>48 mins ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Anna Miles</span>\r\n                                            <small>1 day ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Arlene Mccoy</span>\r\n                                            <small>4 day ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </li> -->\r\n        <li  tabindex=\"0\">\r\n          <!-- MODULOS -->\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n            <i class=\"pi pi-table\"></i>\r\n          </a>\r\n          <div class=\"ng-hidden\">\r\n            <div class=\"flex flex-wrap p-2 modulos\">\r\n              <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\r\n                <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\r\n                  <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\r\n                    pRipple>\r\n                    <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\"  [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\r\n\r\n                  </button>\r\n                  <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </li>\r\n        <li tabindex=\"0\">\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n            <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\r\n              <label class=\"font-semibold\">{{iniciales}}</label>\r\n          </div>\r\n          </a>\r\n          <div class=\"ng-hidden\">\r\n            <ul class=\"list-none p-0 m-0\">\r\n              <!-- Funciones Apagadas de perfil -->\r\n              <!-- <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-cog mr-2\"></i>\r\n                                    <span>Settings</span>\r\n                                </a>\r\n                            </li>\r\n                            <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-file-o mr-2\"></i>\r\n                                    <span>Terms of Usage</span>\r\n                                </a>\r\n                            </li>\r\n                            <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-compass mr-2\"></i>\r\n                                    <span>Support</span>\r\n                                </a>\r\n                            </li> -->\r\n              <li tabindex=\"0\">\r\n                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\r\n                  pRipple (click)=\"salir()\">\r\n                  <i class=\"pi pi-power-off mr-2\"></i>\r\n                  <span>Cerrar sesi\u00F3n</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'app-topbar', imports: [CommonModule, AutoCompleteModule, FormsModule, StyleClassModule, InputSwitchModule], standalone: true, template: "\r\n\r\n<div class=\"layout-topbar\">\r\n  <div class=\"layout-topbar-start\">\r\n    <a class=\"layout-topbar-logo\" routerLink=\"/\">\r\n      <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\r\n      src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\r\n\r\n\r\n      <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\r\n        class=\"layout-topbar-logo-slim\">\r\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\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\"\r\n          fill=\"var(--topbar-item-text-color)\" />\r\n      </svg>\r\n    </a>\r\n    <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\r\n      <i class=\"pi pi-chevron-right\"></i>\r\n    </a>\r\n\r\n    <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\r\n      <i class=\"pi pi-ellipsis-v\"></i>\r\n    </a>\r\n  </div>\r\n\r\n  <div class=\"layout-topbar-end\">\r\n    <!-- Se comentan las opciones de KIT y Utilities -->\r\n    <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\r\n        <label class=\"empresa\">Empresa: {{empresa}}     </label>\r\n        <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}}     </label>\r\n        <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}}     </label>\r\n      <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\r\n    </div>\r\n    <div class=\"layout-topbar-actions-end\">\r\n      <ul class=\"layout-topbar-items\">\r\n        <!--CAMBIAR TEMA-->\r\n        <li class=\"flex align-items-center eleccion-modo\" >\r\n          <!-- <i class=\"pi pi-sun mr-1\"></i> -->\r\n          <p-inputSwitch  tabindex=\"0\"  [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\" (keydown.enter)=\"toggleSwitch()\"></p-inputSwitch>\r\n          <!-- <i class=\"pi pi-moon ml-1\"></i> -->\r\n        </li>\r\n        <li class=\"layout-topbar-search\" tabindex=\"0\" id=\"searchButton\" >\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" \r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\r\n            <i class=\"pi pi-search\"></i>\r\n          </a>\r\n          <!--BUSCADOR-->\r\n          <div onclick=\"mostrardiv()\" appEnterPress [ngClass]=\"{'layout-search-panel p-input-filled': mostrarSearch, 'layout-search-panel p-input-filled ng-hidden': !mostrarSearch}\"  tabindex=\"0\"  tabindex=\"0\">\r\n            <i class=\"pi pi-search\"></i>\r\n            <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\r\n            <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\r\n              [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\r\n              (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\r\n              [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\r\n            </p-autoComplete>\r\n\r\n\r\n            <div class=\"layout-search-panel ng-hidden p-input-filled\">\r\n              <i class=\"pi pi-search\"></i>\r\n              <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\r\n              <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"  tabindex=\"0\"\r\n                [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\r\n                (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\r\n                [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\r\n              </p-autoComplete>\r\n              <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\r\n                class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\r\n                leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\r\n            </div>\r\n            </div>\r\n        </li>\r\n        <!-- <li>\r\n                  NOTIFICACIONES\r\n                    <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n                        <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\r\n                    </a>\r\n                    <div class=\"ng-hidden\">\r\n                        <ul class=\"list-none p-0 m-0\">\r\n                            <li class=\"px-3 py-1\">\r\n                                <span>You have <b>4</b> new notifications</span>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-1.png\" />\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"font-bold\">Jerome Bell</span>\r\n                                            <small>42 mins ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Cameron Williamson</span>\r\n                                            <small>48 mins ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Anna Miles</span>\r\n                                            <small>1 day ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"p-3\">\r\n                                <div class=\"flex align-items-center\">\r\n                                    <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\r\n                                    <div class=\"flex flex-column ml-3 flex-1\">\r\n                                        <div class=\"flex align-items-center justify-content-between mb-1\">\r\n                                            <span class=\"fs-small font-bold\">Arlene Mccoy</span>\r\n                                            <small>4 day ago</small>\r\n                                        </div>\r\n                                        <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </li> -->\r\n        <li  tabindex=\"0\">\r\n          <!-- MODULOS -->\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n            <i class=\"pi pi-table\"></i>\r\n          </a>\r\n          <div class=\"ng-hidden\">\r\n            <div class=\"flex flex-wrap p-2 modulos\">\r\n              <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\r\n                <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\r\n                  <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\r\n                    pRipple>\r\n                    <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\"  [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\r\n\r\n                  </button>\r\n                  <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </li>\r\n        <li tabindex=\"0\">\r\n          <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\r\n            leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\r\n            <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\r\n              <label class=\"font-semibold\">{{iniciales}}</label>\r\n          </div>\r\n          </a>\r\n          <div class=\"ng-hidden\">\r\n            <ul class=\"list-none p-0 m-0\">\r\n              <!-- Funciones Apagadas de perfil -->\r\n              <!-- <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-cog mr-2\"></i>\r\n                                    <span>Settings</span>\r\n                                </a>\r\n                            </li>\r\n                            <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-file-o mr-2\"></i>\r\n                                    <span>Terms of Usage</span>\r\n                                </a>\r\n                            </li>\r\n                            <li>\r\n                                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\r\n                                    <i class=\"pi pi-compass mr-2\"></i>\r\n                                    <span>Support</span>\r\n                                </a>\r\n                            </li> -->\r\n              <li tabindex=\"0\">\r\n                <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\r\n                  pRipple (click)=\"salir()\">\r\n                  <i class=\"pi pi-power-off mr-2\"></i>\r\n                  <span>Cerrar sesi\u00F3n</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], 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: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -4642,6 +4649,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
             }], autocomplete: [{
                 type: ViewChild,
                 args: ['searchInput', { static: false }]
+            }], handleKeyboardEvent: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
             }] } });
 
 class AppFooterComponent {