@skyux/lookup 6.3.2 → 6.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +909 -927
- package/esm2020/lib/modules/autocomplete/autocomplete-adapter.service.mjs +12 -8
- package/esm2020/lib/modules/autocomplete/autocomplete-default-search-function.mjs +1 -1
- package/esm2020/lib/modules/autocomplete/autocomplete-input.directive.mjs +82 -69
- package/esm2020/lib/modules/autocomplete/autocomplete.component.mjs +377 -381
- package/esm2020/lib/modules/country-field/country-field.component.mjs +170 -152
- package/esm2020/lib/modules/lookup/lookup-autocomplete-adapter.mjs +14 -8
- package/esm2020/lib/modules/lookup/lookup-show-more-async-modal.component.mjs +65 -58
- package/esm2020/lib/modules/lookup/lookup-show-more-modal.component.mjs +49 -41
- package/esm2020/lib/modules/lookup/lookup.component.mjs +231 -222
- package/esm2020/lib/modules/lookup/types/lookup-show-more-custom-picker-context.mjs +1 -1
- package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.mjs +1 -1
- package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-context.mjs +1 -1
- package/esm2020/lib/modules/search/search-adapter.service.mjs +22 -21
- package/esm2020/lib/modules/search/search.component.mjs +68 -67
- package/esm2020/testing/country-field/country-field-fixture.mjs +1 -1
- package/fesm2015/skyux-lookup-testing.mjs.map +1 -1
- package/fesm2015/skyux-lookup.mjs +1075 -1021
- package/fesm2015/skyux-lookup.mjs.map +1 -1
- package/fesm2020/skyux-lookup-testing.mjs.map +1 -1
- package/fesm2020/skyux-lookup.mjs +1073 -1019
- package/fesm2020/skyux-lookup.mjs.map +1 -1
- package/lib/modules/autocomplete/autocomplete-adapter.service.d.ts +1 -3
- package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +3 -16
- package/lib/modules/autocomplete/autocomplete.component.d.ts +20 -76
- package/lib/modules/country-field/country-field.component.d.ts +14 -36
- package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +6 -8
- package/lib/modules/lookup/lookup-show-more-async-modal.component.d.ts +9 -16
- package/lib/modules/lookup/lookup-show-more-modal.component.d.ts +3 -4
- package/lib/modules/lookup/lookup.component.d.ts +17 -42
- package/lib/modules/lookup/types/lookup-show-more-native-picker-async-context.d.ts +1 -1
- package/lib/modules/lookup/types/lookup-show-more-native-picker-context.d.ts +1 -1
- package/lib/modules/search/search-adapter.service.d.ts +1 -5
- package/lib/modules/search/search.component.d.ts +11 -22
- package/package.json +10 -10
- package/testing/country-field/country-field-fixture.d.ts +1 -1
|
@@ -6,10 +6,10 @@ import { SkyLookupShowMoreNativePickerConfig } from './lookup-show-more-native-p
|
|
|
6
6
|
* Context for the show more native picker. These values are provided by the lookup component.
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyLookupShowMoreNativePickerContext {
|
|
9
|
-
items: any[];
|
|
10
9
|
descriptorProperty: string;
|
|
11
10
|
initialSearch: string;
|
|
12
11
|
initialValue: any[];
|
|
12
|
+
items: any[];
|
|
13
13
|
search: SkyAutocompleteSearchFunction;
|
|
14
14
|
selectMode: SkyLookupSelectModeType;
|
|
15
15
|
showAddButton: boolean;
|
|
@@ -4,16 +4,12 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkySearchAdapterService {
|
|
7
|
-
private
|
|
7
|
+
#private;
|
|
8
8
|
constructor(renderer: Renderer2);
|
|
9
9
|
selectInput(searchEl: ElementRef): void;
|
|
10
10
|
focusInput(searchEl: ElementRef): void;
|
|
11
11
|
startInputAnimation(searchEl: ElementRef): void;
|
|
12
12
|
endInputAnimation(searchEl: ElementRef): void;
|
|
13
|
-
private getInputContainerEl;
|
|
14
|
-
private getSearchOpenButtonEl;
|
|
15
|
-
private getSearchContainerEl;
|
|
16
|
-
private getInputEl;
|
|
17
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchAdapterService, never>;
|
|
18
14
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkySearchAdapterService>;
|
|
19
15
|
}
|
|
@@ -5,10 +5,7 @@ import { Subscription } from 'rxjs';
|
|
|
5
5
|
import { SkySearchAdapterService } from './search-adapter.service';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges {
|
|
8
|
-
private
|
|
9
|
-
private elRef;
|
|
10
|
-
private searchAdapter;
|
|
11
|
-
private changeRef;
|
|
8
|
+
#private;
|
|
12
9
|
/**
|
|
13
10
|
* Fires when the search text is applied.
|
|
14
11
|
*/
|
|
@@ -24,7 +21,7 @@ export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges
|
|
|
24
21
|
/**
|
|
25
22
|
* Specifies default search criteria for the input.
|
|
26
23
|
*/
|
|
27
|
-
searchText: string;
|
|
24
|
+
searchText: string | undefined;
|
|
28
25
|
/**
|
|
29
26
|
* Specifies the expand mode for the search input. The valid options
|
|
30
27
|
* include `"responsive"` to collapse the search input into a button on
|
|
@@ -35,45 +32,37 @@ export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges
|
|
|
35
32
|
expandMode: string;
|
|
36
33
|
/**
|
|
37
34
|
* Specifies how many milliseconds to wait before searching after users enter text in the search input.
|
|
38
|
-
* @default 0
|
|
39
35
|
*/
|
|
40
36
|
debounceTime: number;
|
|
41
37
|
/**
|
|
42
38
|
* Indicates whether to disable the filter button.
|
|
43
|
-
* @default false
|
|
44
39
|
*/
|
|
45
40
|
disabled: boolean;
|
|
46
|
-
isFullWidth: boolean;
|
|
47
|
-
isCollapsible: boolean;
|
|
48
41
|
/**
|
|
49
42
|
* Specifies placeholder text to display in the search input until users
|
|
50
43
|
* enter search criteria.
|
|
51
44
|
* @default "Find in this list"
|
|
52
45
|
*/
|
|
53
|
-
placeholderText: string;
|
|
46
|
+
placeholderText: string | undefined;
|
|
47
|
+
breakpointSubscription: Subscription | undefined;
|
|
48
|
+
clearButtonShown: boolean;
|
|
49
|
+
dismissButtonShown: boolean;
|
|
54
50
|
inputAnimate: string;
|
|
55
|
-
|
|
56
|
-
|
|
51
|
+
isCollapsible: boolean;
|
|
52
|
+
isFullWidth: boolean;
|
|
57
53
|
mobileSearchShown: boolean;
|
|
58
|
-
|
|
59
|
-
clearButtonShown: boolean;
|
|
60
|
-
private searchUpdated;
|
|
54
|
+
searchButtonShown: boolean;
|
|
61
55
|
constructor(mediaQueryService: SkyMediaQueryService, elRef: ElementRef, searchAdapter: SkySearchAdapterService, changeRef: ChangeDetectorRef);
|
|
62
56
|
ngOnInit(): void;
|
|
63
57
|
ngOnChanges(changes: SimpleChanges): void;
|
|
64
58
|
clearSearchText(): void;
|
|
65
|
-
enterPress(event: KeyboardEvent, searchText: string): void;
|
|
66
|
-
applySearchText(searchText: string): void;
|
|
59
|
+
enterPress(event: KeyboardEvent, searchText: string | undefined): void;
|
|
60
|
+
applySearchText(searchText: string | undefined): void;
|
|
67
61
|
searchTextChanged(searchText: string): void;
|
|
68
62
|
toggleSearchInput(showInput: boolean): void;
|
|
69
63
|
inputAnimationStart(event: AnimationEvent): void;
|
|
70
64
|
inputAnimationEnd(event: AnimationEvent): void;
|
|
71
65
|
ngOnDestroy(): void;
|
|
72
|
-
private searchBindingChanged;
|
|
73
|
-
private expandModeBindingChanged;
|
|
74
|
-
private shouldOpenInput;
|
|
75
|
-
private mediaQueryCallback;
|
|
76
|
-
private searchShouldCollapse;
|
|
77
66
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchComponent, never>;
|
|
78
67
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkySearchComponent, "sky-search", never, { "searchText": "searchText"; "expandMode": "expandMode"; "debounceTime": "debounceTime"; "disabled": "disabled"; "placeholderText": "placeholderText"; }, { "searchApply": "searchApply"; "searchChange": "searchChange"; "searchClear": "searchClear"; }, never, never>;
|
|
79
68
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/lookup",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.5.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -45,15 +45,15 @@
|
|
|
45
45
|
"@angular/core": "^13.3.2",
|
|
46
46
|
"@angular/forms": "^13.3.2",
|
|
47
47
|
"@angular/platform-browser": "^13.3.2",
|
|
48
|
-
"@skyux-sdk/testing": "6.
|
|
49
|
-
"@skyux/core": "6.
|
|
50
|
-
"@skyux/forms": "6.
|
|
51
|
-
"@skyux/i18n": "6.
|
|
52
|
-
"@skyux/indicators": "6.
|
|
53
|
-
"@skyux/layout": "6.
|
|
54
|
-
"@skyux/lists": "6.
|
|
55
|
-
"@skyux/modals": "6.
|
|
56
|
-
"@skyux/theme": "6.
|
|
48
|
+
"@skyux-sdk/testing": "6.5.0",
|
|
49
|
+
"@skyux/core": "6.5.0",
|
|
50
|
+
"@skyux/forms": "6.5.0",
|
|
51
|
+
"@skyux/i18n": "6.5.0",
|
|
52
|
+
"@skyux/indicators": "6.5.0",
|
|
53
|
+
"@skyux/layout": "6.5.0",
|
|
54
|
+
"@skyux/lists": "6.5.0",
|
|
55
|
+
"@skyux/modals": "6.5.0",
|
|
56
|
+
"@skyux/theme": "6.5.0"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"intl-tel-input": "17.0.16",
|
|
@@ -8,7 +8,7 @@ export declare class SkyCountryFieldFixture {
|
|
|
8
8
|
/**
|
|
9
9
|
* The value of the input field's autocomplete attribute.
|
|
10
10
|
*/
|
|
11
|
-
get autocompleteAttribute(): string;
|
|
11
|
+
get autocompleteAttribute(): string | null;
|
|
12
12
|
/**
|
|
13
13
|
* A flag indicating if the country flag is currently visible.
|
|
14
14
|
* The flag will be visible only if a selection has been made
|