@skyux/lookup 6.4.0 → 6.5.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/documentation.json +522 -547
- package/esm2020/lib/modules/autocomplete/autocomplete-input.directive.mjs +2 -2
- package/esm2020/lib/modules/autocomplete/autocomplete.component.mjs +1 -1
- package/esm2020/lib/modules/country-field/country-field.component.mjs +170 -152
- package/esm2020/lib/modules/lookup/lookup-autocomplete-adapter.mjs +14 -8
- package/esm2020/lib/modules/lookup/lookup-show-more-async-modal.component.mjs +65 -58
- package/esm2020/lib/modules/lookup/lookup-show-more-modal.component.mjs +49 -41
- package/esm2020/lib/modules/lookup/lookup.component.mjs +231 -222
- package/esm2020/lib/modules/lookup/types/lookup-show-more-custom-picker-context.mjs +1 -1
- package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.mjs +1 -1
- package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-context.mjs +1 -1
- package/esm2020/lib/modules/search/search-adapter.service.mjs +22 -21
- package/esm2020/lib/modules/search/search.component.mjs +68 -67
- package/esm2020/testing/country-field/country-field-fixture.mjs +1 -1
- package/fesm2015/skyux-lookup-testing.mjs.map +1 -1
- package/fesm2015/skyux-lookup.mjs +607 -564
- package/fesm2015/skyux-lookup.mjs.map +1 -1
- package/fesm2020/skyux-lookup-testing.mjs.map +1 -1
- package/fesm2020/skyux-lookup.mjs +605 -562
- package/fesm2020/skyux-lookup.mjs.map +1 -1
- package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +1 -1
- package/lib/modules/autocomplete/autocomplete.component.d.ts +7 -7
- package/lib/modules/country-field/country-field.component.d.ts +14 -36
- package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +6 -8
- package/lib/modules/lookup/lookup-show-more-async-modal.component.d.ts +9 -16
- package/lib/modules/lookup/lookup-show-more-modal.component.d.ts +3 -4
- package/lib/modules/lookup/lookup.component.d.ts +17 -42
- package/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.d.ts +1 -1
- package/lib/modules/lookup/types/lookup-show-more-native-picker-context.d.ts +1 -1
- package/lib/modules/search/search-adapter.service.d.ts +1 -5
- package/lib/modules/search/search.component.d.ts +11 -22
- package/package.json +10 -10
- package/testing/country-field/country-field-fixture.d.ts +1 -1
|
@@ -9,7 +9,7 @@ export declare class SkyAutocompleteInputDirective implements OnInit, OnDestroy,
|
|
|
9
9
|
* Specifies the value for the `autocomplete` attribute on the form input.
|
|
10
10
|
* @default "off"
|
|
11
11
|
*/
|
|
12
|
-
set autocompleteAttribute(value: string);
|
|
12
|
+
set autocompleteAttribute(value: string | undefined);
|
|
13
13
|
get autocompleteAttribute(): string;
|
|
14
14
|
/**
|
|
15
15
|
* Indicates whether to disable the autocomplete field.
|
|
@@ -30,21 +30,21 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
|
|
|
30
30
|
* when users enter text. For a dynamic data source such as an array that
|
|
31
31
|
* changes due to server calls, use `search` or `searchAsync` instead.
|
|
32
32
|
*/
|
|
33
|
-
set data(value: any[]);
|
|
33
|
+
set data(value: any[] | undefined);
|
|
34
34
|
get data(): any[];
|
|
35
35
|
/**
|
|
36
36
|
* Specifies how many milliseconds to wait before searching while users
|
|
37
37
|
* enter text in the autocomplete field.
|
|
38
38
|
* @default 0
|
|
39
39
|
*/
|
|
40
|
-
set debounceTime(value: number);
|
|
40
|
+
set debounceTime(value: number | undefined);
|
|
41
41
|
get debounceTime(): number;
|
|
42
42
|
/**
|
|
43
43
|
* Specifies an object property to display in the text input after users
|
|
44
44
|
* select an item in the dropdown list.
|
|
45
45
|
* @default "name"
|
|
46
46
|
*/
|
|
47
|
-
set descriptorProperty(value: string);
|
|
47
|
+
set descriptorProperty(value: string | undefined);
|
|
48
48
|
get descriptorProperty(): string;
|
|
49
49
|
/**
|
|
50
50
|
* @internal
|
|
@@ -60,12 +60,12 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
|
|
|
60
60
|
/**
|
|
61
61
|
* @internal
|
|
62
62
|
*/
|
|
63
|
-
wrapperClass
|
|
63
|
+
wrapperClass: string | undefined;
|
|
64
64
|
/**
|
|
65
65
|
* Specifies the object properties to search.
|
|
66
66
|
* @default ["name"]
|
|
67
67
|
*/
|
|
68
|
-
set propertiesToSearch(value: string[]);
|
|
68
|
+
set propertiesToSearch(value: string[] | undefined);
|
|
69
69
|
get propertiesToSearch(): string[];
|
|
70
70
|
/**
|
|
71
71
|
* Specifies a function to dynamically manage the data source when users
|
|
@@ -75,14 +75,14 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
|
|
|
75
75
|
* search requires calling a remote data source, use `searchAsync` instead of
|
|
76
76
|
* `search`.
|
|
77
77
|
*/
|
|
78
|
-
set search(value: SkyAutocompleteSearchFunction);
|
|
78
|
+
set search(value: SkyAutocompleteSearchFunction | undefined);
|
|
79
79
|
get search(): SkyAutocompleteSearchFunction;
|
|
80
80
|
/**
|
|
81
81
|
* Specifies a template to format each search result in the dropdown list.
|
|
82
82
|
* The autocomplete component injects search result values into the template
|
|
83
83
|
* as `item` variables that reference all of the object properties of the search results.
|
|
84
84
|
*/
|
|
85
|
-
set searchResultTemplate(value: TemplateRef<unknown>);
|
|
85
|
+
set searchResultTemplate(value: TemplateRef<unknown> | undefined);
|
|
86
86
|
get searchResultTemplate(): TemplateRef<unknown>;
|
|
87
87
|
/**
|
|
88
88
|
* Specifies the minimum number of characters that users must enter before
|
|
@@ -9,25 +9,21 @@ import { SkyAutocompleteSelectionChange } from '../autocomplete/types/autocomple
|
|
|
9
9
|
import { SkyCountryFieldCountry } from './types/country';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export declare class SkyCountryFieldComponent implements AfterViewInit, ControlValueAccessor, OnDestroy, OnInit, Validator {
|
|
12
|
-
private
|
|
13
|
-
|
|
14
|
-
private windowRef;
|
|
15
|
-
private injector;
|
|
16
|
-
inputBoxHostSvc?: SkyInputBoxHostService;
|
|
17
|
-
private themeSvc?;
|
|
12
|
+
#private;
|
|
13
|
+
inputBoxHostSvc?: SkyInputBoxHostService | undefined;
|
|
18
14
|
/**
|
|
19
15
|
* Specifies the value for the `autocomplete` attribute on the form input.
|
|
20
16
|
* @default "off"
|
|
21
17
|
*/
|
|
22
|
-
autocompleteAttribute: string;
|
|
18
|
+
autocompleteAttribute: string | undefined;
|
|
23
19
|
/**
|
|
24
20
|
* Specifies the [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
|
|
25
21
|
* country code for the default country.
|
|
26
22
|
* When search results include the default country, it appears at the top of the list.
|
|
27
23
|
* @default "us"
|
|
28
24
|
*/
|
|
29
|
-
set defaultCountry(value: string);
|
|
30
|
-
get defaultCountry(): string;
|
|
25
|
+
set defaultCountry(value: string | undefined);
|
|
26
|
+
get defaultCountry(): string | undefined;
|
|
31
27
|
/**
|
|
32
28
|
* Indicates whether to disable the country field.
|
|
33
29
|
* @default false
|
|
@@ -36,20 +32,19 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
|
|
|
36
32
|
get disabled(): boolean;
|
|
37
33
|
/**
|
|
38
34
|
* Indicates whether to hide the flag in the input element.
|
|
39
|
-
* @default false
|
|
40
35
|
*/
|
|
41
36
|
hideSelectedCountryFlag: boolean;
|
|
42
37
|
/**
|
|
43
38
|
* Indicates whether to include phone information in the selected country and country dropdown.
|
|
44
39
|
* @default false
|
|
45
40
|
*/
|
|
46
|
-
set includePhoneInfo(
|
|
41
|
+
set includePhoneInfo(value: boolean);
|
|
47
42
|
get includePhoneInfo(): boolean;
|
|
48
43
|
/**
|
|
49
44
|
* Specifies the [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
|
|
50
45
|
* country codes for the countries that users can select. By default, all countries are available.
|
|
51
46
|
*/
|
|
52
|
-
set supportedCountryISOs(value: string[]);
|
|
47
|
+
set supportedCountryISOs(value: string[] | undefined);
|
|
53
48
|
get supportedCountryISOs(): string[];
|
|
54
49
|
/**
|
|
55
50
|
* Fires when the selected country changes.
|
|
@@ -60,24 +55,13 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
|
|
|
60
55
|
isInputFocused: boolean;
|
|
61
56
|
searchTextMinimumCharacters: number;
|
|
62
57
|
countrySearchAutocompleteDirective: SkyAutocompleteInputDirective;
|
|
63
|
-
set selectedCountry(newCountry: SkyCountryFieldCountry);
|
|
64
|
-
get selectedCountry(): SkyCountryFieldCountry;
|
|
58
|
+
set selectedCountry(newCountry: SkyCountryFieldCountry | undefined);
|
|
59
|
+
get selectedCountry(): SkyCountryFieldCountry | undefined;
|
|
65
60
|
currentTheme: string;
|
|
66
61
|
inputId: string;
|
|
67
62
|
private inputTemplateRef;
|
|
68
63
|
private searchIconTemplateRef;
|
|
69
|
-
|
|
70
|
-
private idle;
|
|
71
|
-
private internalFormChange;
|
|
72
|
-
private isInitialChange;
|
|
73
|
-
private ngControl;
|
|
74
|
-
private ngUnsubscribe;
|
|
75
|
-
private _defaultCountry;
|
|
76
|
-
private _disabled;
|
|
77
|
-
private _includePhoneInfo;
|
|
78
|
-
private _selectedCountry;
|
|
79
|
-
private _supportedCountryISOs;
|
|
80
|
-
constructor(changeDetector: ChangeDetectorRef, elRef: ElementRef, windowRef: SkyAppWindowRef, injector: Injector, inputBoxHostSvc?: SkyInputBoxHostService, themeSvc?: SkyThemeService);
|
|
64
|
+
constructor(changeDetector: ChangeDetectorRef, elRef: ElementRef, windowRef: SkyAppWindowRef, injector: Injector, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService);
|
|
81
65
|
/**
|
|
82
66
|
* Angular lifecycle hook for when the component is initialized
|
|
83
67
|
* @internal
|
|
@@ -101,20 +85,14 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
|
|
|
101
85
|
* @internal
|
|
102
86
|
*/
|
|
103
87
|
onCountrySelected(newCountry: SkyAutocompleteSelectionChange): void;
|
|
104
|
-
onChange: (value: SkyCountryFieldCountry) => void;
|
|
88
|
+
onChange: (value: SkyCountryFieldCountry | undefined) => void;
|
|
105
89
|
onTouched: () => void;
|
|
106
|
-
registerOnChange(fn: (value: SkyCountryFieldCountry) => void): void;
|
|
90
|
+
registerOnChange(fn: (value: SkyCountryFieldCountry | undefined) => void): void;
|
|
107
91
|
registerOnTouched(fn: () => void): void;
|
|
108
92
|
setDisabledState(disabled: boolean): void;
|
|
109
|
-
validate(control: AbstractControl): ValidationErrors;
|
|
110
|
-
writeValue(value: SkyCountryFieldCountry): void;
|
|
93
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
|
94
|
+
writeValue(value: SkyCountryFieldCountry | undefined): void;
|
|
111
95
|
private addEventListeners;
|
|
112
|
-
private countriesAreEqual;
|
|
113
|
-
private countriesEqual;
|
|
114
|
-
private removeEventListeners;
|
|
115
|
-
private setupCountries;
|
|
116
|
-
private sortCountriesWithSelectedAndDefault;
|
|
117
|
-
private updateInputBox;
|
|
118
96
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCountryFieldComponent, [null, null, null, null, { optional: true; }, { optional: true; }]>;
|
|
119
97
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCountryFieldComponent, "sky-country-field", never, { "autocompleteAttribute": "autocompleteAttribute"; "defaultCountry": "defaultCountry"; "disabled": "disabled"; "hideSelectedCountryFlag": "hideSelectedCountryFlag"; "includePhoneInfo": "includePhoneInfo"; "supportedCountryISOs": "supportedCountryISOs"; }, { "selectedCountryChange": "selectedCountryChange"; }, never, never>;
|
|
120
98
|
}
|
|
@@ -7,12 +7,13 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
* @internal
|
|
8
8
|
*/
|
|
9
9
|
export declare class SkyLookupAutocompleteAdapter {
|
|
10
|
+
#private;
|
|
10
11
|
/**
|
|
11
12
|
* Specifies how many milliseconds to wait before searching while users
|
|
12
13
|
* enter text in the lookup field.
|
|
13
14
|
* @default 0
|
|
14
15
|
*/
|
|
15
|
-
debounceTime: number;
|
|
16
|
+
debounceTime: number | undefined;
|
|
16
17
|
/**
|
|
17
18
|
* Specifies an object property to display in the text input after users
|
|
18
19
|
* select an item in the dropdown list.
|
|
@@ -41,14 +42,14 @@ export declare class SkyLookupAutocompleteAdapter {
|
|
|
41
42
|
* injects values into the template as `item` variables that reference all the object
|
|
42
43
|
* properties of the options.
|
|
43
44
|
*/
|
|
44
|
-
searchResultTemplate: TemplateRef<unknown
|
|
45
|
+
searchResultTemplate: TemplateRef<unknown> | undefined;
|
|
45
46
|
/**
|
|
46
47
|
* Specifies the minimum number of characters that users must enter before
|
|
47
48
|
* the lookup component searches the data source and displays search results
|
|
48
49
|
* in the dropdown list.
|
|
49
50
|
* @default 1
|
|
50
51
|
*/
|
|
51
|
-
searchTextMinimumCharacters: number;
|
|
52
|
+
searchTextMinimumCharacters: number | undefined;
|
|
52
53
|
/**
|
|
53
54
|
* Specifies an array of functions to call against each search result in order
|
|
54
55
|
* to filter the search results when using the default search function. When
|
|
@@ -56,20 +57,17 @@ export declare class SkyLookupAutocompleteAdapter {
|
|
|
56
57
|
* applied manually inside that function. The function must return `true` or
|
|
57
58
|
* `false` for each result to indicate whether to display it in the dropdown list.
|
|
58
59
|
*/
|
|
59
|
-
searchFilters: SkyAutocompleteSearchFunctionFilter[];
|
|
60
|
+
searchFilters: SkyAutocompleteSearchFunctionFilter[] | undefined;
|
|
60
61
|
/**
|
|
61
62
|
* Specifies the maximum number of search results to display in the dropdown
|
|
62
63
|
* list. By default, the lookup component displays all matching results.
|
|
63
64
|
*/
|
|
64
|
-
searchResultsLimit: number;
|
|
65
|
+
searchResultsLimit: number | undefined;
|
|
65
66
|
/**
|
|
66
67
|
* Fires when users enter new search information and allows results to be
|
|
67
68
|
* returned via an observable.
|
|
68
69
|
*/
|
|
69
70
|
searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>;
|
|
70
|
-
private _descriptorProperty;
|
|
71
|
-
private _propertiesToSearch;
|
|
72
|
-
private _search;
|
|
73
71
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupAutocompleteAdapter, never>;
|
|
74
72
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyLookupAutocompleteAdapter, never, never, { "debounceTime": "debounceTime"; "descriptorProperty": "descriptorProperty"; "propertiesToSearch": "propertiesToSearch"; "search": "search"; "searchResultTemplate": "searchResultTemplate"; "searchTextMinimumCharacters": "searchTextMinimumCharacters"; "searchFilters": "searchFilters"; "searchResultsLimit": "searchResultsLimit"; }, { "searchAsync": "searchAsync"; }, never>;
|
|
75
73
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
2
2
|
import { SkyModalInstance } from '@skyux/modals';
|
|
3
3
|
import { Subject } from 'rxjs';
|
|
4
4
|
import { SkyLookupShowMoreNativePickerAsyncContext } from './types/lookup-show-more-native-picker-async-context';
|
|
@@ -8,26 +8,23 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Internal component to implement the native picker.
|
|
9
9
|
*/
|
|
10
10
|
export declare class SkyLookupShowMoreAsyncModalComponent implements OnInit, OnDestroy {
|
|
11
|
+
#private;
|
|
11
12
|
modalInstance: SkyModalInstance;
|
|
12
13
|
context: SkyLookupShowMoreNativePickerAsyncContext;
|
|
13
|
-
private changeDetector;
|
|
14
14
|
/**
|
|
15
15
|
* @internal
|
|
16
16
|
* Fires when users select the button to add new options to the list.
|
|
17
17
|
*/
|
|
18
18
|
addClick: Subject<void>;
|
|
19
|
-
|
|
20
|
-
displayedItems: unknown[];
|
|
21
|
-
onlyShowSelected: boolean;
|
|
22
|
-
searchText: string;
|
|
23
|
-
isSearching: boolean;
|
|
19
|
+
displayedItems: any[];
|
|
24
20
|
hasMoreItems: boolean;
|
|
25
21
|
isLoadingMore: boolean;
|
|
22
|
+
isSearching: boolean;
|
|
23
|
+
items: any[];
|
|
24
|
+
onlyShowSelected: boolean;
|
|
25
|
+
repeaterItemTemplate: TemplateRef<unknown> | null;
|
|
26
|
+
searchText: string | undefined;
|
|
26
27
|
selectedIdMap: Map<unknown, unknown>;
|
|
27
|
-
private continuationData;
|
|
28
|
-
private offset;
|
|
29
|
-
private ngUnsubscribe;
|
|
30
|
-
private currentSearchSub;
|
|
31
28
|
constructor(modalInstance: SkyModalInstance, context: SkyLookupShowMoreNativePickerAsyncContext, changeDetector: ChangeDetectorRef);
|
|
32
29
|
ngOnInit(): void;
|
|
33
30
|
ngOnDestroy(): void;
|
|
@@ -39,11 +36,7 @@ export declare class SkyLookupShowMoreAsyncModalComponent implements OnInit, OnD
|
|
|
39
36
|
selectAll(): void;
|
|
40
37
|
infiniteScrollEnd(): void;
|
|
41
38
|
save(): void;
|
|
42
|
-
|
|
43
|
-
private createInitialSelectedItemsMap;
|
|
44
|
-
private performSearch;
|
|
45
|
-
private updateDisplayedItems;
|
|
46
|
-
private cancelCurrentSearch;
|
|
39
|
+
updateDisplayedItems(): void;
|
|
47
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupShowMoreAsyncModalComponent, never>;
|
|
48
41
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyLookupShowMoreAsyncModalComponent, "sky-lookup-show-more-async-modal", never, {}, {}, never, never>;
|
|
49
42
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
2
|
import { SkyModalInstance } from '@skyux/modals';
|
|
3
3
|
import { Subject } from 'rxjs';
|
|
4
4
|
import { SkyLookupShowMoreNativePickerContext } from './types/lookup-show-more-native-picker-context';
|
|
@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Internal component to implement the native picker.
|
|
9
9
|
*/
|
|
10
10
|
export declare class SkyLookupShowMoreModalComponent implements AfterViewInit, OnDestroy {
|
|
11
|
+
#private;
|
|
11
12
|
modalInstance: SkyModalInstance;
|
|
12
13
|
context: SkyLookupShowMoreNativePickerContext;
|
|
13
|
-
private changeDetector;
|
|
14
14
|
/**
|
|
15
15
|
* @internal
|
|
16
16
|
* Fires when users select the button to add new options to the list.
|
|
@@ -28,13 +28,12 @@ export declare class SkyLookupShowMoreModalComponent implements AfterViewInit, O
|
|
|
28
28
|
displayedItems: any[];
|
|
29
29
|
itemsHaveMore: boolean;
|
|
30
30
|
onlyShowSelected: boolean;
|
|
31
|
+
repeaterItemTemplate: TemplateRef<unknown> | null;
|
|
31
32
|
searchText: string;
|
|
32
33
|
selectedItems: {
|
|
33
34
|
index: number;
|
|
34
35
|
itemData: any;
|
|
35
36
|
}[];
|
|
36
|
-
private itemIndex;
|
|
37
|
-
private ngUnsubscribe;
|
|
38
37
|
constructor(modalInstance: SkyModalInstance, context: SkyLookupShowMoreNativePickerContext, changeDetector: ChangeDetectorRef);
|
|
39
38
|
ngAfterViewInit(): void;
|
|
40
39
|
ngOnDestroy(): void;
|
|
@@ -18,39 +18,34 @@ import { SkyLookupSelectModeType } from './types/lookup-select-mode-type';
|
|
|
18
18
|
import { SkyLookupShowMoreConfig } from './types/lookup-show-more-config';
|
|
19
19
|
import * as i0 from "@angular/core";
|
|
20
20
|
export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
|
|
21
|
-
private
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
private adapter;
|
|
25
|
-
private modalService;
|
|
26
|
-
private resourcesService;
|
|
27
|
-
inputBoxHostSvc?: SkyInputBoxHostService;
|
|
28
|
-
themeSvc?: SkyThemeService;
|
|
21
|
+
#private;
|
|
22
|
+
inputBoxHostSvc?: SkyInputBoxHostService | undefined;
|
|
23
|
+
themeSvc?: SkyThemeService | undefined;
|
|
29
24
|
/**
|
|
30
25
|
* Specifies an ARIA label for the typeahead search input
|
|
31
26
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
32
27
|
* If the input includes a visible label, use `ariaLabelledBy` instead.
|
|
33
28
|
*/
|
|
34
|
-
ariaLabel: string;
|
|
29
|
+
ariaLabel: string | undefined;
|
|
35
30
|
/**
|
|
36
31
|
* Specifies the HTML element ID (without the leading `#`) of the element that labels
|
|
37
32
|
* the typeahead search input. This sets the input's `aria-labelledby` attribute
|
|
38
33
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
39
34
|
* If the input does not include a visible label, use `ariaLabel` instead.
|
|
40
35
|
*/
|
|
41
|
-
ariaLabelledBy: string;
|
|
36
|
+
ariaLabelledBy: string | undefined;
|
|
42
37
|
/**
|
|
43
38
|
* Specifies the value for the `autocomplete` attribute on the form input.
|
|
44
39
|
* @default "off"
|
|
45
40
|
*/
|
|
46
|
-
autocompleteAttribute: string;
|
|
41
|
+
autocompleteAttribute: string | undefined;
|
|
47
42
|
/**
|
|
48
43
|
* Specifies a data source for the lookup component to search when users
|
|
49
44
|
* enter text. You can specify static data such as an array of objects, or
|
|
50
45
|
* you can pull data from a database.
|
|
51
46
|
* @default []
|
|
52
47
|
*/
|
|
53
|
-
set data(value: any[]);
|
|
48
|
+
set data(value: any[] | undefined);
|
|
54
49
|
get data(): any[];
|
|
55
50
|
/**
|
|
56
51
|
* Indicates whether to disable the lookup field.
|
|
@@ -63,12 +58,12 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
|
|
|
63
58
|
/**
|
|
64
59
|
* Specifies placeholder text to display in the lookup field.
|
|
65
60
|
*/
|
|
66
|
-
placeholderText: string;
|
|
61
|
+
placeholderText: string | undefined;
|
|
67
62
|
/**
|
|
68
63
|
* Specifies an object property that represents the object's unique identifier.
|
|
69
64
|
* Specifying this property enables token animations and more efficient rendering.
|
|
70
65
|
*/
|
|
71
|
-
idProperty: string;
|
|
66
|
+
idProperty: string | undefined;
|
|
72
67
|
/**
|
|
73
68
|
* Indicates whether to display a button that lets users add options to the list.
|
|
74
69
|
*/
|
|
@@ -76,23 +71,23 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
|
|
|
76
71
|
/**
|
|
77
72
|
* Specifies configuration options for the picker that displays all options.
|
|
78
73
|
*/
|
|
79
|
-
showMoreConfig: SkyLookupShowMoreConfig;
|
|
74
|
+
showMoreConfig: SkyLookupShowMoreConfig | undefined;
|
|
80
75
|
/**
|
|
81
76
|
* Specifies whether users can select one option or multiple options.
|
|
82
77
|
* @default "multiple"
|
|
83
78
|
*/
|
|
84
|
-
set selectMode(value: SkyLookupSelectModeType);
|
|
79
|
+
set selectMode(value: SkyLookupSelectModeType | undefined);
|
|
85
80
|
get selectMode(): SkyLookupSelectModeType;
|
|
86
81
|
/**
|
|
87
82
|
* @internal
|
|
88
83
|
*/
|
|
89
|
-
wrapperClass
|
|
84
|
+
wrapperClass: string | undefined;
|
|
90
85
|
/**
|
|
91
86
|
* Fires when users select the button to add options to the list.
|
|
92
87
|
*/
|
|
93
88
|
addClick: EventEmitter<SkyLookupAddClickEventArgs>;
|
|
94
|
-
get tokens(): SkyToken[];
|
|
95
|
-
set tokens(value: SkyToken[]);
|
|
89
|
+
get tokens(): SkyToken[] | undefined;
|
|
90
|
+
set tokens(value: SkyToken[] | undefined);
|
|
96
91
|
get value(): any[];
|
|
97
92
|
set value(newValue: any[]);
|
|
98
93
|
autocompleteController: Subject<SkyAutocompleteMessage>;
|
|
@@ -104,16 +99,7 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
|
|
|
104
99
|
private inputTemplateRef;
|
|
105
100
|
private lookupWrapperRef;
|
|
106
101
|
private searchIconTemplateRef;
|
|
107
|
-
|
|
108
|
-
private idle;
|
|
109
|
-
private markForTokenFocusOnKeyUp;
|
|
110
|
-
private openNativePicker;
|
|
111
|
-
private _autocompleteInputDirective;
|
|
112
|
-
private _data;
|
|
113
|
-
private _selectMode;
|
|
114
|
-
private _tokens;
|
|
115
|
-
private _value;
|
|
116
|
-
constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, windowRef: SkyAppWindowRef, ngControl: NgControl, adapter: SkyLookupAdapterService, modalService: SkyModalService, resourcesService: SkyLibResourcesService, inputBoxHostSvc?: SkyInputBoxHostService, themeSvc?: SkyThemeService);
|
|
102
|
+
constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, windowRef: SkyAppWindowRef, adapter: SkyLookupAdapterService, modalService: SkyModalService, resourcesService: SkyLibResourcesService, ngControl?: NgControl, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService | undefined);
|
|
117
103
|
ngOnInit(): void;
|
|
118
104
|
ngAfterViewInit(): void;
|
|
119
105
|
ngOnDestroy(): void;
|
|
@@ -130,23 +116,12 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
|
|
|
130
116
|
registerOnTouched(fn: () => void): void;
|
|
131
117
|
setDisabledState(disabled: boolean): void;
|
|
132
118
|
clearSearchText(): void;
|
|
133
|
-
inputKeydown(event: KeyboardEvent
|
|
119
|
+
inputKeydown(event: KeyboardEvent): void;
|
|
134
120
|
inputKeyup(event: KeyboardEvent): void;
|
|
135
121
|
onSearchButtonClick(): void;
|
|
136
122
|
onShowMoreClick(event: SkyAutocompleteShowMoreArgs): void;
|
|
137
|
-
private createNativePickerInstance;
|
|
138
123
|
openPicker(initialSearch: string): void;
|
|
139
124
|
onSearchAsync(args: SkyAutocompleteSearchAsyncArgs): void;
|
|
140
|
-
|
|
141
|
-
private addEventListeners;
|
|
142
|
-
private removeEventListeners;
|
|
143
|
-
private focusInputOnHostClick;
|
|
144
|
-
private focusInput;
|
|
145
|
-
private onAddButtonComplete;
|
|
146
|
-
private parseTokens;
|
|
147
|
-
private sendAutocompleteMessage;
|
|
148
|
-
private sendTokensMessage;
|
|
149
|
-
private updateForSelectMode;
|
|
150
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupComponent, [null, null, null, { optional: true; self: true; }, null, null, null, { optional: true; }, { optional: true; }]>;
|
|
125
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupComponent, [null, null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
|
|
151
126
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyLookupComponent, "sky-lookup", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "autocompleteAttribute": "autocompleteAttribute"; "data": "data"; "disabled": "disabled"; "enableShowMore": "enableShowMore"; "placeholderText": "placeholderText"; "idProperty": "idProperty"; "showAddButton": "showAddButton"; "showMoreConfig": "showMoreConfig"; "selectMode": "selectMode"; "wrapperClass": "wrapperClass"; }, { "addClick": "addClick"; }, never, never>;
|
|
152
127
|
}
|
|
@@ -9,7 +9,7 @@ export declare class SkyLookupShowMoreNativePickerAsyncContext {
|
|
|
9
9
|
descriptorProperty: string;
|
|
10
10
|
idProperty: string;
|
|
11
11
|
initialSearch: string;
|
|
12
|
-
initialValue:
|
|
12
|
+
initialValue: any[];
|
|
13
13
|
searchAsync: SkyAutocompleteSearchAsyncFunction;
|
|
14
14
|
selectMode: SkyLookupSelectModeType;
|
|
15
15
|
showAddButton: boolean;
|
|
@@ -6,10 +6,10 @@ import { SkyLookupShowMoreNativePickerConfig } from './lookup-show-more-native-p
|
|
|
6
6
|
* Context for the show more native picker. These values are provided by the lookup component.
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyLookupShowMoreNativePickerContext {
|
|
9
|
-
items: any[];
|
|
10
9
|
descriptorProperty: string;
|
|
11
10
|
initialSearch: string;
|
|
12
11
|
initialValue: any[];
|
|
12
|
+
items: any[];
|
|
13
13
|
search: SkyAutocompleteSearchFunction;
|
|
14
14
|
selectMode: SkyLookupSelectModeType;
|
|
15
15
|
showAddButton: boolean;
|
|
@@ -4,16 +4,12 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkySearchAdapterService {
|
|
7
|
-
private
|
|
7
|
+
#private;
|
|
8
8
|
constructor(renderer: Renderer2);
|
|
9
9
|
selectInput(searchEl: ElementRef): void;
|
|
10
10
|
focusInput(searchEl: ElementRef): void;
|
|
11
11
|
startInputAnimation(searchEl: ElementRef): void;
|
|
12
12
|
endInputAnimation(searchEl: ElementRef): void;
|
|
13
|
-
private getInputContainerEl;
|
|
14
|
-
private getSearchOpenButtonEl;
|
|
15
|
-
private getSearchContainerEl;
|
|
16
|
-
private getInputEl;
|
|
17
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchAdapterService, never>;
|
|
18
14
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkySearchAdapterService>;
|
|
19
15
|
}
|
|
@@ -5,10 +5,7 @@ import { Subscription } from 'rxjs';
|
|
|
5
5
|
import { SkySearchAdapterService } from './search-adapter.service';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges {
|
|
8
|
-
private
|
|
9
|
-
private elRef;
|
|
10
|
-
private searchAdapter;
|
|
11
|
-
private changeRef;
|
|
8
|
+
#private;
|
|
12
9
|
/**
|
|
13
10
|
* Fires when the search text is applied.
|
|
14
11
|
*/
|
|
@@ -24,7 +21,7 @@ export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges
|
|
|
24
21
|
/**
|
|
25
22
|
* Specifies default search criteria for the input.
|
|
26
23
|
*/
|
|
27
|
-
searchText: string;
|
|
24
|
+
searchText: string | undefined;
|
|
28
25
|
/**
|
|
29
26
|
* Specifies the expand mode for the search input. The valid options
|
|
30
27
|
* include `"responsive"` to collapse the search input into a button on
|
|
@@ -35,45 +32,37 @@ export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges
|
|
|
35
32
|
expandMode: string;
|
|
36
33
|
/**
|
|
37
34
|
* Specifies how many milliseconds to wait before searching after users enter text in the search input.
|
|
38
|
-
* @default 0
|
|
39
35
|
*/
|
|
40
36
|
debounceTime: number;
|
|
41
37
|
/**
|
|
42
38
|
* Indicates whether to disable the filter button.
|
|
43
|
-
* @default false
|
|
44
39
|
*/
|
|
45
40
|
disabled: boolean;
|
|
46
|
-
isFullWidth: boolean;
|
|
47
|
-
isCollapsible: boolean;
|
|
48
41
|
/**
|
|
49
42
|
* Specifies placeholder text to display in the search input until users
|
|
50
43
|
* enter search criteria.
|
|
51
44
|
* @default "Find in this list"
|
|
52
45
|
*/
|
|
53
|
-
placeholderText: string;
|
|
46
|
+
placeholderText: string | undefined;
|
|
47
|
+
breakpointSubscription: Subscription | undefined;
|
|
48
|
+
clearButtonShown: boolean;
|
|
49
|
+
dismissButtonShown: boolean;
|
|
54
50
|
inputAnimate: string;
|
|
55
|
-
|
|
56
|
-
|
|
51
|
+
isCollapsible: boolean;
|
|
52
|
+
isFullWidth: boolean;
|
|
57
53
|
mobileSearchShown: boolean;
|
|
58
|
-
|
|
59
|
-
clearButtonShown: boolean;
|
|
60
|
-
private searchUpdated;
|
|
54
|
+
searchButtonShown: boolean;
|
|
61
55
|
constructor(mediaQueryService: SkyMediaQueryService, elRef: ElementRef, searchAdapter: SkySearchAdapterService, changeRef: ChangeDetectorRef);
|
|
62
56
|
ngOnInit(): void;
|
|
63
57
|
ngOnChanges(changes: SimpleChanges): void;
|
|
64
58
|
clearSearchText(): void;
|
|
65
|
-
enterPress(event: KeyboardEvent, searchText: string): void;
|
|
66
|
-
applySearchText(searchText: string): void;
|
|
59
|
+
enterPress(event: KeyboardEvent, searchText: string | undefined): void;
|
|
60
|
+
applySearchText(searchText: string | undefined): void;
|
|
67
61
|
searchTextChanged(searchText: string): void;
|
|
68
62
|
toggleSearchInput(showInput: boolean): void;
|
|
69
63
|
inputAnimationStart(event: AnimationEvent): void;
|
|
70
64
|
inputAnimationEnd(event: AnimationEvent): void;
|
|
71
65
|
ngOnDestroy(): void;
|
|
72
|
-
private searchBindingChanged;
|
|
73
|
-
private expandModeBindingChanged;
|
|
74
|
-
private shouldOpenInput;
|
|
75
|
-
private mediaQueryCallback;
|
|
76
|
-
private searchShouldCollapse;
|
|
77
66
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchComponent, never>;
|
|
78
67
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkySearchComponent, "sky-search", never, { "searchText": "searchText"; "expandMode": "expandMode"; "debounceTime": "debounceTime"; "disabled": "disabled"; "placeholderText": "placeholderText"; }, { "searchApply": "searchApply"; "searchChange": "searchChange"; "searchClear": "searchClear"; }, never, never>;
|
|
79
68
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/lookup",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.5.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -45,15 +45,15 @@
|
|
|
45
45
|
"@angular/core": "^13.3.2",
|
|
46
46
|
"@angular/forms": "^13.3.2",
|
|
47
47
|
"@angular/platform-browser": "^13.3.2",
|
|
48
|
-
"@skyux-sdk/testing": "6.
|
|
49
|
-
"@skyux/core": "6.
|
|
50
|
-
"@skyux/forms": "6.
|
|
51
|
-
"@skyux/i18n": "6.
|
|
52
|
-
"@skyux/indicators": "6.
|
|
53
|
-
"@skyux/layout": "6.
|
|
54
|
-
"@skyux/lists": "6.
|
|
55
|
-
"@skyux/modals": "6.
|
|
56
|
-
"@skyux/theme": "6.
|
|
48
|
+
"@skyux-sdk/testing": "6.5.0",
|
|
49
|
+
"@skyux/core": "6.5.0",
|
|
50
|
+
"@skyux/forms": "6.5.0",
|
|
51
|
+
"@skyux/i18n": "6.5.0",
|
|
52
|
+
"@skyux/indicators": "6.5.0",
|
|
53
|
+
"@skyux/layout": "6.5.0",
|
|
54
|
+
"@skyux/lists": "6.5.0",
|
|
55
|
+
"@skyux/modals": "6.5.0",
|
|
56
|
+
"@skyux/theme": "6.5.0"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"intl-tel-input": "17.0.16",
|
|
@@ -8,7 +8,7 @@ export declare class SkyCountryFieldFixture {
|
|
|
8
8
|
/**
|
|
9
9
|
* The value of the input field's autocomplete attribute.
|
|
10
10
|
*/
|
|
11
|
-
get autocompleteAttribute(): string;
|
|
11
|
+
get autocompleteAttribute(): string | null;
|
|
12
12
|
/**
|
|
13
13
|
* A flag indicating if the country flag is currently visible.
|
|
14
14
|
* The flag will be visible only if a selection has been made
|