UNPKG

@ng-select/ng-select

Version:

Angular ng-select - All in One UI Select, Multiselect and Autocomplete

184 lines (183 loc) 6.29 kB
import { OnDestroy, OnChanges, AfterViewInit, ChangeDetectorRef, EventEmitter, TemplateRef, ElementRef, SimpleChanges, QueryList, InjectionToken } from '@angular/core'; import { ControlValueAccessor } from '@angular/forms'; import { Subject } from 'rxjs'; import { ConsoleService } from './console.service'; import { ItemsList } from './items-list'; import { NgOption } from './ng-select.types'; import { NgDropdownPanelComponent } from './ng-dropdown-panel.component'; import { NgOptionComponent } from './ng-option.component'; import { SelectionModelFactory } from './selection-model'; import { NgSelectConfig } from './config.service'; export declare const SELECTION_MODEL_FACTORY: InjectionToken<SelectionModelFactory>; export declare type DropdownPosition = 'bottom' | 'top' | 'auto'; export declare type AddTagFn = ((term: string) => any | Promise<any>); export declare type CompareWithFn = (a: any, b: any) => boolean; export declare type GroupValueFn = (key: string | object, children: any[]) => string | object; export declare class NgSelectComponent implements OnDestroy, OnChanges, AfterViewInit, ControlValueAccessor { classes: string; private autoFocus; private _cd; private _console; bindLabel: string; bindValue: string; markFirst: boolean; placeholder: string; notFoundText: string; typeToSearchText: string; addTagText: string; loadingText: string; clearAllText: string; appearance: string; dropdownPosition: DropdownPosition; appendTo: string; loading: boolean; closeOnSelect: boolean; hideSelected: boolean; selectOnTab: boolean; openOnEnter: boolean; maxSelectedItems: number; groupBy: string | Function; groupValue: GroupValueFn; bufferAmount: number; virtualScroll: boolean; selectableGroup: boolean; selectableGroupAsModel: boolean; searchFn: any; trackByFn: any; clearOnBackspace: boolean; labelForId: any; inputAttrs: { [key: string]: string; }; tabIndex: number; readonly: boolean; searchWhileComposing: boolean; minTermLength: number; keyDownFn: (_: KeyboardEvent) => boolean; typeahead: Subject<string>; multiple: boolean; addTag: boolean | AddTagFn; searchable: boolean; clearable: boolean; isOpen: boolean; items: any[]; compareWith: CompareWithFn; clearSearchOnAdd: boolean; blurEvent: EventEmitter<{}>; focusEvent: EventEmitter<{}>; changeEvent: EventEmitter<{}>; openEvent: EventEmitter<{}>; closeEvent: EventEmitter<{}>; searchEvent: EventEmitter<{ term: string; items: any[]; }>; clearEvent: EventEmitter<{}>; addEvent: EventEmitter<{}>; removeEvent: EventEmitter<{}>; scroll: EventEmitter<{ start: number; end: number; }>; scrollToEnd: EventEmitter<{}>; optionTemplate: TemplateRef<any>; optgroupTemplate: TemplateRef<any>; labelTemplate: TemplateRef<any>; multiLabelTemplate: TemplateRef<any>; headerTemplate: TemplateRef<any>; footerTemplate: TemplateRef<any>; notFoundTemplate: TemplateRef<any>; typeToSearchTemplate: TemplateRef<any>; loadingTextTemplate: TemplateRef<any>; tagTemplate: TemplateRef<any>; loadingSpinnerTemplate: TemplateRef<any>; dropdownPanel: NgDropdownPanelComponent; searchInput: ElementRef<HTMLInputElement>; ngOptions: QueryList<NgOptionComponent>; readonly disabled: boolean; readonly filtered: boolean; itemsList: ItemsList; viewPortItems: NgOption[]; searchTerm: string; dropdownId: string; element: HTMLElement; focused: boolean; escapeHTML: boolean; private _items; private _itemsAreUsed; private _defaultLabel; private _primitive; private _manualOpen; private _disabled; private _pressedKeys; private _compareWith; private _clearSearchOnAdd; private _isComposing; private readonly _destroy$; private readonly _keyPress$; private _onChange; private _onTouched; clearItem: (item: any) => void; constructor(classes: string, autoFocus: any, config: NgSelectConfig, newSelectionModel: SelectionModelFactory, _elementRef: ElementRef<HTMLElement>, _cd: ChangeDetectorRef, _console: ConsoleService); readonly selectedItems: NgOption[]; readonly selectedValues: (string | Object)[]; readonly hasValue: boolean; readonly currentPanelPosition: DropdownPosition; ngOnInit(): void; ngOnChanges(changes: SimpleChanges): void; ngAfterViewInit(): void; ngOnDestroy(): void; handleKeyDown($event: KeyboardEvent): void; handleKeyCode($event: KeyboardEvent): void; handleMousedown($event: MouseEvent): void; handleArrowClick(): void; handleClearClick(): void; clearModel(): void; writeValue(value: any | any[]): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState(state: boolean): void; toggle(): void; open(): void; close(): void; toggleItem(item: NgOption): void; select(item: NgOption): void; focus(): void; blur(): void; unselect(item: NgOption): void; selectTag(): void; showClear(): boolean; trackByOption: (_: number, item: NgOption) => any; readonly showAddTag: boolean; showNoItemsFound(): boolean; showTypeToSearch(): boolean; onCompositionStart(): void; onCompositionEnd(term: string): void; filter(term: string): void; onInputFocus($event: any): void; onInputBlur($event: any): void; onItemHover(item: NgOption): void; detectChanges(): void; private _setItems; private _setItemsFromNgOptions; private _isValidWriteValue; private _handleWriteValue; private _handleKeyPresses; private _setInputAttributes; private _updateNgModel; private _clearSearch; private _changeSearch; private _scrollToMarked; private _scrollToTag; private _onSelectionChanged; private _handleTab; private _handleEnter; private _handleSpace; private _handleArrowDown; private _handleArrowUp; private _nextItemIsTag; private _handleBackspace; private readonly _isTypeahead; private readonly _validTerm; private _mergeGlobalConfig; }