@skyux/lookup 6.4.0 → 6.7.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 (33) hide show
  1. package/documentation.json +522 -547
  2. package/esm2020/lib/modules/autocomplete/autocomplete-input.directive.mjs +2 -2
  3. package/esm2020/lib/modules/autocomplete/autocomplete.component.mjs +1 -1
  4. package/esm2020/lib/modules/country-field/country-field.component.mjs +170 -152
  5. package/esm2020/lib/modules/lookup/lookup-autocomplete-adapter.mjs +14 -8
  6. package/esm2020/lib/modules/lookup/lookup-show-more-async-modal.component.mjs +65 -58
  7. package/esm2020/lib/modules/lookup/lookup-show-more-modal.component.mjs +49 -41
  8. package/esm2020/lib/modules/lookup/lookup.component.mjs +231 -222
  9. package/esm2020/lib/modules/lookup/types/lookup-show-more-custom-picker-context.mjs +1 -1
  10. package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.mjs +1 -1
  11. package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-context.mjs +1 -1
  12. package/esm2020/lib/modules/search/search-adapter.service.mjs +22 -21
  13. package/esm2020/lib/modules/search/search.component.mjs +68 -67
  14. package/esm2020/testing/country-field/country-field-fixture.mjs +1 -1
  15. package/fesm2015/skyux-lookup-testing.mjs.map +1 -1
  16. package/fesm2015/skyux-lookup.mjs +607 -564
  17. package/fesm2015/skyux-lookup.mjs.map +1 -1
  18. package/fesm2020/skyux-lookup-testing.mjs.map +1 -1
  19. package/fesm2020/skyux-lookup.mjs +605 -562
  20. package/fesm2020/skyux-lookup.mjs.map +1 -1
  21. package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +1 -1
  22. package/lib/modules/autocomplete/autocomplete.component.d.ts +7 -7
  23. package/lib/modules/country-field/country-field.component.d.ts +14 -36
  24. package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +6 -8
  25. package/lib/modules/lookup/lookup-show-more-async-modal.component.d.ts +9 -16
  26. package/lib/modules/lookup/lookup-show-more-modal.component.d.ts +3 -4
  27. package/lib/modules/lookup/lookup.component.d.ts +17 -42
  28. package/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.d.ts +1 -1
  29. package/lib/modules/lookup/types/lookup-show-more-native-picker-context.d.ts +1 -1
  30. package/lib/modules/search/search-adapter.service.d.ts +1 -5
  31. package/lib/modules/search/search.component.d.ts +11 -22
  32. package/package.json +10 -10
  33. 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?: string;
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 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;
@@ -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 renderer;
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 mediaQueryService;
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
- breakpointSubscription: Subscription;
56
- searchButtonShown: boolean;
51
+ isCollapsible: boolean;
52
+ isFullWidth: boolean;
57
53
  mobileSearchShown: boolean;
58
- dismissButtonShown: boolean;
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.4.0",
3
+ "version": "6.7.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.4.0",
49
- "@skyux/core": "6.4.0",
50
- "@skyux/forms": "6.4.0",
51
- "@skyux/i18n": "6.4.0",
52
- "@skyux/indicators": "6.4.0",
53
- "@skyux/layout": "6.4.0",
54
- "@skyux/lists": "6.4.0",
55
- "@skyux/modals": "6.4.0",
56
- "@skyux/theme": "6.4.0"
48
+ "@skyux-sdk/testing": "6.7.0",
49
+ "@skyux/core": "6.7.0",
50
+ "@skyux/forms": "6.7.0",
51
+ "@skyux/i18n": "6.7.0",
52
+ "@skyux/indicators": "6.7.0",
53
+ "@skyux/layout": "6.7.0",
54
+ "@skyux/lists": "6.7.0",
55
+ "@skyux/modals": "6.7.0",
56
+ "@skyux/theme": "6.7.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