import { EventEmitter } from '@angular/core';
import { SearchHeaderMetadata } from './types';
import * as i0 from "@angular/core";
/**
* `val-search-header` — header/toolbar con búsqueda desplegable.
*
* El botón de búsqueda es una ICON action del toolbar (igual que
* menu/avatar/notificaciones), identificada por su `token` (`searchToken`).
* Al presionarla se despliega un `val-searchbar` debajo del toolbar: 100% del
* ancho en mobile, un máximo centrado en desktop.
*
* Reusa `val-toolbar` para el header — las demás acciones se emiten por
* `(onAction)`. La query se emite por `(search)`.
*
* @example
* ```html
*
* Filter: All
*
* ```
*/
export declare class SearchHeaderComponent {
private host;
/** Configuración del search header. */
props: SearchHeaderMetadata;
/** Emite el token de cualquier acción del toolbar que NO sea la de búsqueda. */
onAction: EventEmitter;
/** Emite la query del searchbar. */
search: EventEmitter;
/** Emite al abrir/cerrar la barra de búsqueda. */
searchToggle: EventEmitter;
/** Emite cuando el searchbar pierde el foco. */
blur: EventEmitter;
private readonly _open;
readonly open: import("@angular/core").Signal;
config: import("@angular/core").Signal>>;
constructor();
handleToolbar(token?: string): void;
toggle(): void;
private focusSearchbar;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}