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