import * as i0 from '@angular/core';
import { OnInit, OnChanges, EventEmitter, TemplateRef, ElementRef, SimpleChanges } from '@angular/core';
import { Query, ResultItem } from '@spinque/query-api';
import { Observable } from 'rxjs';
import { SpinqueApiService } from '@spinque/angular-ui';
import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
import { FormControl } from '@angular/forms';

/**
 * A search bar with support for autosuggest, working with SpinqueQuery stacks.
 */
declare class SpinqueSearchField implements OnInit, OnChanges {
    private api;
    /**
     * Set the value of the input field
     */
    value?: string;
    /**
     * Assumes that the top endpoint in the query is the endpoint to use for suggest
     */
    query?: Query;
    /**
     * Name of the parameter in the suggest endpoint to fill with the query when suggesting
     */
    parameterName?: string;
    /**
     * Placeholder value for the search input
     */
    placeholder: string;
    showSearchButton: boolean;
    icon?: string;
    ariaLabelClearButton?: string;
    ariaLabelSearchButton?: string;
    ariaLabelSearchFieldInput?: string;
    /**
     * Delay between keystrokes for submitting the next queryChange
     */
    debounceTime: number;
    /**
     * Outputs the query whenever it changes
     */
    queryChange: EventEmitter<string>;
    /**
     * Outputs the query when the uses presses 'enter', the search button or a suggestion
     */
    search: EventEmitter<string>;
    template: TemplateRef<any> | null;
    autocomplete?: MatAutocompleteTrigger;
    autocompleteControl?: FormControl<string | null>;
    autocomplete$?: Observable<any>;
    hasAutocompleteResults: boolean;
    /**
     * Mapping from SpinqueResultItem to string
     */
    itemToText: (item: ResultItem) => string;
    input: ElementRef<HTMLElement>;
    constructor(api: SpinqueApiService);
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    submit(): void;
    clear(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueSearchField, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueSearchField, "spinque-search-field", never, { "value": { "alias": "value"; "required": false; }; "query": { "alias": "query"; "required": false; }; "parameterName": { "alias": "parameterName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showSearchButton": { "alias": "showSearchButton"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ariaLabelClearButton": { "alias": "ariaLabelClearButton"; "required": false; }; "ariaLabelSearchButton": { "alias": "ariaLabelSearchButton"; "required": false; }; "ariaLabelSearchFieldInput": { "alias": "ariaLabelSearchFieldInput"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "itemToText": { "alias": "itemToText"; "required": false; }; }, { "queryChange": "queryChange"; "search": "search"; }, ["template"], never, true, never>;
}

export { SpinqueSearchField };