import { HawkSearchComponents, SearchFieldComponentConfig } from '../../../configuration'; import { SearchFieldComponentModel, SearchResponse } from '../../../models'; import { BaseComponent } from '../../base.component'; /** * The Search component contains a text input element which triggers the {@link Components.AutocompleteComponent | Autocomplete component} as the user types and executes a new search when the user hits the `enter` key. * * ## Tag * The tag for this component is ``. * * ## Event-Binding Attributes * | Name | Value | * | :- | :- | * | hawksearch-input | | * * Input elements with this attribute will trigger {@link Components.AutocompleteComponent | Autocomplete} functionality when the user types and executes a new search when the user hits the `enter` key. * * ## Default Template * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point. * {@embed ./search-field.component.hbs} * * @category Search */ export declare class SearchFieldComponent extends BaseComponent { protected componentName: keyof HawkSearchComponents; protected defaultHtml: string; protected bindFromEvent: boolean; private clickEventHandler; private defaultAutocompleteResponse?; private previousAutocompleteResponse?; private previousValue; private get autocompleteMinCharacterCount(); private get recommendationsEnabled(); private get searchDebounceValue(); private get disableAutofill(); private get disablePlaceholderAnimation(); private get autocompleteWidgetId(); private placeholderAnimationAbortController?; connectedCallback(): void; disconnectedCallback(): void; protected getContentModel(): SearchFieldComponentModel; protected onRender(): void; private toggleAutocomplete; private displayDefaultAutocomplete; private animatePlaceholder; private setInputPlaceholder; }