@alfresco/adf-core
Version:
94 lines (93 loc) • 4.95 kB
TypeScript
import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { UserPreferencesService } from '../common';
import { SearchAnimationDirection, SearchTextStateEnum } from './models/search-text-input.model';
import * as i0 from "@angular/core";
export declare class SearchTextInputComponent implements OnInit, OnDestroy {
private userPreferencesService;
/** Toggles auto-completion of the search input field. */
autocomplete: boolean;
/**
* Toggles whether to use an expanding search control. If false
* then a regular input is used.
*/
expandable: boolean;
/** Type of the input field to render, e.g. "search" or "text" (default). */
inputType: string;
/** Toggles "find-as-you-type" suggestions for possible matches. */
liveSearchEnabled: boolean;
/** Trigger autocomplete results on input change. */
searchAutocomplete: any;
/** Search term preselected */
searchTerm: string;
/** Debounce time in milliseconds. */
debounceTime: number;
/** Listener for results-list events (focus, blur and focusout). */
focusListener: Observable<FocusEvent>;
/** Collapse search bar on submit. */
collapseOnSubmit: boolean;
/** Default state expanded or Collapsed. */
defaultState: SearchTextStateEnum;
/** Toggles whether to collapse the search on blur. */
collapseOnBlur: boolean;
/** Toggles whether to show a clear button that closes the search */
showClearButton: boolean;
/** Placeholder text to show in the input field */
placeholder: string;
/** Label text to show over the input field */
label: string;
/** Hint label */
hintLabel: string;
/**
* Emitted when the search term is changed. The search term is provided
* in the 'value' property of the returned object. If the term is less
* than three characters in length then it is truncated to an empty
* string.
*/
searchChange: EventEmitter<string>;
/**
* Emitted when the search is submitted by pressing the ENTER key.
* The search term is provided as the value of the event.
*/
submit: EventEmitter<any>;
/** Emitted when the result list is selected */
selectResult: EventEmitter<any>;
/** Emitted when the result list is reset */
reset: EventEmitter<boolean>;
/** Emitted when the search visibility changes. True when the search is active, false when it is inactive */
searchVisibility: EventEmitter<boolean>;
searchInput: ElementRef;
subscriptAnimationState: any;
animationStates: SearchAnimationDirection;
private dir;
private toggleSearch;
private focusSubscription;
private valueChange;
private toggleSubscription;
toggle$: Observable<any>;
private readonly destroyRef;
constructor(userPreferencesService: UserPreferencesService);
ngOnInit(): void;
applySearchFocus(animationDoneEvent: any): void;
getAutoComplete(): string;
private toggleAnimation;
private getDefaultState;
private getAnimationState;
private setupFocusEventHandlers;
private setValueChangeHandler;
selectFirstResult($event: any): void;
onBlur($event: any): void;
inputChange($event: any): void;
toggleSearchBar(): void;
searchSubmit(event: any): void;
activateToolbar(): boolean;
isSearchBarActive(): boolean;
ngOnDestroy(): void;
canShowClearSearch(): boolean;
resetSearch(): void;
private isDefaultStateCollapsed;
private isDefaultStateExpanded;
private emitVisibilitySearch;
static ɵfac: i0.ɵɵFactoryDeclaration<SearchTextInputComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SearchTextInputComponent, "adf-search-text-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "liveSearchEnabled": { "alias": "liveSearchEnabled"; "required": false; }; "searchAutocomplete": { "alias": "searchAutocomplete"; "required": false; }; "searchTerm": { "alias": "searchTerm"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "focusListener": { "alias": "focusListener"; "required": false; }; "collapseOnSubmit": { "alias": "collapseOnSubmit"; "required": false; }; "defaultState": { "alias": "defaultState"; "required": false; }; "collapseOnBlur": { "alias": "collapseOnBlur"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hintLabel": { "alias": "hintLabel"; "required": false; }; }, { "searchChange": "searchChange"; "submit": "submit"; "selectResult": "selectResult"; "reset": "reset"; "searchVisibility": "searchVisibility"; }, never, never, true, never>;
}