@ng-matero/ng-select 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.d.ts
CHANGED
|
@@ -21,6 +21,14 @@ type CompareWithFn = (a: any, b: any) => boolean;
|
|
|
21
21
|
type GroupValueFn = (key: string | any, children: any[]) => string | any;
|
|
22
22
|
type SearchFn = (term: string, item: any) => boolean;
|
|
23
23
|
type TrackByFn = (item: any) => any;
|
|
24
|
+
interface SearchEvent {
|
|
25
|
+
term: string;
|
|
26
|
+
items: any[];
|
|
27
|
+
}
|
|
28
|
+
interface ScrollEvent {
|
|
29
|
+
start: number;
|
|
30
|
+
end: number;
|
|
31
|
+
}
|
|
24
32
|
|
|
25
33
|
declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
|
|
26
34
|
items: NgOptionItem[];
|
|
@@ -33,11 +41,8 @@ declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
|
|
|
33
41
|
footerTemplate?: TemplateRef<any>;
|
|
34
42
|
filterValue: string | null;
|
|
35
43
|
ariaLabelDropdown: string | null;
|
|
36
|
-
update: EventEmitter<
|
|
37
|
-
scroll: EventEmitter<
|
|
38
|
-
start: number;
|
|
39
|
-
end: number;
|
|
40
|
-
}>;
|
|
44
|
+
update: EventEmitter<NgOptionItem[]>;
|
|
45
|
+
scroll: EventEmitter<ScrollEvent>;
|
|
41
46
|
scrollToEnd: EventEmitter<void>;
|
|
42
47
|
outsideClick: EventEmitter<void>;
|
|
43
48
|
contentElementRef: ElementRef<HTMLElement>;
|
|
@@ -222,6 +227,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
|
|
|
222
227
|
readonly newSelectionModel: SelectionModelFactory | null;
|
|
223
228
|
readonly autoFocus: string | null;
|
|
224
229
|
readonly classes: string | null;
|
|
230
|
+
_classList: Record<string, boolean>;
|
|
225
231
|
bindLabel?: string;
|
|
226
232
|
bindValue?: string;
|
|
227
233
|
placeholder?: string;
|
|
@@ -249,10 +255,10 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
|
|
|
249
255
|
maxSelectedItems: number;
|
|
250
256
|
minTermLength: number;
|
|
251
257
|
markFirst: boolean;
|
|
258
|
+
preventToggleOnRightClick: boolean;
|
|
252
259
|
addTag: boolean | AddTagFn;
|
|
253
260
|
addTagText?: string;
|
|
254
261
|
notFoundText?: string;
|
|
255
|
-
preventToggleOnRightClick: boolean;
|
|
256
262
|
typeahead?: Subject<string>;
|
|
257
263
|
typeToSearchText?: string;
|
|
258
264
|
groupBy?: string | ((value: any) => any);
|
|
@@ -268,8 +274,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
|
|
|
268
274
|
tabIndex?: number;
|
|
269
275
|
tabFocusOnClearButton?: boolean;
|
|
270
276
|
isOpen?: boolean;
|
|
271
|
-
panelClass
|
|
272
|
-
get _panelClass(): string;
|
|
277
|
+
set panelClass(value: string | string[] | Record<string, any> | undefined);
|
|
273
278
|
get items(): readonly any[] | null | undefined;
|
|
274
279
|
set items(value: readonly any[] | null | undefined);
|
|
275
280
|
private _items;
|
|
@@ -284,23 +289,17 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
|
|
|
284
289
|
get deselectOnClick(): boolean | undefined;
|
|
285
290
|
set deselectOnClick(value: boolean | undefined);
|
|
286
291
|
private _deselectOnClick?;
|
|
287
|
-
blurEvent: EventEmitter<
|
|
288
|
-
focusEvent: EventEmitter<
|
|
292
|
+
blurEvent: EventEmitter<FocusEvent>;
|
|
293
|
+
focusEvent: EventEmitter<FocusEvent>;
|
|
289
294
|
changeEvent: EventEmitter<any>;
|
|
290
|
-
openEvent: EventEmitter<
|
|
291
|
-
closeEvent: EventEmitter<
|
|
292
|
-
searchEvent: EventEmitter<
|
|
293
|
-
|
|
294
|
-
items: any[];
|
|
295
|
-
}>;
|
|
296
|
-
clearEvent: EventEmitter<any>;
|
|
295
|
+
openEvent: EventEmitter<void>;
|
|
296
|
+
closeEvent: EventEmitter<void>;
|
|
297
|
+
searchEvent: EventEmitter<SearchEvent>;
|
|
298
|
+
clearEvent: EventEmitter<void>;
|
|
297
299
|
addEvent: EventEmitter<any>;
|
|
298
300
|
removeEvent: EventEmitter<any>;
|
|
299
|
-
scroll: EventEmitter<
|
|
300
|
-
|
|
301
|
-
end: number;
|
|
302
|
-
}>;
|
|
303
|
-
scrollToEnd: EventEmitter<any>;
|
|
301
|
+
scroll: EventEmitter<ScrollEvent>;
|
|
302
|
+
scrollToEnd: EventEmitter<void>;
|
|
304
303
|
dropdownPanel: NgDropdownPanel;
|
|
305
304
|
searchInput: ElementRef<HTMLInputElement>;
|
|
306
305
|
clearButton?: ElementRef<HTMLSpanElement>;
|
|
@@ -423,7 +422,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
|
|
|
423
422
|
*/
|
|
424
423
|
private isVirtualScrollDisabled;
|
|
425
424
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgSelect, never>;
|
|
426
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgSelect, "ng-select", never, { "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fixedPlaceholder": { "alias": "fixedPlaceholder"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "
|
|
425
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgSelect, "ng-select", never, { "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fixedPlaceholder": { "alias": "fixedPlaceholder"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "preventToggleOnRightClick": { "alias": "preventToggleOnRightClick"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "ariaLabelDropdown": { "alias": "ariaLabelDropdown"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "tabFocusOnClearButton": { "alias": "tabFocusOnClearButton"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "deselectOnClick": { "alias": "deselectOnClick"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "placeholderTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "clearButtonTemplate", "ngOptions"], never, true, never>;
|
|
427
426
|
static ngAcceptInputType_readonly: unknown;
|
|
428
427
|
static ngAcceptInputType_multiple: unknown;
|
|
429
428
|
static ngAcceptInputType_searchable: unknown;
|
|
@@ -443,6 +442,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
|
|
|
443
442
|
static ngAcceptInputType_maxSelectedItems: unknown;
|
|
444
443
|
static ngAcceptInputType_minTermLength: unknown;
|
|
445
444
|
static ngAcceptInputType_markFirst: unknown;
|
|
445
|
+
static ngAcceptInputType_preventToggleOnRightClick: unknown;
|
|
446
446
|
static ngAcceptInputType_tabIndex: unknown;
|
|
447
447
|
}
|
|
448
448
|
|
|
@@ -549,4 +549,4 @@ declare class NgSelectModule {
|
|
|
549
549
|
}
|
|
550
550
|
|
|
551
551
|
export { DefaultSelectionModel, DefaultSelectionModelFactory, NgClearButtonTemplate, NgDropdownPanel, NgDropdownPanelUtils, NgFooterTemplate, NgHeaderTemplate, NgItemLabel, NgLabelTemplate, NgLoadingSpinnerTemplate, NgLoadingTextTemplate, NgMultiLabelTemplate, NgNotFoundTemplate, NgOptgroupTemplate, NgOption, NgOptionHighlight, NgOptionTemplate, NgPlaceholderTemplate, NgSelect, NgSelectConfig, NgSelectModule, NgTagTemplate, NgTypeToSearchTemplate, SELECTION_MODEL_FACTORY };
|
|
552
|
-
export type { AddTagFn, CompareWithFn, DropdownPosition, GroupValueFn, ItemsRangeResult, NgOptionItem, PanelDimensions, SearchFn, SelectionModel, SelectionModelFactory, TrackByFn };
|
|
552
|
+
export type { AddTagFn, CompareWithFn, DropdownPosition, GroupValueFn, ItemsRangeResult, NgOptionItem, PanelDimensions, ScrollEvent, SearchEvent, SearchFn, SelectionModel, SelectionModelFactory, TrackByFn };
|