import * as i0 from '@angular/core'; import { Signal, TemplateRef, WritableSignal, OnDestroy } from '@angular/core'; import { Subject } from 'rxjs'; import * as i3 from 'tableau-ui-angular/common'; import { OptionComponent, IOptionGridContext, PrefixComponent, SuffixComponent } from 'tableau-ui-angular/common'; import * as i5 from 'tableau-ui-angular/dialog'; import { DialogRef } from 'tableau-ui-angular/dialog'; import { Primitive } from 'tableau-ui-angular/types'; import * as i4 from '@angular/common'; declare class AutoCompleteComponent { private readonly dialogService; private readonly elementRef; protected readonly dropdownId: string; readonly selectValue$: Subject>; /** * The CSS text to apply to the dropdown container * @remarks * Use this to apply height, maxHeight, etc. to the dropdown container * @default '{}' */ readonly $dropdownContainerCss: i0.ModelSignal>; /** * The CSS text to apply to the options container in the dropdown * @remarks * Use this to apply height, maxHeight, etc. to the dropdown * This is applied to the options container, excluding the prefix & suffix * * @default "{ maxHeight: '300px', height: 'fit-content'}" */ readonly $dropdownOptionsContainerCss: i0.ModelSignal>; /** * The template context to use for the dropdown options * @remarks * Use this to display the 'icon', 'text', and 'hint' properties of the options conditionally */ readonly $dropdownValueTemplateContext: i0.ModelSignal; protected readonly $options: Signal[]>; protected readonly $dropdownPrefix: Signal; protected readonly $dropdownSuffix: Signal; protected readonly $dropdownTemplate: Signal | undefined>; constructor(); private readonly $openDialog; openDropdown(parentControl: HTMLInputElement): DialogRef; closeDropdown(): void; protected readonly $highlightedOption: WritableSignal | undefined>; protected optionMouseDown(event: MouseEvent): void; private optionKeyNavSubscription; private registerKeyNavigation; private unregisterKeyNavigation; /** * * @param e Handles KeyDown event for: * - host element * - global keydown event when dropdown is open * @returns */ private onKeyDown; static ɵfac: i0.ɵɵFactoryDeclaration, never>; static ɵcmp: i0.ɵɵComponentDeclaration, "tab-autocomplete", never, { "$dropdownContainerCss": { "alias": "dropdownContainerCss"; "required": false; "isSignal": true; }; "$dropdownOptionsContainerCss": { "alias": "dropdownOptionsContainerCss"; "required": false; "isSignal": true; }; "$dropdownValueTemplateContext": { "alias": "dropdownValueTemplateContext"; "required": false; "isSignal": true; }; }, { "$dropdownContainerCss": "dropdownContainerCssChange"; "$dropdownOptionsContainerCss": "dropdownOptionsContainerCssChange"; "$dropdownValueTemplateContext": "dropdownValueTemplateContextChange"; }, ["$options", "$dropdownPrefix", "$dropdownSuffix"], ["tab-prefix", "tab-suffix"], false, never>; } declare class AutoCompleteDirective implements OnDestroy { private readonly ref; readonly $tabAutoComplete: i0.InputSignal>; private autoCompleteSelectedSub; private readonly autocompleteChanged; onFocusIn(): void; onFocusOut(): void; onInput(): void; onClick(): void; ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration, never>; static ɵdir: i0.ɵɵDirectiveDeclaration, "input[tabAutoComplete]", never, { "$tabAutoComplete": { "alias": "tabAutoComplete"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>; } declare class TableauUiAutoCompleteModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export { AutoCompleteComponent, AutoCompleteDirective, TableauUiAutoCompleteModule };