@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.
Files changed (36) hide show
  1. package/documentation.json +909 -927
  2. package/esm2020/lib/modules/autocomplete/autocomplete-adapter.service.mjs +12 -8
  3. package/esm2020/lib/modules/autocomplete/autocomplete-default-search-function.mjs +1 -1
  4. package/esm2020/lib/modules/autocomplete/autocomplete-input.directive.mjs +82 -69
  5. package/esm2020/lib/modules/autocomplete/autocomplete.component.mjs +377 -381
  6. package/esm2020/lib/modules/country-field/country-field.component.mjs +170 -152
  7. package/esm2020/lib/modules/lookup/lookup-autocomplete-adapter.mjs +14 -8
  8. package/esm2020/lib/modules/lookup/lookup-show-more-async-modal.component.mjs +65 -58
  9. package/esm2020/lib/modules/lookup/lookup-show-more-modal.component.mjs +49 -41
  10. package/esm2020/lib/modules/lookup/lookup.component.mjs +231 -222
  11. package/esm2020/lib/modules/lookup/types/lookup-show-more-custom-picker-context.mjs +1 -1
  12. package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.mjs +1 -1
  13. package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-context.mjs +1 -1
  14. package/esm2020/lib/modules/search/search-adapter.service.mjs +22 -21
  15. package/esm2020/lib/modules/search/search.component.mjs +68 -67
  16. package/esm2020/testing/country-field/country-field-fixture.mjs +1 -1
  17. package/fesm2015/skyux-lookup-testing.mjs.map +1 -1
  18. package/fesm2015/skyux-lookup.mjs +1075 -1021
  19. package/fesm2015/skyux-lookup.mjs.map +1 -1
  20. package/fesm2020/skyux-lookup-testing.mjs.map +1 -1
  21. package/fesm2020/skyux-lookup.mjs +1073 -1019
  22. package/fesm2020/skyux-lookup.mjs.map +1 -1
  23. package/lib/modules/autocomplete/autocomplete-adapter.service.d.ts +1 -3
  24. package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +3 -16
  25. package/lib/modules/autocomplete/autocomplete.component.d.ts +20 -76
  26. package/lib/modules/country-field/country-field.component.d.ts +14 -36
  27. package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +6 -8
  28. package/lib/modules/lookup/lookup-show-more-async-modal.component.d.ts +9 -16
  29. package/lib/modules/lookup/lookup-show-more-modal.component.d.ts +3 -4
  30. package/lib/modules/lookup/lookup.component.d.ts +17 -42
  31. package/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.d.ts +1 -1
  32. package/lib/modules/lookup/types/lookup-show-more-native-picker-context.d.ts +1 -1
  33. package/lib/modules/search/search-adapter.service.d.ts +1 -5
  34. package/lib/modules/search/search.component.d.ts +11 -22
  35. package/package.json +10 -10
  36. 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 coreAdapterService;
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 elementRef;
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 { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
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, AfterContentInit, AfterViewInit {
21
- private changeDetector;
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?: string;
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
- get selectionChange(): EventEmitter<SkyAutocompleteSelectionChange>;
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 changeDetector;
13
- private elRef;
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(includePhoneInfo: boolean);
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
- private defaultCountryData;
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
- items: unknown[];
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
- private loadSearchResults;
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 changeDetector;
22
- private elementRef;
23
- private windowRef;
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?: string;
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
- private ngUnsubscribe;
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, value: string): void;
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
- private addToSelected;
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: unknown[];
12
+ initialValue: any[];
13
13
  searchAsync: SkyAutocompleteSearchAsyncFunction;
14
14
  selectMode: SkyLookupSelectModeType;
15
15
  showAddButton: boolean;