sdk-select
Version:
Simple to use (Angular) select option.
68 lines (67 loc) • 3.93 kB
TypeScript
import { ElementRef, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
export declare class SDKSelectComponent {
/**************************************************************************
* Input/Output Parameters
**************************************************************************/
label: any;
labelPosition: string;
labelStyle: any;
options: any;
optionStyle: any;
optionValuesStyle: any;
forceOptionBottom: boolean;
noValueLabel: string;
noValueDisabled: boolean;
displayValue: any;
displayGroup: any;
multiSelect: boolean;
multiValues: boolean;
selectedOptions: any;
resetLabel: string;
hoverColor: any;
selectedColor: any;
selectedBackground: any;
selectChangeEvent: EventEmitter<any>;
/**************************************************************************
* Component Variables
**************************************************************************/
dropdown: ElementRef | undefined;
dropdownValue: ElementRef | undefined;
singleSelect: ElementRef | undefined;
multipleSelect: ElementRef | undefined;
protected _options: any;
protected showDropdown: boolean;
protected adjustedOptionValuesStyle: any;
private closeTimer;
private allowClose;
private scrollTop;
private mouseEnterSub;
private mouseLeaveSub;
/**************************************************************************
* Component Lifecycle Methods
**************************************************************************/
protected ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
/**************************************************************************
* Protected Methods
**************************************************************************/
protected startClose(): void;
protected stopClose(): void;
protected setDropdown(): void;
protected selectionBuilder(): any;
protected valueBuilder(option: any): any;
protected titleBuilder(): any;
protected isSelected(option: any): boolean;
protected selectItem(option: any): void;
protected groupSelections(group: any): void;
protected clearSelections(): void;
protected allSelections(): void;
/**************************************************************************
* Protected Methods
**************************************************************************/
private setStyle;
static ɵfac: i0.ɵɵFactoryDeclaration<SDKSelectComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SDKSelectComponent, "sdk-select", never, { "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "labelStyle": { "alias": "labelStyle"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionStyle": { "alias": "optionStyle"; "required": false; }; "optionValuesStyle": { "alias": "optionValuesStyle"; "required": false; }; "forceOptionBottom": { "alias": "forceOptionBottom"; "required": false; }; "noValueLabel": { "alias": "noValueLabel"; "required": false; }; "noValueDisabled": { "alias": "noValueDisabled"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "displayGroup": { "alias": "displayGroup"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; "multiValues": { "alias": "multiValues"; "required": false; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; }; "resetLabel": { "alias": "resetLabel"; "required": false; }; "hoverColor": { "alias": "hoverColor"; "required": false; }; "selectedColor": { "alias": "selectedColor"; "required": false; }; "selectedBackground": { "alias": "selectedBackground"; "required": false; }; }, { "selectChangeEvent": "selectChangeEvent"; }, never, never, true, never>;
}