@skyux/lookup 12.22.0 → 13.0.0-alpha.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/fesm2022/skyux-lookup-testing.mjs +8 -8
- package/fesm2022/skyux-lookup-testing.mjs.map +1 -1
- package/fesm2022/skyux-lookup.mjs +73 -73
- package/fesm2022/skyux-lookup.mjs.map +1 -1
- package/index.d.ts +1239 -41
- package/package.json +17 -17
- package/testing/index.d.ts +742 -3
- package/lib/modules/autocomplete/autocomplete-adapter.service.d.ts +0 -26
- package/lib/modules/autocomplete/autocomplete-default-search-function.d.ts +0 -3
- package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +0 -51
- package/lib/modules/autocomplete/autocomplete-search-async-disabled.pipe.d.ts +0 -11
- package/lib/modules/autocomplete/autocomplete.component.d.ts +0 -202
- package/lib/modules/autocomplete/autocomplete.module.d.ts +0 -16
- package/lib/modules/autocomplete/types/autocomplete-default-search-function-options.d.ts +0 -10
- package/lib/modules/autocomplete/types/autocomplete-input-text-change.d.ts +0 -6
- package/lib/modules/autocomplete/types/autocomplete-message-type.d.ts +0 -13
- package/lib/modules/autocomplete/types/autocomplete-message.d.ts +0 -10
- package/lib/modules/autocomplete/types/autocomplete-search-args.d.ts +0 -4
- package/lib/modules/autocomplete/types/autocomplete-search-async-args.d.ts +0 -35
- package/lib/modules/autocomplete/types/autocomplete-search-async-function.d.ts +0 -4
- package/lib/modules/autocomplete/types/autocomplete-search-async-result-display-type.d.ts +0 -1
- package/lib/modules/autocomplete/types/autocomplete-search-async-result.d.ts +0 -25
- package/lib/modules/autocomplete/types/autocomplete-search-context.d.ts +0 -1
- package/lib/modules/autocomplete/types/autocomplete-search-function-filter.d.ts +0 -2
- package/lib/modules/autocomplete/types/autocomplete-search-function-response.d.ts +0 -1
- package/lib/modules/autocomplete/types/autocomplete-search-function.d.ts +0 -3
- package/lib/modules/autocomplete/types/autocomplete-selection-change.d.ts +0 -6
- package/lib/modules/autocomplete/types/autocomplete-show-more-args.d.ts +0 -9
- package/lib/modules/country-field/clone-country-data.d.ts +0 -7
- package/lib/modules/country-field/country-field.component.d.ts +0 -97
- package/lib/modules/country-field/country-field.module.d.ts +0 -13
- package/lib/modules/country-field/types/country-field-context-token.d.ts +0 -6
- package/lib/modules/country-field/types/country-field-context.d.ts +0 -6
- package/lib/modules/country-field/types/country.d.ts +0 -29
- package/lib/modules/lookup/lookup-adapter.service.d.ts +0 -10
- package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +0 -78
- package/lib/modules/lookup/lookup-show-more-modal.component.d.ts +0 -57
- package/lib/modules/lookup/lookup.component.d.ts +0 -161
- package/lib/modules/lookup/lookup.module.d.ts +0 -13
- package/lib/modules/lookup/types/lookup-add-click-callback-args.d.ts +0 -16
- package/lib/modules/lookup/types/lookup-add-click-event-args.d.ts +0 -11
- package/lib/modules/lookup/types/lookup-select-mode-type.d.ts +0 -1
- package/lib/modules/lookup/types/lookup-select-mode.d.ts +0 -14
- package/lib/modules/lookup/types/lookup-show-more-config.d.ts +0 -18
- package/lib/modules/lookup/types/lookup-show-more-custom-picker-context.d.ts +0 -18
- package/lib/modules/lookup/types/lookup-show-more-custom-picker.d.ts +0 -7
- package/lib/modules/lookup/types/lookup-show-more-native-picker-config.d.ts +0 -26
- package/lib/modules/lookup/types/lookup-show-more-native-picker-context.d.ts +0 -18
- package/lib/modules/search/search-adapter.service.d.ts +0 -15
- package/lib/modules/search/search.component.d.ts +0 -90
- package/lib/modules/search/search.module.d.ts +0 -14
- package/lib/modules/selection-modal/selection-modal-item-selected.pipe.d.ts +0 -10
- package/lib/modules/selection-modal/selection-modal.component.d.ts +0 -46
- package/lib/modules/selection-modal/selection-modal.module.d.ts +0 -10
- package/lib/modules/selection-modal/selection-modal.service.d.ts +0 -18
- package/lib/modules/selection-modal/types/selection-modal-add-click-callback-args.d.ts +0 -9
- package/lib/modules/selection-modal/types/selection-modal-add-click-event-args.d.ts +0 -11
- package/lib/modules/selection-modal/types/selection-modal-close-args.d.ts +0 -14
- package/lib/modules/selection-modal/types/selection-modal-context.d.ts +0 -19
- package/lib/modules/selection-modal/types/selection-modal-instance.d.ts +0 -33
- package/lib/modules/selection-modal/types/selection-modal-open-args.d.ts +0 -70
- package/lib/modules/selection-modal/types/selection-modal-result.d.ts +0 -14
- package/lib/modules/selection-modal/types/selection-modal-search-args.d.ts +0 -21
- package/lib/modules/selection-modal/types/selection-modal-search-result.d.ts +0 -25
- package/lib/modules/shared/sky-lookup-resources.module.d.ts +0 -10
- package/lib/modules/shared/sky-lookup-string-utils.d.ts +0 -5
- package/testing/legacy/country-field/country-field-fixture.d.ts +0 -37
- package/testing/legacy/country-field/country-field-testing.module.d.ts +0 -10
- package/testing/legacy/search/search-fixture.d.ts +0 -29
- package/testing/legacy/search/search-testing.module.d.ts +0 -11
- package/testing/modules/autocomplete/autocomplete-harness-filters.d.ts +0 -6
- package/testing/modules/autocomplete/autocomplete-harness.d.ts +0 -104
- package/testing/modules/autocomplete/autocomplete-input-harness.d.ts +0 -14
- package/testing/modules/autocomplete/autocomplete-search-result-harness-filters.d.ts +0 -10
- package/testing/modules/autocomplete/autocomplete-search-result-harness.d.ts +0 -30
- package/testing/modules/country-field/country-field-harness-filters.d.ts +0 -6
- package/testing/modules/country-field/country-field-harness.d.ts +0 -92
- package/testing/modules/country-field/country-field-search-result-harness-filters.d.ts +0 -6
- package/testing/modules/country-field/country-field-search-result-harness.d.ts +0 -20
- package/testing/modules/lookup/lookup-harness-filters.d.ts +0 -6
- package/testing/modules/lookup/lookup-harness.d.ts +0 -114
- package/testing/modules/lookup/lookup-search-result-harness-filters.d.ts +0 -6
- package/testing/modules/lookup/lookup-search-result-harness.d.ts +0 -17
- package/testing/modules/lookup/lookup-selection-harness.d.ts +0 -6
- package/testing/modules/lookup/lookup-selections-list-harness.d.ts +0 -20
- package/testing/modules/lookup/lookup-show-more-picker-harness-filters.d.ts +0 -6
- package/testing/modules/lookup/lookup-show-more-picker-harness.d.ts +0 -23
- package/testing/modules/lookup/lookup-show-more-picker-search-result-harness-filters.d.ts +0 -6
- package/testing/modules/lookup/lookup-show-more-picker-search-result-harness.d.ts +0 -6
- package/testing/modules/search/search-harness-filters.d.ts +0 -6
- package/testing/modules/search/search-harness.d.ts +0 -78
- package/testing/modules/selection-modal/selection-modal-harness.d.ts +0 -85
- package/testing/modules/selection-modal/selection-modal-search-result-harness-filters.d.ts +0 -6
- package/testing/modules/selection-modal/selection-modal-search-result-harness.d.ts +0 -6
- package/testing/public-api.d.ts +0 -28
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { ElementRef, RendererFactory2 } from '@angular/core';
|
|
2
|
-
import { SkyCoreAdapterService, SkyOverlayInstance } from '@skyux/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyAutocompleteAdapterService {
|
|
8
|
-
#private;
|
|
9
|
-
constructor(coreAdapterService: SkyCoreAdapterService, rendererFactory: RendererFactory2);
|
|
10
|
-
/**
|
|
11
|
-
* Adds the className for the provided element.
|
|
12
|
-
*/
|
|
13
|
-
addCSSClass(element: HTMLElement, className: string): void;
|
|
14
|
-
getOverlayFocusableElements(overlay: SkyOverlayInstance): HTMLElement[];
|
|
15
|
-
/**
|
|
16
|
-
* Removes the className for the provided element.
|
|
17
|
-
*/
|
|
18
|
-
removeCSSClass(element: HTMLElement, className: string): void;
|
|
19
|
-
setDropdownWidth(elementRef: ElementRef, dropdownRef: ElementRef, isInputBox: boolean): void;
|
|
20
|
-
/**
|
|
21
|
-
* Sets the `tabIndex` of the `element` to the provided `tabIndex`.
|
|
22
|
-
*/
|
|
23
|
-
setTabIndex(element: HTMLElement, tabIndex: number): void;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteAdapterService, never>;
|
|
25
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyAutocompleteAdapterService>;
|
|
26
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { SkyAutocompleteDefaultSearchFunctionOptions } from './types/autocomplete-default-search-function-options';
|
|
2
|
-
import { SkyAutocompleteSearchFunction } from './types/autocomplete-search-function';
|
|
3
|
-
export declare function skyAutocompleteDefaultSearchFunction(options: SkyAutocompleteDefaultSearchFunctionOptions): SkyAutocompleteSearchFunction;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
2
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import { SkyAutocompleteInputTextChange } from './types/autocomplete-input-text-change';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SkyAutocompleteInputDirective implements OnInit, OnDestroy, ControlValueAccessor, Validator {
|
|
7
|
-
#private;
|
|
8
|
-
/**
|
|
9
|
-
* The value for the `autocomplete` attribute on the form input.
|
|
10
|
-
* @default "off"
|
|
11
|
-
* @deprecated SKY UX only supports browser autofill on components where the direct input matches the return value. This input may not behave as expected due to the dropdown selection interaction.
|
|
12
|
-
*/
|
|
13
|
-
set autocompleteAttribute(value: string | undefined);
|
|
14
|
-
get autocompleteAttribute(): string;
|
|
15
|
-
/**
|
|
16
|
-
* Whether to disable the autocomplete field on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
|
|
17
|
-
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
18
|
-
* @default false
|
|
19
|
-
*/
|
|
20
|
-
set disabled(value: boolean | undefined);
|
|
21
|
-
get disabled(): boolean;
|
|
22
|
-
get blur(): Observable<void>;
|
|
23
|
-
get displayWith(): string;
|
|
24
|
-
set displayWith(value: string);
|
|
25
|
-
get focus(): Observable<void>;
|
|
26
|
-
get inputTextValue(): string;
|
|
27
|
-
set inputTextValue(value: string);
|
|
28
|
-
get textChanges(): Observable<SkyAutocompleteInputTextChange>;
|
|
29
|
-
get value(): any;
|
|
30
|
-
set value(value: any);
|
|
31
|
-
constructor(elementRef: ElementRef, renderer: Renderer2);
|
|
32
|
-
ngOnInit(): void;
|
|
33
|
-
ngOnDestroy(): void;
|
|
34
|
-
writeValue(value: any): void;
|
|
35
|
-
registerOnChange(fn: (value: any) => void): void;
|
|
36
|
-
registerOnTouched(fn: () => void): void;
|
|
37
|
-
registerOnValidatorChange(fn: () => void): void;
|
|
38
|
-
restoreInputTextValueToPreviousState(): void;
|
|
39
|
-
setDisabledState(disabled: boolean): void;
|
|
40
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
|
41
|
-
setActiveDescendant(descendantId: string | null): void;
|
|
42
|
-
/**
|
|
43
|
-
* Used to connect the input to the overlay.
|
|
44
|
-
*/
|
|
45
|
-
setAriaControls(overlayId: string | null): void;
|
|
46
|
-
onChange(value: any): void;
|
|
47
|
-
onTouched(): void;
|
|
48
|
-
onValidatorChange: () => void;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteInputDirective, never>;
|
|
50
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyAutocompleteInputDirective, "input[skyAutocomplete], textarea[skyAutocomplete]", never, { "autocompleteAttribute": { "alias": "autocompleteAttribute"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
|
|
51
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, PipeTransform } from '@angular/core';
|
|
2
|
-
import { SkyAutocompleteSearchAsyncArgs } from './types/autocomplete-search-async-args';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyAutocompleteSearchAsyncDisabledPipe implements PipeTransform {
|
|
8
|
-
transform(searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>, searchAsyncDisabled: boolean | undefined): boolean;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteSearchAsyncDisabledPipe, never>;
|
|
10
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<SkyAutocompleteSearchAsyncDisabledPipe, "skyAutocompleteSearchAsyncDisabled", false>;
|
|
11
|
-
}
|
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyAffixService, SkyOverlayService, SkyStackingContext } from '@skyux/core';
|
|
3
|
-
import { SkyInputBoxHostService } from '@skyux/forms';
|
|
4
|
-
import { Observable, Subject } from 'rxjs';
|
|
5
|
-
import { SkyAutocompleteAdapterService } from './autocomplete-adapter.service';
|
|
6
|
-
import { SkyAutocompleteInputDirective } from './autocomplete-input.directive';
|
|
7
|
-
import { SkyAutocompleteMessage } from './types/autocomplete-message';
|
|
8
|
-
import { SkyAutocompleteSearchAsyncArgs } from './types/autocomplete-search-async-args';
|
|
9
|
-
import { SkyAutocompleteSearchFunction } from './types/autocomplete-search-function';
|
|
10
|
-
import { SkyAutocompleteSearchFunctionFilter } from './types/autocomplete-search-function-filter';
|
|
11
|
-
import { SkyAutocompleteSelectionChange } from './types/autocomplete-selection-change';
|
|
12
|
-
import { SkyAutocompleteShowMoreArgs } from './types/autocomplete-show-more-args';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
/**
|
|
15
|
-
* @internal
|
|
16
|
-
*/
|
|
17
|
-
interface SkyAutocompleteSearchResult {
|
|
18
|
-
elementId: string;
|
|
19
|
-
data: any;
|
|
20
|
-
}
|
|
21
|
-
export declare class SkyAutocompleteComponent implements OnDestroy, AfterViewInit {
|
|
22
|
-
#private;
|
|
23
|
-
/**
|
|
24
|
-
* The HTML element ID of the element that labels
|
|
25
|
-
* the autocomplete text input. This sets the input's `aria-labelledby` attribute to provide a text equivalent for screen readers
|
|
26
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
27
|
-
* For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
|
|
28
|
-
*/
|
|
29
|
-
ariaLabelledBy: string | undefined;
|
|
30
|
-
/**
|
|
31
|
-
* The static data source for the autocomplete component to search
|
|
32
|
-
* when users enter text. For a dynamic data source such as an array that
|
|
33
|
-
* changes due to server calls, use `search` or `searchAsync` instead.
|
|
34
|
-
*/
|
|
35
|
-
set data(value: any[] | undefined);
|
|
36
|
-
get data(): any[];
|
|
37
|
-
/**
|
|
38
|
-
* How many milliseconds to wait before searching while users
|
|
39
|
-
* enter text in the autocomplete field.
|
|
40
|
-
* @default 0
|
|
41
|
-
*/
|
|
42
|
-
set debounceTime(value: number | undefined);
|
|
43
|
-
get debounceTime(): number;
|
|
44
|
-
/**
|
|
45
|
-
* The object property to display in the text input after users
|
|
46
|
-
* select an item in the dropdown list.
|
|
47
|
-
* @default "name"
|
|
48
|
-
*/
|
|
49
|
-
set descriptorProperty(value: string | undefined);
|
|
50
|
-
get descriptorProperty(): string;
|
|
51
|
-
/**
|
|
52
|
-
* Hint text to show in the dropdown
|
|
53
|
-
* @internal
|
|
54
|
-
*/
|
|
55
|
-
dropdownHintText: string | undefined;
|
|
56
|
-
/**
|
|
57
|
-
* @internal
|
|
58
|
-
* Whether to display a button in the dropdown that opens a picker where users can view all options.
|
|
59
|
-
*/
|
|
60
|
-
set enableShowMore(value: boolean | undefined);
|
|
61
|
-
get enableShowMore(): boolean;
|
|
62
|
-
/**
|
|
63
|
-
* The observable of `SkyAutocompleteMessage` that can close the dropdown.
|
|
64
|
-
* @internal
|
|
65
|
-
*/
|
|
66
|
-
set messageStream(value: Subject<SkyAutocompleteMessage> | undefined);
|
|
67
|
-
get messageStream(): Subject<SkyAutocompleteMessage>;
|
|
68
|
-
/**
|
|
69
|
-
* @internal
|
|
70
|
-
*/
|
|
71
|
-
wrapperClass: string | undefined;
|
|
72
|
-
/**
|
|
73
|
-
* The object properties to search.
|
|
74
|
-
* @default ["name"]
|
|
75
|
-
* @deprecated We recommend against using this property. To search specific properties, use the `searchAsync` event instead.
|
|
76
|
-
*/
|
|
77
|
-
set propertiesToSearch(value: string[] | undefined);
|
|
78
|
-
get propertiesToSearch(): string[];
|
|
79
|
-
/**
|
|
80
|
-
* The function that dynamically manages the data source when users
|
|
81
|
-
* change the text in the autocomplete field. The search function must return
|
|
82
|
-
* an array or a promise of an array. The `search` property is particularly
|
|
83
|
-
* useful when the data source does not live in the source code.
|
|
84
|
-
* @deprecated We recommend against using this property. To call a remote data source, use the `searchAsync` event instead.
|
|
85
|
-
*/
|
|
86
|
-
set search(value: SkyAutocompleteSearchFunction | undefined);
|
|
87
|
-
get search(): SkyAutocompleteSearchFunction | undefined;
|
|
88
|
-
/**
|
|
89
|
-
* The template that formats each search result in the dropdown list.
|
|
90
|
-
* The autocomplete component injects search result values into the template
|
|
91
|
-
* as `item` variables that reference all of the object properties of the search results.
|
|
92
|
-
*/
|
|
93
|
-
searchResultTemplate: TemplateRef<unknown> | undefined;
|
|
94
|
-
/**
|
|
95
|
-
* The minimum number of characters that users must enter before
|
|
96
|
-
* the autocomplete component searches the data source and displays search
|
|
97
|
-
* results in the dropdown list.
|
|
98
|
-
* @default 1
|
|
99
|
-
*/
|
|
100
|
-
set searchTextMinimumCharacters(value: number | undefined);
|
|
101
|
-
get searchTextMinimumCharacters(): number;
|
|
102
|
-
/**
|
|
103
|
-
* The array of functions to call against each search result in order
|
|
104
|
-
* to filter the search results when using the default search function. When
|
|
105
|
-
* using the `search` property to specify a custom search function, you must
|
|
106
|
-
* manually apply filters inside that function. The function must return `true`
|
|
107
|
-
* or `false` for each result to indicate whether to display it in the dropdown list.
|
|
108
|
-
* @deprecated We recommend against using this property. To filter results, use the `searchAsync` event instead.
|
|
109
|
-
*/
|
|
110
|
-
set searchFilters(value: SkyAutocompleteSearchFunctionFilter[] | undefined);
|
|
111
|
-
get searchFilters(): SkyAutocompleteSearchFunctionFilter[] | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* The maximum number of search results to display in the dropdown list.
|
|
114
|
-
* By default, the component displays all matching results.
|
|
115
|
-
*/
|
|
116
|
-
set searchResultsLimit(value: number | undefined);
|
|
117
|
-
get searchResultsLimit(): number;
|
|
118
|
-
/**
|
|
119
|
-
* @internal
|
|
120
|
-
* Whether to display a button that lets users add options to the data source.
|
|
121
|
-
* @default false
|
|
122
|
-
*/
|
|
123
|
-
set showAddButton(value: boolean | undefined);
|
|
124
|
-
get showAddButton(): boolean;
|
|
125
|
-
/**
|
|
126
|
-
* The text to display when no search results are found.
|
|
127
|
-
* @default "No matches found"
|
|
128
|
-
*/
|
|
129
|
-
noResultsFoundText: string | undefined;
|
|
130
|
-
/**
|
|
131
|
-
* @internal
|
|
132
|
-
* Allows async search to be disabled even when a listener is specified for
|
|
133
|
-
* the `searchAsync` output.
|
|
134
|
-
* @default false
|
|
135
|
-
*/
|
|
136
|
-
searchAsyncDisabled: boolean | undefined;
|
|
137
|
-
/**
|
|
138
|
-
* Allows the user to specify arbitrary values not in the search results.
|
|
139
|
-
* @default false
|
|
140
|
-
*/
|
|
141
|
-
allowAnyValue: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
142
|
-
/**
|
|
143
|
-
* Highlights the search text in each search result. Set this to false
|
|
144
|
-
* when your search finds results that are not exact text matches, e.g.
|
|
145
|
-
* returning "Bob" for the term "Robert."
|
|
146
|
-
* @default true
|
|
147
|
-
*/
|
|
148
|
-
highlightSearchText: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
149
|
-
/**
|
|
150
|
-
* @internal
|
|
151
|
-
* Fires when users select the button to add options to the data source.
|
|
152
|
-
*/
|
|
153
|
-
addClick: EventEmitter<void>;
|
|
154
|
-
/**
|
|
155
|
-
* @internal
|
|
156
|
-
* Fires when users select the button to view all options.
|
|
157
|
-
*/
|
|
158
|
-
showMoreClick: EventEmitter<SkyAutocompleteShowMoreArgs>;
|
|
159
|
-
/**
|
|
160
|
-
* Fires when users select items in the dropdown list.
|
|
161
|
-
*/
|
|
162
|
-
selectionChange: EventEmitter<SkyAutocompleteSelectionChange>;
|
|
163
|
-
/**
|
|
164
|
-
* Fires when users enter new search information and allows results to be
|
|
165
|
-
* returned via an observable.
|
|
166
|
-
*/
|
|
167
|
-
searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>;
|
|
168
|
-
/**
|
|
169
|
-
* @internal
|
|
170
|
-
*/
|
|
171
|
-
openChange: EventEmitter<boolean>;
|
|
172
|
-
get searchResults(): SkyAutocompleteSearchResult[];
|
|
173
|
-
set searchResults(value: SkyAutocompleteSearchResult[]);
|
|
174
|
-
get highlightText(): string[];
|
|
175
|
-
set highlightText(value: string[]);
|
|
176
|
-
isOpen: boolean;
|
|
177
|
-
resultsListId: string;
|
|
178
|
-
resultsWrapperId: string;
|
|
179
|
-
searchText: string;
|
|
180
|
-
get showActionsArea(): boolean;
|
|
181
|
-
isSearchingAsync: boolean;
|
|
182
|
-
searchResultsCount: number | undefined;
|
|
183
|
-
set inputDirective(directive: SkyAutocompleteInputDirective | undefined);
|
|
184
|
-
get inputDirective(): SkyAutocompleteInputDirective | undefined;
|
|
185
|
-
resultsTemplateRef: TemplateRef<unknown> | undefined;
|
|
186
|
-
set resultsRef(value: ElementRef | undefined);
|
|
187
|
-
get resultsRef(): ElementRef | undefined;
|
|
188
|
-
searchOrDefault: SkyAutocompleteSearchFunction;
|
|
189
|
-
protected isResultsVisible: Observable<boolean>;
|
|
190
|
-
constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, affixService: SkyAffixService, adapterService: SkyAutocompleteAdapterService, overlayService: SkyOverlayService, inputBoxHostSvc?: SkyInputBoxHostService, stackingContext?: SkyStackingContext);
|
|
191
|
-
ngAfterViewInit(): void;
|
|
192
|
-
ngOnDestroy(): void;
|
|
193
|
-
addButtonClicked(): void;
|
|
194
|
-
handleKeydown(event: KeyboardEvent): void;
|
|
195
|
-
moreButtonClicked(): void;
|
|
196
|
-
onResultClick(id: string, event: MouseEvent): void;
|
|
197
|
-
onResultMouseMove(id: number): void;
|
|
198
|
-
isElementFocused(ref: HTMLElement): boolean;
|
|
199
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
|
|
200
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyAutocompleteComponent, "sky-autocomplete", never, { "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "data": { "alias": "data"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "descriptorProperty": { "alias": "descriptorProperty"; "required": false; }; "dropdownHintText": { "alias": "dropdownHintText"; "required": false; }; "enableShowMore": { "alias": "enableShowMore"; "required": false; }; "messageStream": { "alias": "messageStream"; "required": false; }; "wrapperClass": { "alias": "wrapperClass"; "required": false; }; "propertiesToSearch": { "alias": "propertiesToSearch"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchResultTemplate": { "alias": "searchResultTemplate"; "required": false; }; "searchTextMinimumCharacters": { "alias": "searchTextMinimumCharacters"; "required": false; }; "searchFilters": { "alias": "searchFilters"; "required": false; }; "searchResultsLimit": { "alias": "searchResultsLimit"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "noResultsFoundText": { "alias": "noResultsFoundText"; "required": false; }; "searchAsyncDisabled": { "alias": "searchAsyncDisabled"; "required": false; }; "allowAnyValue": { "alias": "allowAnyValue"; "required": false; "isSignal": true; }; "highlightSearchText": { "alias": "highlightSearchText"; "required": false; "isSignal": true; }; }, { "addClick": "addClick"; "showMoreClick": "showMoreClick"; "selectionChange": "selectionChange"; "searchAsync": "searchAsync"; "openChange": "openChange"; }, ["inputDirective"], ["*"], false, never>;
|
|
201
|
-
}
|
|
202
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./autocomplete.component";
|
|
3
|
-
import * as i2 from "./autocomplete-input.directive";
|
|
4
|
-
import * as i3 from "./autocomplete-search-async-disabled.pipe";
|
|
5
|
-
import * as i4 from "@angular/common";
|
|
6
|
-
import * as i5 from "@angular/forms";
|
|
7
|
-
import * as i6 from "@skyux/core";
|
|
8
|
-
import * as i7 from "@skyux/indicators";
|
|
9
|
-
import * as i8 from "@skyux/icon";
|
|
10
|
-
import * as i9 from "../shared/sky-lookup-resources.module";
|
|
11
|
-
import * as i10 from "@skyux/theme";
|
|
12
|
-
export declare class SkyAutocompleteModule {
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyAutocompleteModule, never>;
|
|
14
|
-
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 i8.SkyIconModule, typeof i6.SkyIdModule, typeof i9.SkyLookupResourcesModule, typeof i6.SkyNumericModule, typeof i10.SkyThemeModule, typeof i7.SkyWaitModule], [typeof i1.SkyAutocompleteComponent, typeof i2.SkyAutocompleteInputDirective]>;
|
|
15
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyAutocompleteModule>;
|
|
16
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SkyAutocompleteSearchFunctionFilter } from './autocomplete-search-function-filter';
|
|
2
|
-
/**
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyAutocompleteDefaultSearchFunctionOptions {
|
|
6
|
-
propertiesToSearch: string[];
|
|
7
|
-
searchFilters?: SkyAutocompleteSearchFunctionFilter[];
|
|
8
|
-
/** @deprecated */
|
|
9
|
-
searchResultsLimit?: number;
|
|
10
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import { SkyAutocompleteSearchAsyncResult } from './autocomplete-search-async-result';
|
|
3
|
-
import { AutocompleteSearchAsyncResultDisplayType } from './autocomplete-search-async-result-display-type';
|
|
4
|
-
/**
|
|
5
|
-
* Arguments passed when an asynchronous search is executed from the
|
|
6
|
-
* autocomplete or lookup component.
|
|
7
|
-
*/
|
|
8
|
-
export interface SkyAutocompleteSearchAsyncArgs {
|
|
9
|
-
/**
|
|
10
|
-
* The search text entered by the user.
|
|
11
|
-
*/
|
|
12
|
-
searchText: string;
|
|
13
|
-
/**
|
|
14
|
-
* How the search results will be displayed. Use this value to determine
|
|
15
|
-
* how many results to return.
|
|
16
|
-
*/
|
|
17
|
-
displayType: AutocompleteSearchAsyncResultDisplayType;
|
|
18
|
-
/**
|
|
19
|
-
* The offset index of the first result to return. When search is executed
|
|
20
|
-
* as a result of an infinite scroll event, for example, offset will be set
|
|
21
|
-
* to the number of items already displayed.
|
|
22
|
-
*/
|
|
23
|
-
offset: number;
|
|
24
|
-
/**
|
|
25
|
-
* A continuation token which can be set and then will be passed back with any future searches.
|
|
26
|
-
* This is helpful for applications which utilize a token instead of an offset when fetching data.
|
|
27
|
-
*/
|
|
28
|
-
continuationData?: unknown;
|
|
29
|
-
/**
|
|
30
|
-
* An Observable representing the search results. Consumers should set this
|
|
31
|
-
* when the event fires so the autocomplete or lookup component can subscribe
|
|
32
|
-
* to it and then display the results.
|
|
33
|
-
*/
|
|
34
|
-
result?: Observable<SkyAutocompleteSearchAsyncResult>;
|
|
35
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import { SkyAutocompleteSearchAsyncArgs } from './autocomplete-search-async-args';
|
|
3
|
-
import { SkyAutocompleteSearchAsyncResult } from './autocomplete-search-async-result';
|
|
4
|
-
export type SkyAutocompleteSearchAsyncFunction = (args: SkyAutocompleteSearchAsyncArgs) => Observable<SkyAutocompleteSearchAsyncResult>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type AutocompleteSearchAsyncResultDisplayType = 'popover' | 'modal';
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The result of searching for items to display in an autocomplete or lookup field.
|
|
3
|
-
*/
|
|
4
|
-
export interface SkyAutocompleteSearchAsyncResult {
|
|
5
|
-
/**
|
|
6
|
-
* Data provided on "load more" search result requests. Use this property for
|
|
7
|
-
* information such as a continuation token for paged database queries.
|
|
8
|
-
*/
|
|
9
|
-
continuationData?: unknown;
|
|
10
|
-
/**
|
|
11
|
-
* Whether there are more results that match the search criteria.
|
|
12
|
-
*/
|
|
13
|
-
hasMore?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* A list of items matching the search criteria. When there are more items that match
|
|
16
|
-
* the search criteria, set the `hasMore` property to `true` more records can be lazy-loaded
|
|
17
|
-
* as the user scrolls through the search results.
|
|
18
|
-
*/
|
|
19
|
-
items: unknown[];
|
|
20
|
-
/**
|
|
21
|
-
* The total number of records that match the search criteria, including items not returned in
|
|
22
|
-
* the current list of items.
|
|
23
|
-
*/
|
|
24
|
-
totalCount: number;
|
|
25
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyAutocompleteSearchContext = 'popover' | 'modal';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyAutocompleteSearchFunctionResponse = any[] | Promise<any[]>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { SkyAutocompleteSearchArgs } from './autocomplete-search-args';
|
|
2
|
-
import { SkyAutocompleteSearchFunctionResponse } from './autocomplete-search-function-response';
|
|
3
|
-
export type SkyAutocompleteSearchFunction = (searchText: string, data: any[], args?: SkyAutocompleteSearchArgs) => SkyAutocompleteSearchFunctionResponse;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type Country } from 'intl-tel-input/data';
|
|
2
|
-
import type { SkyCountryFieldCountry } from './types/country';
|
|
3
|
-
/**
|
|
4
|
-
* Clone the country data for each component instance to avoid overwriting
|
|
5
|
-
* the global country data.
|
|
6
|
-
*/
|
|
7
|
-
export declare function cloneCountryData(data: Country[]): SkyCountryFieldCountry[];
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter, Injector, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
2
|
-
import { AbstractControl, ControlValueAccessor, UntypedFormControl, ValidationErrors, Validator } from '@angular/forms';
|
|
3
|
-
import { SkyInputBoxHostService } from '@skyux/forms';
|
|
4
|
-
import { Observable } from 'rxjs';
|
|
5
|
-
import { SkyAutocompleteInputDirective } from '../autocomplete/autocomplete-input.directive';
|
|
6
|
-
import { SkyAutocompleteSelectionChange } from '../autocomplete/types/autocomplete-selection-change';
|
|
7
|
-
import { SkyCountryFieldCountry } from './types/country';
|
|
8
|
-
import { SkyCountryFieldContext } from './types/country-field-context';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
export declare class SkyCountryFieldComponent implements ControlValueAccessor, OnDestroy, OnInit, Validator {
|
|
11
|
-
#private;
|
|
12
|
-
inputBoxHostSvc?: SkyInputBoxHostService | undefined;
|
|
13
|
-
/**
|
|
14
|
-
* The value for the HTML `autocomplete` attribute on the form input.
|
|
15
|
-
* @default 'off'
|
|
16
|
-
* @deprecated SKY UX only supports browser autofill on components where the direct input matches the return value. This input may not behave as expected due to the dropdown selection interaction.
|
|
17
|
-
*/
|
|
18
|
-
autocompleteAttribute: string | undefined;
|
|
19
|
-
/**
|
|
20
|
-
* The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
|
|
21
|
-
* country code for the default country.
|
|
22
|
-
* When search results include the default country, it appears at the top of the list.
|
|
23
|
-
* @default "us"
|
|
24
|
-
*/
|
|
25
|
-
set defaultCountry(value: string | undefined);
|
|
26
|
-
get defaultCountry(): string | undefined;
|
|
27
|
-
/**
|
|
28
|
-
* Whether to disable the country field on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
|
|
29
|
-
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
set disabled(isDisabled: boolean | undefined);
|
|
33
|
-
get disabled(): boolean;
|
|
34
|
-
/**
|
|
35
|
-
* The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
|
|
36
|
-
* country codes for the countries that users can select. By default, all countries are available.
|
|
37
|
-
*/
|
|
38
|
-
set supportedCountryISOs(value: string[] | undefined);
|
|
39
|
-
get supportedCountryISOs(): string[];
|
|
40
|
-
/**
|
|
41
|
-
* Fires when the selected country changes.
|
|
42
|
-
*/
|
|
43
|
-
selectedCountryChange: EventEmitter<SkyCountryFieldCountry>;
|
|
44
|
-
/**
|
|
45
|
-
* Fires when the country field is focused out.
|
|
46
|
-
* @internal
|
|
47
|
-
*/
|
|
48
|
-
countryFieldFocusout: EventEmitter<FocusEvent>;
|
|
49
|
-
countries: SkyCountryFieldCountry[];
|
|
50
|
-
countrySearchFormControl: UntypedFormControl;
|
|
51
|
-
searchTextMinimumCharacters: number;
|
|
52
|
-
countrySearchAutocompleteDirective: SkyAutocompleteInputDirective | undefined;
|
|
53
|
-
set selectedCountry(newCountry: SkyCountryFieldCountry | undefined);
|
|
54
|
-
get selectedCountry(): SkyCountryFieldCountry | undefined;
|
|
55
|
-
context: SkyCountryFieldContext | null;
|
|
56
|
-
inputId: string;
|
|
57
|
-
protected ariaDescribedBy: Observable<string | undefined> | undefined;
|
|
58
|
-
inputTemplateRef: TemplateRef<unknown> | undefined;
|
|
59
|
-
constructor(changeDetector: ChangeDetectorRef, injector: Injector, inputBoxHostSvc?: SkyInputBoxHostService | undefined);
|
|
60
|
-
/**
|
|
61
|
-
* Angular lifecycle hook for when the component is initialized
|
|
62
|
-
* @internal
|
|
63
|
-
*/
|
|
64
|
-
ngOnInit(): void;
|
|
65
|
-
/**
|
|
66
|
-
* Angular lifecycle hook for when the component is destructed.
|
|
67
|
-
* @internal
|
|
68
|
-
*/
|
|
69
|
-
ngOnDestroy(): void;
|
|
70
|
-
/**
|
|
71
|
-
* Sets the component's touched value when the autocomplete is blurred
|
|
72
|
-
* @internal
|
|
73
|
-
*/
|
|
74
|
-
onAutocompleteBlur(): void;
|
|
75
|
-
/**
|
|
76
|
-
* Sets the country to validate against based on the county's iso2 code.
|
|
77
|
-
* @param newCountry The International Organization for Standardization's two-letter code
|
|
78
|
-
* for the default country.
|
|
79
|
-
* @internal
|
|
80
|
-
*/
|
|
81
|
-
onCountrySelected(newCountry: SkyAutocompleteSelectionChange): void;
|
|
82
|
-
/**
|
|
83
|
-
* Called when the Autocomplete textarea loses focus
|
|
84
|
-
* @internal
|
|
85
|
-
*/
|
|
86
|
-
onAutocompleteFocusout(e: FocusEvent): void;
|
|
87
|
-
onChange: (value: SkyCountryFieldCountry | undefined) => void;
|
|
88
|
-
onTouched: () => void;
|
|
89
|
-
registerOnChange(fn: (value: SkyCountryFieldCountry | undefined) => void): void;
|
|
90
|
-
registerOnTouched(fn: () => void): void;
|
|
91
|
-
setDisabledState(disabled: boolean): void;
|
|
92
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
|
93
|
-
writeValue(value: SkyCountryFieldCountry | undefined): void;
|
|
94
|
-
protected onFocus($event: FocusEvent): void;
|
|
95
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCountryFieldComponent, [null, null, { optional: true; }]>;
|
|
96
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCountryFieldComponent, "sky-country-field", never, { "autocompleteAttribute": { "alias": "autocompleteAttribute"; "required": false; }; "defaultCountry": { "alias": "defaultCountry"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "supportedCountryISOs": { "alias": "supportedCountryISOs"; "required": false; }; }, { "selectedCountryChange": "selectedCountryChange"; "countryFieldFocusout": "countryFieldFocusout"; }, never, never, false, never>;
|
|
97
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./country-field.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/forms";
|
|
5
|
-
import * as i4 from "../autocomplete/autocomplete.module";
|
|
6
|
-
import * as i5 from "@skyux/icon";
|
|
7
|
-
import * as i6 from "../shared/sky-lookup-resources.module";
|
|
8
|
-
import * as i7 from "@skyux/theme";
|
|
9
|
-
export declare class SkyCountryFieldModule {
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCountryFieldModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCountryFieldModule, [typeof i1.SkyCountryFieldComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.SkyAutocompleteModule, typeof i5.SkyIconModule, typeof i6.SkyLookupResourcesModule, typeof i7.SkyThemeModule], [typeof i1.SkyCountryFieldComponent]>;
|
|
12
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyCountryFieldModule>;
|
|
13
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Represents the data for a given country.
|
|
3
|
-
*/
|
|
4
|
-
export interface SkyCountryFieldCountry {
|
|
5
|
-
/**
|
|
6
|
-
* The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)
|
|
7
|
-
* country code for the country.
|
|
8
|
-
* @required
|
|
9
|
-
*/
|
|
10
|
-
iso2: string;
|
|
11
|
-
/**
|
|
12
|
-
* The name of the country.
|
|
13
|
-
*/
|
|
14
|
-
name?: string;
|
|
15
|
-
/**
|
|
16
|
-
* The country's international dial code.
|
|
17
|
-
* This property is only set when the country field is within a phone field.
|
|
18
|
-
* @internal
|
|
19
|
-
*/
|
|
20
|
-
dialCode?: string;
|
|
21
|
-
/**
|
|
22
|
-
* @internal
|
|
23
|
-
*/
|
|
24
|
-
areaCodes?: string[];
|
|
25
|
-
/**
|
|
26
|
-
* @internal
|
|
27
|
-
*/
|
|
28
|
-
priority?: number;
|
|
29
|
-
}
|