@skyux/lookup 7.4.2 → 7.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 +86 -86
- package/esm2020/lib/modules/autocomplete/autocomplete-input.directive.mjs +3 -3
- package/esm2020/lib/modules/autocomplete/autocomplete-search-async-disabled.pipe.mjs +5 -5
- package/esm2020/lib/modules/autocomplete/autocomplete.component.mjs +13 -13
- package/esm2020/lib/modules/autocomplete/autocomplete.module.mjs +4 -4
- package/esm2020/lib/modules/autocomplete/types/autocomplete-message.mjs +1 -1
- package/esm2020/lib/modules/autocomplete/types/autocomplete-search-async-result.mjs +1 -1
- package/esm2020/lib/modules/autocomplete/types/autocomplete-selection-change.mjs +1 -1
- package/esm2020/lib/modules/country-field/country-field.component.mjs +8 -8
- package/esm2020/lib/modules/country-field/types/country.mjs +1 -1
- package/esm2020/lib/modules/lookup/lookup-autocomplete-adapter.mjs +5 -5
- package/esm2020/lib/modules/lookup/lookup-show-more-modal.component.mjs +3 -3
- package/esm2020/lib/modules/lookup/lookup.component.mjs +6 -6
- package/esm2020/lib/modules/lookup/types/lookup-show-more-config.mjs +1 -1
- 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-config.mjs +1 -1
- package/esm2020/lib/modules/search/search.component.mjs +4 -4
- package/esm2020/lib/modules/selection-modal/selection-modal.component.mjs +3 -3
- package/fesm2015/skyux-lookup.mjs +43 -43
- package/fesm2015/skyux-lookup.mjs.map +1 -1
- package/fesm2020/skyux-lookup.mjs +43 -43
- package/fesm2020/skyux-lookup.mjs.map +1 -1
- package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +2 -2
- package/lib/modules/autocomplete/autocomplete-search-async-disabled.pipe.d.ts +3 -3
- package/lib/modules/autocomplete/autocomplete.component.d.ts +14 -14
- package/lib/modules/autocomplete/autocomplete.module.d.ts +1 -1
- package/lib/modules/autocomplete/types/autocomplete-message.d.ts +1 -1
- package/lib/modules/autocomplete/types/autocomplete-search-async-result.d.ts +1 -1
- package/lib/modules/autocomplete/types/autocomplete-selection-change.d.ts +1 -1
- package/lib/modules/country-field/country-field.component.d.ts +7 -7
- package/lib/modules/country-field/types/country.d.ts +1 -1
- package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +8 -8
- package/lib/modules/lookup/lookup.component.d.ts +11 -11
- package/lib/modules/lookup/types/lookup-show-more-config.d.ts +2 -2
- package/lib/modules/lookup/types/lookup-show-more-custom-picker-context.d.ts +3 -3
- package/lib/modules/lookup/types/lookup-show-more-native-picker-config.d.ts +2 -2
- package/lib/modules/search/search.component.d.ts +5 -5
- package/package.json +10 -10
|
@@ -6,13 +6,13 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
export declare class SkyAutocompleteInputDirective implements OnInit, OnDestroy, ControlValueAccessor, Validator {
|
|
7
7
|
#private;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* The value for the `autocomplete` attribute on the form input.
|
|
10
10
|
* @default "off"
|
|
11
11
|
*/
|
|
12
12
|
set autocompleteAttribute(value: string | undefined);
|
|
13
13
|
get autocompleteAttribute(): string;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* Whether to disable the autocomplete field.
|
|
16
16
|
* @default false
|
|
17
17
|
*/
|
|
18
18
|
set disabled(value: boolean | undefined);
|
|
@@ -4,8 +4,8 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
/**
|
|
5
5
|
* @internal
|
|
6
6
|
*/
|
|
7
|
-
export declare class
|
|
7
|
+
export declare class SkyAutocompleteSearchAsyncDisabledPipe implements PipeTransform {
|
|
8
8
|
transform(searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>, searchAsyncDisabled: boolean | undefined): boolean;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
10
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteSearchAsyncDisabledPipe, never>;
|
|
10
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<SkyAutocompleteSearchAsyncDisabledPipe, "skyAutocompleteSearchAsyncDisabled", false>;
|
|
11
11
|
}
|
|
@@ -21,27 +21,27 @@ interface SkyAutocompleteSearchResult {
|
|
|
21
21
|
export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewInit {
|
|
22
22
|
#private;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* The HTML element ID (without the leading `#`) of the element that labels
|
|
25
25
|
* the autocomplete text input. This sets the input's `aria-labelledby` attribute
|
|
26
26
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
27
27
|
*/
|
|
28
28
|
ariaLabelledBy: string | undefined;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* The static data source for the autocomplete component to search
|
|
31
31
|
* when users enter text. For a dynamic data source such as an array that
|
|
32
32
|
* changes due to server calls, use `search` or `searchAsync` instead.
|
|
33
33
|
*/
|
|
34
34
|
set data(value: any[] | undefined);
|
|
35
35
|
get data(): any[];
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* How many milliseconds to wait before searching while users
|
|
38
38
|
* enter text in the autocomplete field.
|
|
39
39
|
* @default 0
|
|
40
40
|
*/
|
|
41
41
|
set debounceTime(value: number | undefined);
|
|
42
42
|
get debounceTime(): number;
|
|
43
43
|
/**
|
|
44
|
-
*
|
|
44
|
+
* The object property to display in the text input after users
|
|
45
45
|
* select an item in the dropdown list.
|
|
46
46
|
* @default "name"
|
|
47
47
|
*/
|
|
@@ -49,11 +49,11 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
|
|
|
49
49
|
get descriptorProperty(): string;
|
|
50
50
|
/**
|
|
51
51
|
* @internal
|
|
52
|
-
*
|
|
52
|
+
* Whether to display a button in the dropdown that opens a picker where users can view all options.
|
|
53
53
|
*/
|
|
54
54
|
enableShowMore: boolean | undefined;
|
|
55
55
|
/**
|
|
56
|
-
*
|
|
56
|
+
* The observable of `SkyAutocompleteMessage` that can close the dropdown.
|
|
57
57
|
* @internal
|
|
58
58
|
*/
|
|
59
59
|
set messageStream(value: Subject<SkyAutocompleteMessage> | undefined);
|
|
@@ -63,14 +63,14 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
|
|
|
63
63
|
*/
|
|
64
64
|
wrapperClass: string | undefined;
|
|
65
65
|
/**
|
|
66
|
-
*
|
|
66
|
+
* The object properties to search.
|
|
67
67
|
* @default ["name"]
|
|
68
68
|
* @deprecated We recommend against using this property. To search specific properties, use the `searchAsync` event instead.
|
|
69
69
|
*/
|
|
70
70
|
set propertiesToSearch(value: string[] | undefined);
|
|
71
71
|
get propertiesToSearch(): string[];
|
|
72
72
|
/**
|
|
73
|
-
*
|
|
73
|
+
* The function that dynamically manages the data source when users
|
|
74
74
|
* change the text in the autocomplete field. The search function must return
|
|
75
75
|
* an array or a promise of an array. The `search` property is particularly
|
|
76
76
|
* useful when the data source does not live in the source code.
|
|
@@ -79,13 +79,13 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
|
|
|
79
79
|
set search(value: SkyAutocompleteSearchFunction | undefined);
|
|
80
80
|
get search(): SkyAutocompleteSearchFunction | undefined;
|
|
81
81
|
/**
|
|
82
|
-
*
|
|
82
|
+
* The template that formats each search result in the dropdown list.
|
|
83
83
|
* The autocomplete component injects search result values into the template
|
|
84
84
|
* as `item` variables that reference all of the object properties of the search results.
|
|
85
85
|
*/
|
|
86
86
|
searchResultTemplate: TemplateRef<unknown> | undefined;
|
|
87
87
|
/**
|
|
88
|
-
*
|
|
88
|
+
* The minimum number of characters that users must enter before
|
|
89
89
|
* the autocomplete component searches the data source and displays search
|
|
90
90
|
* results in the dropdown list.
|
|
91
91
|
* @default 1
|
|
@@ -93,7 +93,7 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
|
|
|
93
93
|
set searchTextMinimumCharacters(value: number | undefined);
|
|
94
94
|
get searchTextMinimumCharacters(): number;
|
|
95
95
|
/**
|
|
96
|
-
*
|
|
96
|
+
* The array of functions to call against each search result in order
|
|
97
97
|
* to filter the search results when using the default search function. When
|
|
98
98
|
* using the `search` property to specify a custom search function, you must
|
|
99
99
|
* manually apply filters inside that function. The function must return `true`
|
|
@@ -103,19 +103,19 @@ export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewIni
|
|
|
103
103
|
set searchFilters(value: SkyAutocompleteSearchFunctionFilter[] | undefined);
|
|
104
104
|
get searchFilters(): SkyAutocompleteSearchFunctionFilter[] | undefined;
|
|
105
105
|
/**
|
|
106
|
-
*
|
|
106
|
+
* The maximum number of search results to display in the dropdown list.
|
|
107
107
|
* By default, the component displays all matching results.
|
|
108
108
|
*/
|
|
109
109
|
set searchResultsLimit(value: number | undefined);
|
|
110
110
|
get searchResultsLimit(): number;
|
|
111
111
|
/**
|
|
112
112
|
* @internal
|
|
113
|
-
*
|
|
113
|
+
* Whether to display a button that lets users add options to the data source.
|
|
114
114
|
* @default false
|
|
115
115
|
*/
|
|
116
116
|
showAddButton: boolean | undefined;
|
|
117
117
|
/**
|
|
118
|
-
*
|
|
118
|
+
* The text to display when no search results are found.
|
|
119
119
|
* @default "No matches found"
|
|
120
120
|
*/
|
|
121
121
|
noResultsFoundText: string | undefined;
|
|
@@ -10,6 +10,6 @@ import * as i8 from "../shared/sky-lookup-resources.module";
|
|
|
10
10
|
import * as i9 from "@skyux/theme";
|
|
11
11
|
export declare class SkyAutocompleteModule {
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteModule, never>;
|
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyAutocompleteModule, [typeof i1.SkyAutocompleteComponent, typeof i2.SkyAutocompleteInputDirective, typeof i3.
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyAutocompleteModule, [typeof i1.SkyAutocompleteComponent, typeof i2.SkyAutocompleteInputDirective, typeof i3.SkyAutocompleteSearchAsyncDisabledPipe], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyAffixModule, typeof i7.SkyTextHighlightModule, typeof i7.SkyIconModule, typeof i6.SkyIdModule, typeof i8.SkyLookupResourcesModule, typeof i6.SkyNumericModule, typeof i6.SkyOverlayModule, typeof i9.SkyThemeModule, typeof i7.SkyWaitModule], [typeof i1.SkyAutocompleteComponent, typeof i2.SkyAutocompleteInputDirective]>;
|
|
14
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyAutocompleteModule>;
|
|
15
15
|
}
|
|
@@ -8,7 +8,7 @@ export interface SkyAutocompleteSearchAsyncResult {
|
|
|
8
8
|
*/
|
|
9
9
|
continuationData?: unknown;
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Whether there are more results that match the search criteria.
|
|
12
12
|
*/
|
|
13
13
|
hasMore?: boolean;
|
|
14
14
|
/**
|
|
@@ -12,11 +12,11 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
|
|
|
12
12
|
#private;
|
|
13
13
|
inputBoxHostSvc?: SkyInputBoxHostService | undefined;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* The value for the `autocomplete` attribute on the form input.
|
|
16
16
|
*/
|
|
17
17
|
autocompleteAttribute: string | undefined;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
|
|
20
20
|
* country code for the default country.
|
|
21
21
|
* When search results include the default country, it appears at the top of the list.
|
|
22
22
|
* @default "us"
|
|
@@ -24,25 +24,25 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
|
|
|
24
24
|
set defaultCountry(value: string | undefined);
|
|
25
25
|
get defaultCountry(): string | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Whether to disable the country field.
|
|
28
28
|
* @default false
|
|
29
29
|
*/
|
|
30
30
|
set disabled(isDisabled: boolean | undefined);
|
|
31
31
|
get disabled(): boolean;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Whether to hide the flag in the input element.
|
|
34
34
|
* @default false
|
|
35
35
|
*/
|
|
36
36
|
set hideSelectedCountryFlag(value: boolean | undefined);
|
|
37
37
|
get hideSelectedCountryFlag(): boolean;
|
|
38
38
|
/**
|
|
39
|
-
*
|
|
39
|
+
* Whether to include phone information in the selected country and country dropdown.
|
|
40
40
|
* @default false
|
|
41
41
|
*/
|
|
42
42
|
set includePhoneInfo(value: boolean | undefined);
|
|
43
43
|
get includePhoneInfo(): boolean;
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
|
|
46
46
|
* country codes for the countries that users can select. By default, all countries are available.
|
|
47
47
|
*/
|
|
48
48
|
set supportedCountryISOs(value: string[] | undefined);
|
|
@@ -70,7 +70,7 @@ export declare class SkyCountryFieldComponent implements AfterViewInit, ControlV
|
|
|
70
70
|
ngOnInit(): void;
|
|
71
71
|
ngAfterViewInit(): void;
|
|
72
72
|
/**
|
|
73
|
-
* Angular lifecycle hook for when the
|
|
73
|
+
* Angular lifecycle hook for when the component is destructed.
|
|
74
74
|
* @internal
|
|
75
75
|
*/
|
|
76
76
|
ngOnDestroy(): void;
|
|
@@ -13,7 +13,7 @@ export interface SkyCountryFieldCountry {
|
|
|
13
13
|
*/
|
|
14
14
|
name?: string;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* The country's international dial code.
|
|
17
17
|
* This property will only be set if the `includePhoneInfo` input is set.
|
|
18
18
|
*/
|
|
19
19
|
dialCode?: string;
|
|
@@ -9,26 +9,26 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
export declare class SkyLookupAutocompleteAdapter {
|
|
10
10
|
#private;
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* How many milliseconds to wait before searching while users
|
|
13
13
|
* enter text in the lookup field.
|
|
14
14
|
* @default 0
|
|
15
15
|
*/
|
|
16
16
|
debounceTime: number | undefined;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* The object property to display in the text input after users
|
|
19
19
|
* select an item in the dropdown list.
|
|
20
20
|
* @default "name"
|
|
21
21
|
*/
|
|
22
22
|
set descriptorProperty(value: string | undefined);
|
|
23
23
|
get descriptorProperty(): string;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* The array of object properties to search.
|
|
26
26
|
* @default ["name"]
|
|
27
27
|
*/
|
|
28
28
|
set propertiesToSearch(value: string[] | undefined);
|
|
29
29
|
get propertiesToSearch(): string[];
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* The function to dynamically manage the data source when users
|
|
32
32
|
* change the text in the lookup field. The search function must return
|
|
33
33
|
* an array or a promise of an array. The `search` property is particularly
|
|
34
34
|
* useful when the data source does not live in the source code. If the
|
|
@@ -38,20 +38,20 @@ export declare class SkyLookupAutocompleteAdapter {
|
|
|
38
38
|
set search(value: SkyAutocompleteSearchFunction | undefined);
|
|
39
39
|
get search(): SkyAutocompleteSearchFunction | undefined;
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
41
|
+
* The template that formats each option in the dropdown list. The lookup component
|
|
42
42
|
* injects values into the template as `item` variables that reference all the object
|
|
43
43
|
* properties of the options.
|
|
44
44
|
*/
|
|
45
45
|
searchResultTemplate: TemplateRef<unknown> | undefined;
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
47
|
+
* The minimum number of characters that users must enter before
|
|
48
48
|
* the lookup component searches the data source and displays search results
|
|
49
49
|
* in the dropdown list.
|
|
50
50
|
* @default 1
|
|
51
51
|
*/
|
|
52
52
|
searchTextMinimumCharacters: number | undefined;
|
|
53
53
|
/**
|
|
54
|
-
*
|
|
54
|
+
* The array of functions to call against each search result in order
|
|
55
55
|
* to filter the search results when using the default search function. When
|
|
56
56
|
* using a custom search function via the `search` property filters must be
|
|
57
57
|
* applied manually inside that function. The function must return `true` or
|
|
@@ -60,7 +60,7 @@ export declare class SkyLookupAutocompleteAdapter {
|
|
|
60
60
|
set searchFilters(value: SkyAutocompleteSearchFunctionFilter[] | undefined);
|
|
61
61
|
get searchFilters(): SkyAutocompleteSearchFunctionFilter[] | undefined;
|
|
62
62
|
/**
|
|
63
|
-
*
|
|
63
|
+
* The maximum number of search results to display in the dropdown
|
|
64
64
|
* list. By default, the lookup component displays all matching results.
|
|
65
65
|
*/
|
|
66
66
|
searchResultsLimit: number | undefined;
|
|
@@ -24,24 +24,24 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
|
|
|
24
24
|
inputBoxHostSvc?: SkyInputBoxHostService | undefined;
|
|
25
25
|
themeSvc?: SkyThemeService | undefined;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* The ARIA label for the typeahead search input
|
|
28
28
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
29
29
|
* If the input includes a visible label, use `ariaLabelledBy` instead.
|
|
30
30
|
*/
|
|
31
31
|
ariaLabel: string | undefined;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* The HTML element ID (without the leading `#`) of the element that labels
|
|
34
34
|
* the typeahead search input. This sets the input's `aria-labelledby` attribute
|
|
35
35
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
36
36
|
* If the input does not include a visible label, use `ariaLabel` instead.
|
|
37
37
|
*/
|
|
38
38
|
ariaLabelledBy: string | undefined;
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
40
|
+
* The value for the `autocomplete` attribute on the form input.
|
|
41
41
|
*/
|
|
42
42
|
autocompleteAttribute: string | undefined;
|
|
43
43
|
/**
|
|
44
|
-
*
|
|
44
|
+
* The data source for the lookup component to search when users
|
|
45
45
|
* enter text. You can specify static data such as an array of objects, or
|
|
46
46
|
* you can pull data from a database.
|
|
47
47
|
* @default []
|
|
@@ -49,39 +49,39 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
|
|
|
49
49
|
set data(value: any[] | undefined);
|
|
50
50
|
get data(): any[];
|
|
51
51
|
/**
|
|
52
|
-
*
|
|
52
|
+
* Whether to disable the lookup field.
|
|
53
53
|
* @default false
|
|
54
54
|
*/
|
|
55
55
|
set disabled(value: boolean | undefined);
|
|
56
56
|
get disabled(): boolean;
|
|
57
57
|
/**
|
|
58
|
-
*
|
|
58
|
+
* Whether to enable users to open a picker where they can view all options.
|
|
59
59
|
* @default false
|
|
60
60
|
*/
|
|
61
61
|
set enableShowMore(value: boolean | undefined);
|
|
62
62
|
get enableShowMore(): boolean;
|
|
63
63
|
/**
|
|
64
|
-
*
|
|
64
|
+
* Placeholder text to display in the lookup field.
|
|
65
65
|
*/
|
|
66
66
|
placeholderText: string | undefined;
|
|
67
67
|
/**
|
|
68
|
-
*
|
|
68
|
+
* The object property that represents the object's unique identifier.
|
|
69
69
|
* Specifying this property enables token animations and more efficient rendering.
|
|
70
70
|
* This property is required when using `enableShowMore` and `searchAsync` together.
|
|
71
71
|
*/
|
|
72
72
|
idProperty: string | undefined;
|
|
73
73
|
/**
|
|
74
|
-
*
|
|
74
|
+
* Whether to display a button that lets users add options to the list.
|
|
75
75
|
* @default false
|
|
76
76
|
*/
|
|
77
77
|
set showAddButton(value: boolean | undefined);
|
|
78
78
|
get showAddButton(): boolean;
|
|
79
79
|
/**
|
|
80
|
-
*
|
|
80
|
+
* Configuration options for the picker that displays all options.
|
|
81
81
|
*/
|
|
82
82
|
showMoreConfig: SkyLookupShowMoreConfig | undefined;
|
|
83
83
|
/**
|
|
84
|
-
*
|
|
84
|
+
* The ability for users to select one option or multiple options.
|
|
85
85
|
* @default "multiple"
|
|
86
86
|
*/
|
|
87
87
|
set selectMode(value: SkyLookupSelectModeType | undefined);
|
|
@@ -8,11 +8,11 @@ import { SkyLookupShowMoreNativePickerConfig } from './lookup-show-more-native-p
|
|
|
8
8
|
*/
|
|
9
9
|
export interface SkyLookupShowMoreConfig {
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* The configuration object to display a custom picker.
|
|
12
12
|
*/
|
|
13
13
|
customPicker?: SkyLookupShowMoreCustomPicker;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* Configuration options for the native picker.
|
|
16
16
|
*/
|
|
17
17
|
nativePickerConfig?: SkyLookupShowMoreNativePickerConfig;
|
|
18
18
|
}
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export declare class SkyLookupShowMoreCustomPickerContext {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* The options that users can select in the custom picker.
|
|
8
8
|
*/
|
|
9
9
|
items: any[];
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Search text to filter the contents of the custom picker.
|
|
12
12
|
*/
|
|
13
13
|
initialSearch: string;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* The current selections in the lookup field.
|
|
16
16
|
*/
|
|
17
17
|
initialValue: any;
|
|
18
18
|
}
|
|
@@ -5,14 +5,14 @@ import { TemplateRef } from '@angular/core';
|
|
|
5
5
|
*/
|
|
6
6
|
export interface SkyLookupShowMoreNativePickerConfig {
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* The template that formats each option in the picker. The lookup component
|
|
9
9
|
* injects values into the template as `item` variables that reference all the object
|
|
10
10
|
* properties of the options. If you do not specify a template, the picker uses
|
|
11
11
|
* the same template as the dropdown list.
|
|
12
12
|
*/
|
|
13
13
|
itemTemplate?: TemplateRef<unknown>;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* The title for the picker.
|
|
16
16
|
* @default "Select an option/Select options"
|
|
17
17
|
*/
|
|
18
18
|
title?: string;
|
|
@@ -19,11 +19,11 @@ export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges
|
|
|
19
19
|
*/
|
|
20
20
|
searchClear: EventEmitter<void>;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Default search criteria for the input.
|
|
23
23
|
*/
|
|
24
24
|
searchText: string | undefined;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* The expand mode for the search input. The valid options
|
|
27
27
|
* include `"responsive"` to collapse the search input into a button on
|
|
28
28
|
* mobile devices, `"none"` to *not* collapse the search input on mobile
|
|
29
29
|
* devices, and `"fit"` to extend the search input to fit the width of its container.
|
|
@@ -32,19 +32,19 @@ export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges
|
|
|
32
32
|
set expandMode(value: string | undefined);
|
|
33
33
|
get expandMode(): string;
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* How many milliseconds to wait before searching after users enter text in the search input.
|
|
36
36
|
* @default 0
|
|
37
37
|
*/
|
|
38
38
|
set debounceTime(value: number | undefined);
|
|
39
39
|
get debounceTime(): number;
|
|
40
40
|
/**
|
|
41
|
-
*
|
|
41
|
+
* Whether to disable the filter button.
|
|
42
42
|
* @default false
|
|
43
43
|
*/
|
|
44
44
|
set disabled(value: boolean | undefined);
|
|
45
45
|
get disabled(): boolean;
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
47
|
+
* Placeholder text to display in the search input until users
|
|
48
48
|
* enter search criteria.
|
|
49
49
|
* @default "Find in this list"
|
|
50
50
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/lookup",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.6.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -46,15 +46,15 @@
|
|
|
46
46
|
"@angular/core": "^14.2.11",
|
|
47
47
|
"@angular/forms": "^14.2.11",
|
|
48
48
|
"@angular/platform-browser": "^14.2.11",
|
|
49
|
-
"@skyux-sdk/testing": "7.
|
|
50
|
-
"@skyux/core": "7.
|
|
51
|
-
"@skyux/forms": "7.
|
|
52
|
-
"@skyux/i18n": "7.
|
|
53
|
-
"@skyux/indicators": "7.
|
|
54
|
-
"@skyux/layout": "7.
|
|
55
|
-
"@skyux/lists": "7.
|
|
56
|
-
"@skyux/modals": "7.
|
|
57
|
-
"@skyux/theme": "7.
|
|
49
|
+
"@skyux-sdk/testing": "7.6.0",
|
|
50
|
+
"@skyux/core": "7.6.0",
|
|
51
|
+
"@skyux/forms": "7.6.0",
|
|
52
|
+
"@skyux/i18n": "7.6.0",
|
|
53
|
+
"@skyux/indicators": "7.6.0",
|
|
54
|
+
"@skyux/layout": "7.6.0",
|
|
55
|
+
"@skyux/lists": "7.6.0",
|
|
56
|
+
"@skyux/modals": "7.6.0",
|
|
57
|
+
"@skyux/theme": "7.6.0"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
60
|
"intl-tel-input": "17.0.19",
|