UNPKG

sp-combo

Version:

# Angular sp-combo - Multiselect, Multiline and Autocomplete

196 lines 6.92 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 { SpOption } from './sp-select.types'; import { NgDropdownPanelComponent } from './ng-dropdown-panel.component'; import { NgOptionComponent } from './ng-option.component'; import { SelectionModelFactory } from './selection-model'; import { SpSelectConfig } 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 SpSelectComponent 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; editableSearchTerm: boolean; keyDownFn: (_: KeyboardEvent) => boolean; typeahead: Subject<string>; multiple: boolean; addTag: boolean | AddTagFn; searchable: boolean; clearable: boolean; isOpen: boolean; get items(): any[]; set items(value: any[]); get compareWith(): CompareWithFn; set compareWith(fn: CompareWithFn); get clearSearchOnAdd(): boolean; set clearSearchOnAdd(value: boolean); extraLables?: string; extraValues?: string; blurEvent: EventEmitter<any>; focusEvent: EventEmitter<any>; changeEvent: EventEmitter<any>; openEvent: EventEmitter<any>; closeEvent: EventEmitter<any>; searchEvent: EventEmitter<{ term: string; items: any[]; }>; clearEvent: EventEmitter<any>; addEvent: EventEmitter<any>; removeEvent: EventEmitter<any>; scroll: EventEmitter<{ start: number; end: number; }>; scrollToEnd: EventEmitter<any>; 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>; get disabled(): boolean; get filtered(): boolean; itemsList: ItemsList; viewPortItems: SpOption[]; searchTerm: string; dropdownId: string; element: HTMLElement; focused: boolean; escapeHTML: boolean; useDefaultClass: boolean; private _items; private _itemsAreUsed; private _defaultLabel; private _primitive; private _manualOpen; private _disabled; private _pressedKeys; private _compareWith; private _clearSearchOnAdd; private _isComposing; private get _editableSearchTerm(); private readonly _destroy$; private readonly _keyPress$; private _onChange; private _onTouched; extraLbl: any[]; extraVal: any[]; clearItem: (item: any) => void; constructor(classes: string, autoFocus: any, config: SpSelectConfig, newSelectionModel: SelectionModelFactory, _elementRef: ElementRef<HTMLElement>, _cd: ChangeDetectorRef, _console: ConsoleService); get selectedItems(): SpOption[]; get selectedValues(): (string | Object)[]; get hasValue(): boolean; get currentPanelPosition(): DropdownPosition; getExtraValue(item: any, idx: any): any; 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: SpOption): void; select(item: SpOption): void; focus(): void; blur(): void; unselect(item: SpOption): void; selectTag(): void; showClear(): boolean; trackByOption: (_: number, item: SpOption) => any; get 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: SpOption): void; detectChanges(): void; private _setSearchTermFromItems; 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 get _isTypeahead(); private get _validTerm(); private _mergeGlobalConfig; } //# sourceMappingURL=sp-select.component.d.ts.map