import { AutocompleteComponentConfig, HawkSearchComponents } from '../../../configuration'; import { AutocompleteComponentModel, AutocompleteResponse } from '../../../models'; import { BaseComponent } from '../../base.component'; /** * The Autocomplete component displays a preview of search results after a user begins to type a query in the {@link Components.SearchFieldComponent}. * * ## Tag * The tag for this component is ``. * * ## Event-Binding Attributes * ### Categories * | Name | Value | * | :- | :- | * | hawksearch-category-field | {@link Models.AutocompleteCategory.field} | * | hawksearch-category-field | {@link Models.AutocompleteCategory.value} | * * ### Content Results * | Name | Value | * | :- | :- | * | hawksearch-content | {@link Models.AutocompleteProductResult.id } | * * When an element with this attribute is clicked, the click will be tracked and the user will be redirected to the page corresponding to that content item. * * ### Product Results * | Name | Value | * | :- | :- | * | hawksearch-product | {@link Models.AutocompleteProductResult.id } | * * When an element with this attribute is clicked, the click will be tracked and the user will be redirected to the page corresponding to that content item. * * ### Query Results (Popular Queries) * | Name | Value | * | :- | :- | * | hawksearch-query | {@link Models.AutocompleteQuery.query } | * * When an element with this attribute is clicked, the click will be tracked and the user will be redirected to the page corresponding to that product. * * ### View All Results * | Name | Value | * | :- | :- | * | hawksearch-view-all | | * * When an element with this attribute is clicked, a new search will be executed with the query entered in the search box. * * ## Attributes * | Name | Value | * | :- | :- | * | request-type | The search request type to use when the "View All" link is clicked (e.g. `UnifiedSearch`). When omitted, the search service default is used. | * * ## 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 ./autocomplete.component.hbs} * * @category Search */ export declare class AutocompleteComponent extends BaseComponent { protected bindFromEvent: boolean; protected componentName: keyof HawkSearchComponents; protected defaultHtml: string; private get requestType(); private get hasResults(); private get showAlways(); protected renderContent(): boolean; protected getContentModel(): AutocompleteComponentModel; connectedCallback(): void; protected onRender(): void; private close; }