@skyux/lookup 6.3.3 → 6.6.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 +909 -927
- package/esm2020/lib/modules/autocomplete/autocomplete-adapter.service.mjs +12 -8
- package/esm2020/lib/modules/autocomplete/autocomplete-default-search-function.mjs +1 -1
- package/esm2020/lib/modules/autocomplete/autocomplete-input.directive.mjs +82 -69
- package/esm2020/lib/modules/autocomplete/autocomplete.component.mjs +377 -381
- 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 +1075 -1021
- package/fesm2015/skyux-lookup.mjs.map +1 -1
- package/fesm2020/skyux-lookup-testing.mjs.map +1 -1
- package/fesm2020/skyux-lookup.mjs +1073 -1019
- package/fesm2020/skyux-lookup.mjs.map +1 -1
- package/lib/modules/autocomplete/autocomplete-adapter.service.d.ts +1 -3
- package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +3 -16
- package/lib/modules/autocomplete/autocomplete.component.d.ts +20 -76
- 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
|
@@ -5,9 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* @internal
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyAutocompleteAdapterService {
|
|
8
|
-
private
|
|
9
|
-
private rendererFactory;
|
|
10
|
-
private renderer;
|
|
8
|
+
#private;
|
|
11
9
|
constructor(coreAdapterService: SkyCoreAdapterService, rendererFactory: RendererFactory2);
|
|
12
10
|
/**
|
|
13
11
|
* Adds the className for the provided element.
|
|
@@ -4,13 +4,12 @@ import { Observable } from 'rxjs';
|
|
|
4
4
|
import { SkyAutocompleteInputTextChange } from './types/autocomplete-input-text-change';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class SkyAutocompleteInputDirective implements OnInit, OnDestroy, ControlValueAccessor, Validator {
|
|
7
|
-
private
|
|
8
|
-
private renderer;
|
|
7
|
+
#private;
|
|
9
8
|
/**
|
|
10
9
|
* Specifies the value for the `autocomplete` attribute on the form input.
|
|
11
10
|
* @default "off"
|
|
12
11
|
*/
|
|
13
|
-
set autocompleteAttribute(value: string);
|
|
12
|
+
set autocompleteAttribute(value: string | undefined);
|
|
14
13
|
get autocompleteAttribute(): string;
|
|
15
14
|
/**
|
|
16
15
|
* Indicates whether to disable the autocomplete field.
|
|
@@ -27,16 +26,6 @@ export declare class SkyAutocompleteInputDirective implements OnInit, OnDestroy,
|
|
|
27
26
|
get textChanges(): Observable<SkyAutocompleteInputTextChange>;
|
|
28
27
|
get value(): any;
|
|
29
28
|
set value(value: any);
|
|
30
|
-
private control;
|
|
31
|
-
private isFirstChange;
|
|
32
|
-
private ngUnsubscribe;
|
|
33
|
-
private _autocompleteAttribute;
|
|
34
|
-
private _blur;
|
|
35
|
-
private _disabled;
|
|
36
|
-
private _displayWith;
|
|
37
|
-
private _focus;
|
|
38
|
-
private _textChanges;
|
|
39
|
-
private _value;
|
|
40
29
|
constructor(elementRef: ElementRef, renderer: Renderer2);
|
|
41
30
|
ngOnInit(): void;
|
|
42
31
|
ngOnDestroy(): void;
|
|
@@ -46,13 +35,11 @@ export declare class SkyAutocompleteInputDirective implements OnInit, OnDestroy,
|
|
|
46
35
|
registerOnValidatorChange(fn: () => void): void;
|
|
47
36
|
restoreInputTextValueToPreviousState(): void;
|
|
48
37
|
setDisabledState(disabled: boolean): void;
|
|
49
|
-
validate(control: AbstractControl): ValidationErrors;
|
|
38
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
|
50
39
|
setActiveDescendant(descendantId: string | null): void;
|
|
51
40
|
onChange(value: any): void;
|
|
52
41
|
onTouched(): void;
|
|
53
42
|
onValidatorChange: () => void;
|
|
54
|
-
private setAttributes;
|
|
55
|
-
private getValueByKey;
|
|
56
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteInputDirective, never>;
|
|
57
44
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyAutocompleteInputDirective, "input[skyAutocomplete], textarea[skyAutocomplete]", never, { "autocompleteAttribute": "autocompleteAttribute"; "disabled": "disabled"; }, {}, never>;
|
|
58
45
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
2
|
import { SkyAffixService, SkyOverlayService } from '@skyux/core';
|
|
3
3
|
import { SkyInputBoxHostService } from '@skyux/forms';
|
|
4
4
|
import { Subject } from 'rxjs';
|
|
@@ -17,39 +17,34 @@ interface SkyAutocompleteSearchResult {
|
|
|
17
17
|
elementId: string;
|
|
18
18
|
data: any;
|
|
19
19
|
}
|
|
20
|
-
export declare class SkyAutocompleteComponent implements OnDestroy,
|
|
21
|
-
private
|
|
22
|
-
private elementRef;
|
|
23
|
-
private affixService;
|
|
24
|
-
private adapterService;
|
|
25
|
-
private overlayService;
|
|
26
|
-
private inputBoxHostSvc?;
|
|
20
|
+
export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewInit {
|
|
21
|
+
#private;
|
|
27
22
|
/**
|
|
28
23
|
* Specifies the HTML element ID (without the leading `#`) of the element that labels
|
|
29
24
|
* the autocomplete text input. This sets the input's `aria-labelledby` attribute
|
|
30
25
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
31
26
|
*/
|
|
32
|
-
ariaLabelledBy: string;
|
|
27
|
+
ariaLabelledBy: string | undefined;
|
|
33
28
|
/**
|
|
34
29
|
* Specifies a static data source for the autocomplete component to search
|
|
35
30
|
* when users enter text. For a dynamic data source such as an array that
|
|
36
31
|
* changes due to server calls, use `search` or `searchAsync` instead.
|
|
37
32
|
*/
|
|
38
|
-
set data(value: any[]);
|
|
33
|
+
set data(value: any[] | undefined);
|
|
39
34
|
get data(): any[];
|
|
40
35
|
/**
|
|
41
36
|
* Specifies how many milliseconds to wait before searching while users
|
|
42
37
|
* enter text in the autocomplete field.
|
|
43
38
|
* @default 0
|
|
44
39
|
*/
|
|
45
|
-
set debounceTime(value: number);
|
|
40
|
+
set debounceTime(value: number | undefined);
|
|
46
41
|
get debounceTime(): number;
|
|
47
42
|
/**
|
|
48
43
|
* Specifies an object property to display in the text input after users
|
|
49
44
|
* select an item in the dropdown list.
|
|
50
45
|
* @default "name"
|
|
51
46
|
*/
|
|
52
|
-
set descriptorProperty(value: string);
|
|
47
|
+
set descriptorProperty(value: string | undefined);
|
|
53
48
|
get descriptorProperty(): string;
|
|
54
49
|
/**
|
|
55
50
|
* @internal
|
|
@@ -60,17 +55,17 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterContent
|
|
|
60
55
|
* Specifies an observable of `SkyAutocompleteMessage` that can close the dropdown.
|
|
61
56
|
* @internal
|
|
62
57
|
*/
|
|
63
|
-
set messageStream(value: Subject<SkyAutocompleteMessage>);
|
|
58
|
+
set messageStream(value: Subject<SkyAutocompleteMessage> | undefined);
|
|
64
59
|
get messageStream(): Subject<SkyAutocompleteMessage>;
|
|
65
60
|
/**
|
|
66
61
|
* @internal
|
|
67
62
|
*/
|
|
68
|
-
wrapperClass
|
|
63
|
+
wrapperClass: string | undefined;
|
|
69
64
|
/**
|
|
70
65
|
* Specifies the object properties to search.
|
|
71
66
|
* @default ["name"]
|
|
72
67
|
*/
|
|
73
|
-
set propertiesToSearch(value: string[]);
|
|
68
|
+
set propertiesToSearch(value: string[] | undefined);
|
|
74
69
|
get propertiesToSearch(): string[];
|
|
75
70
|
/**
|
|
76
71
|
* Specifies a function to dynamically manage the data source when users
|
|
@@ -80,14 +75,14 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterContent
|
|
|
80
75
|
* search requires calling a remote data source, use `searchAsync` instead of
|
|
81
76
|
* `search`.
|
|
82
77
|
*/
|
|
83
|
-
set search(value: SkyAutocompleteSearchFunction);
|
|
78
|
+
set search(value: SkyAutocompleteSearchFunction | undefined);
|
|
84
79
|
get search(): SkyAutocompleteSearchFunction;
|
|
85
80
|
/**
|
|
86
81
|
* Specifies a template to format each search result in the dropdown list.
|
|
87
82
|
* The autocomplete component injects search result values into the template
|
|
88
83
|
* as `item` variables that reference all of the object properties of the search results.
|
|
89
84
|
*/
|
|
90
|
-
set searchResultTemplate(value: TemplateRef<unknown>);
|
|
85
|
+
set searchResultTemplate(value: TemplateRef<unknown> | undefined);
|
|
91
86
|
get searchResultTemplate(): TemplateRef<unknown>;
|
|
92
87
|
/**
|
|
93
88
|
* Specifies the minimum number of characters that users must enter before
|
|
@@ -95,7 +90,7 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterContent
|
|
|
95
90
|
* results in the dropdown list.
|
|
96
91
|
* @default 1
|
|
97
92
|
*/
|
|
98
|
-
set searchTextMinimumCharacters(value: number);
|
|
93
|
+
set searchTextMinimumCharacters(value: number | undefined);
|
|
99
94
|
get searchTextMinimumCharacters(): number;
|
|
100
95
|
/**
|
|
101
96
|
* Specifies an array of functions to call against each search result in order
|
|
@@ -104,13 +99,13 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterContent
|
|
|
104
99
|
* manually apply filters inside that function. The function must return `true`
|
|
105
100
|
* or `false` for each result to indicate whether to display it in the dropdown list.
|
|
106
101
|
*/
|
|
107
|
-
searchFilters: SkyAutocompleteSearchFunctionFilter[];
|
|
102
|
+
searchFilters: SkyAutocompleteSearchFunctionFilter[] | undefined;
|
|
108
103
|
/**
|
|
109
104
|
* Specifies the maximum number of search results to display in the dropdown list.
|
|
110
105
|
* By default, the component displays all matching results.
|
|
111
106
|
*/
|
|
112
|
-
set searchResultsLimit(value: number);
|
|
113
|
-
get searchResultsLimit(): number;
|
|
107
|
+
set searchResultsLimit(value: number | undefined);
|
|
108
|
+
get searchResultsLimit(): number | undefined;
|
|
114
109
|
/**
|
|
115
110
|
* @internal
|
|
116
111
|
* Indicates whether to display a button that lets users add options to the data source.
|
|
@@ -120,7 +115,7 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterContent
|
|
|
120
115
|
* Specifies the text to display when no search results are found.
|
|
121
116
|
* @default "No matches found"
|
|
122
117
|
*/
|
|
123
|
-
noResultsFoundText: string;
|
|
118
|
+
noResultsFoundText: string | undefined;
|
|
124
119
|
/**
|
|
125
120
|
* @internal
|
|
126
121
|
* Allows async search to be disabled even when a listener is specified for
|
|
@@ -140,14 +135,16 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterContent
|
|
|
140
135
|
/**
|
|
141
136
|
* Fires when users select items in the dropdown list.
|
|
142
137
|
*/
|
|
143
|
-
|
|
138
|
+
selectionChange: EventEmitter<SkyAutocompleteSelectionChange>;
|
|
144
139
|
/**
|
|
145
140
|
* Fires when users enter new search information and allows results to be
|
|
146
141
|
* returned via an observable.
|
|
147
142
|
*/
|
|
148
143
|
searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>;
|
|
149
144
|
get searchResults(): SkyAutocompleteSearchResult[];
|
|
145
|
+
set searchResults(value: SkyAutocompleteSearchResult[]);
|
|
150
146
|
get highlightText(): string[];
|
|
147
|
+
set highlightText(value: string[]);
|
|
151
148
|
isOpen: boolean;
|
|
152
149
|
resultsListId: string;
|
|
153
150
|
resultsWrapperId: string;
|
|
@@ -161,38 +158,7 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterContent
|
|
|
161
158
|
private resultsTemplateRef;
|
|
162
159
|
private set resultsRef(value);
|
|
163
160
|
private get resultsRef();
|
|
164
|
-
/**
|
|
165
|
-
* Index that indicates which descendant of the overlay currently has focus.
|
|
166
|
-
*/
|
|
167
|
-
private activeElementIndex;
|
|
168
|
-
private affixer;
|
|
169
|
-
private inputDirectiveUnsubscribe;
|
|
170
|
-
private messageStreamSub;
|
|
171
|
-
private ngUnsubscribe;
|
|
172
|
-
private overlay;
|
|
173
|
-
/**
|
|
174
|
-
* Elements within the autocomplete dropdown that are focusable.
|
|
175
|
-
* These are typically the search results and action buttons, but could also be
|
|
176
|
-
* elements provided in the consumer's own template.
|
|
177
|
-
*/
|
|
178
|
-
private overlayFocusableElements;
|
|
179
|
-
private currentSearchSub;
|
|
180
|
-
private _data;
|
|
181
|
-
private _debounceTime;
|
|
182
|
-
private _descriptorProperty;
|
|
183
|
-
private _highlightText;
|
|
184
|
-
private _inputDirective;
|
|
185
|
-
private _messageStream;
|
|
186
|
-
private _propertiesToSearch;
|
|
187
|
-
private _resultsRef;
|
|
188
|
-
private _search;
|
|
189
|
-
private _searchResults;
|
|
190
|
-
private _searchResultTemplate;
|
|
191
|
-
private _searchResultsLimit;
|
|
192
|
-
private _searchTextMinimumCharacters;
|
|
193
|
-
private _selectionChange;
|
|
194
161
|
constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, affixService: SkyAffixService, adapterService: SkyAutocompleteAdapterService, overlayService: SkyOverlayService, inputBoxHostSvc?: SkyInputBoxHostService);
|
|
195
|
-
ngAfterContentInit(): void;
|
|
196
162
|
ngAfterViewInit(): void;
|
|
197
163
|
ngOnDestroy(): void;
|
|
198
164
|
addButtonClicked(): void;
|
|
@@ -201,28 +167,6 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterContent
|
|
|
201
167
|
onResultMouseDown(id: string, event: MouseEvent): void;
|
|
202
168
|
onResultMouseMove(id: number): void;
|
|
203
169
|
isElementFocused(ref: HTMLElement): boolean;
|
|
204
|
-
private searchTextChanged;
|
|
205
|
-
private performSearch;
|
|
206
|
-
private cancelCurrentSearch;
|
|
207
|
-
/**
|
|
208
|
-
* Returns the text to highlight based on exact matches, case-insensitive matches, and matches for corresponding diacritical characters (a will match à).
|
|
209
|
-
*/
|
|
210
|
-
private getHighlightText;
|
|
211
|
-
private selectSearchResultById;
|
|
212
|
-
private openDropdown;
|
|
213
|
-
private closeDropdown;
|
|
214
|
-
private setActiveDescendant;
|
|
215
|
-
private removeActiveDescendant;
|
|
216
|
-
private resetSearch;
|
|
217
|
-
private addInputEventListeners;
|
|
218
|
-
private destroyOverlay;
|
|
219
|
-
private createAffixer;
|
|
220
|
-
private destroyAffixer;
|
|
221
|
-
private initMessageStream;
|
|
222
|
-
private initOverlayFocusableElements;
|
|
223
|
-
private getActiveElement;
|
|
224
|
-
private removeFocusedClass;
|
|
225
|
-
private addFocusedClass;
|
|
226
170
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteComponent, [null, null, null, null, null, { optional: true; }]>;
|
|
227
171
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyAutocompleteComponent, "sky-autocomplete", never, { "ariaLabelledBy": "ariaLabelledBy"; "data": "data"; "debounceTime": "debounceTime"; "descriptorProperty": "descriptorProperty"; "enableShowMore": "enableShowMore"; "messageStream": "messageStream"; "wrapperClass": "wrapperClass"; "propertiesToSearch": "propertiesToSearch"; "search": "search"; "searchResultTemplate": "searchResultTemplate"; "searchTextMinimumCharacters": "searchTextMinimumCharacters"; "searchFilters": "searchFilters"; "searchResultsLimit": "searchResultsLimit"; "showAddButton": "showAddButton"; "noResultsFoundText": "noResultsFoundText"; "searchAsyncDisabled": "searchAsyncDisabled"; }, { "addClick": "addClick"; "showMoreClick": "showMoreClick"; "selectionChange": "selectionChange"; "searchAsync": "searchAsync"; }, ["inputDirective"], ["*"]>;
|
|
228
172
|
}
|
|
@@ -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;
|