@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,10 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyLookupAdapterService {
|
|
7
|
-
focusInput(elRef: ElementRef): void;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupAdapterService, never>;
|
|
9
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyLookupAdapterService>;
|
|
10
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyAutocompleteSearchAsyncArgs } from '../autocomplete/types/autocomplete-search-async-args';
|
|
3
|
-
import { SkyAutocompleteSearchFunction } from '../autocomplete/types/autocomplete-search-function';
|
|
4
|
-
import { SkyAutocompleteSearchFunctionFilter } from '../autocomplete/types/autocomplete-search-function-filter';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export declare class SkyLookupAutocompleteAdapter {
|
|
10
|
-
#private;
|
|
11
|
-
/**
|
|
12
|
-
* How many milliseconds to wait before searching while users
|
|
13
|
-
* enter text in the lookup field.
|
|
14
|
-
* @default 0
|
|
15
|
-
*/
|
|
16
|
-
debounceTime: number | undefined;
|
|
17
|
-
/**
|
|
18
|
-
* The object property to display in the text input after users
|
|
19
|
-
* select an item in the dropdown list.
|
|
20
|
-
* @default "name"
|
|
21
|
-
*/
|
|
22
|
-
set descriptorProperty(value: string | undefined);
|
|
23
|
-
get descriptorProperty(): string;
|
|
24
|
-
/**
|
|
25
|
-
* The array of object properties to search when utilizing the `data` property and the built-in search function.
|
|
26
|
-
* @default ["name"]
|
|
27
|
-
* @deprecated Use the `searchAsync` event emitter and callback instead to provide data to the lookup component.
|
|
28
|
-
*/
|
|
29
|
-
set propertiesToSearch(value: string[] | undefined);
|
|
30
|
-
get propertiesToSearch(): string[];
|
|
31
|
-
/**
|
|
32
|
-
* The function to dynamically manage the data source when users
|
|
33
|
-
* change the text in the lookup field. The search function must return
|
|
34
|
-
* an array or a promise of an array. The `search` property is particularly
|
|
35
|
-
* useful when the data source does not live in the source code.
|
|
36
|
-
* @deprecated Use the `searchAsync` event emitter and callback instead to provide searched data to the lookup component.
|
|
37
|
-
*/
|
|
38
|
-
set search(value: SkyAutocompleteSearchFunction | undefined);
|
|
39
|
-
get search(): SkyAutocompleteSearchFunction | undefined;
|
|
40
|
-
/**
|
|
41
|
-
* The template that formats each option in the dropdown list. The lookup component
|
|
42
|
-
* injects values into the template as `item` variables that reference all the object
|
|
43
|
-
* properties of the options.
|
|
44
|
-
*/
|
|
45
|
-
searchResultTemplate: TemplateRef<unknown> | undefined;
|
|
46
|
-
/**
|
|
47
|
-
* The minimum number of characters that users must enter before
|
|
48
|
-
* the lookup component searches the data source and displays search results
|
|
49
|
-
* in the dropdown list.
|
|
50
|
-
* @default 1
|
|
51
|
-
*/
|
|
52
|
-
searchTextMinimumCharacters: number | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* The array of functions to call against each search result in order
|
|
55
|
-
* to filter the search results when using the `data` input and the default search function. When
|
|
56
|
-
* using a custom search function via the `search` property filters must be
|
|
57
|
-
* applied manually inside that function. The function must return `true` or
|
|
58
|
-
* `false` for each result to indicate whether to display it in the dropdown list.
|
|
59
|
-
* @deprecated Use the `searchAsync` event emitter and callback instead to provide searched data to the lookup component.
|
|
60
|
-
*/
|
|
61
|
-
set searchFilters(value: SkyAutocompleteSearchFunctionFilter[] | undefined);
|
|
62
|
-
get searchFilters(): SkyAutocompleteSearchFunctionFilter[] | undefined;
|
|
63
|
-
/**
|
|
64
|
-
* The maximum number of search results to display in the dropdown
|
|
65
|
-
* list. By default, the lookup component displays all matching results.
|
|
66
|
-
* This property has no effect on the results in the "Show more" picker.
|
|
67
|
-
*/
|
|
68
|
-
searchResultsLimit: number | undefined;
|
|
69
|
-
/**
|
|
70
|
-
* Fires when users enter new search information and allows results to be
|
|
71
|
-
* returned via an observable. The event is also fired with empty search text
|
|
72
|
-
* when the "Show more" picker is opened without search text.
|
|
73
|
-
*/
|
|
74
|
-
searchAsync: EventEmitter<SkyAutocompleteSearchAsyncArgs>;
|
|
75
|
-
searchOrDefault: SkyAutocompleteSearchFunction;
|
|
76
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupAutocompleteAdapter, never>;
|
|
77
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyLookupAutocompleteAdapter, never, never, { "debounceTime": { "alias": "debounceTime"; "required": false; }; "descriptorProperty": { "alias": "descriptorProperty"; "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; }; }, { "searchAsync": "searchAsync"; }, never, never, true, never>;
|
|
78
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyModalInstance } from '@skyux/modals';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { SkyLookupShowMoreNativePickerContext } from './types/lookup-show-more-native-picker-context';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* @internal
|
|
8
|
-
* Internal component to implement the native picker.
|
|
9
|
-
*/
|
|
10
|
-
export declare class SkyLookupShowMoreModalComponent implements AfterViewInit, OnDestroy {
|
|
11
|
-
#private;
|
|
12
|
-
/**
|
|
13
|
-
* @internal
|
|
14
|
-
* Fires when users select the button to add new options to the list.
|
|
15
|
-
*/
|
|
16
|
-
addClick: Subject<void>;
|
|
17
|
-
/**
|
|
18
|
-
* Used to associate this modal with its owning lookup component.
|
|
19
|
-
*/
|
|
20
|
-
id: string;
|
|
21
|
-
items: any[];
|
|
22
|
-
itemsLoading: boolean;
|
|
23
|
-
dataManagerConfig: {
|
|
24
|
-
sortOptions: {
|
|
25
|
-
id: string;
|
|
26
|
-
label: string;
|
|
27
|
-
descending: boolean;
|
|
28
|
-
propertyName: string;
|
|
29
|
-
}[];
|
|
30
|
-
};
|
|
31
|
-
displayedItems: any[];
|
|
32
|
-
itemsHaveMore: boolean;
|
|
33
|
-
onlyShowSelected: boolean;
|
|
34
|
-
repeaterItemTemplate: TemplateRef<unknown> | null;
|
|
35
|
-
searchText: string;
|
|
36
|
-
selectedItems: {
|
|
37
|
-
index: number;
|
|
38
|
-
itemData: any;
|
|
39
|
-
}[];
|
|
40
|
-
protected readonly modalInstance: SkyModalInstance;
|
|
41
|
-
protected readonly context: SkyLookupShowMoreNativePickerContext;
|
|
42
|
-
constructor();
|
|
43
|
-
ngAfterViewInit(): void;
|
|
44
|
-
ngOnDestroy(): void;
|
|
45
|
-
addButtonClicked(): void;
|
|
46
|
-
addItems(): Promise<void>;
|
|
47
|
-
clearAll(): Promise<void>;
|
|
48
|
-
itemClick(selectedItem: any): void;
|
|
49
|
-
onItemSelect(newSelectState: boolean, itemToSelect: any): void;
|
|
50
|
-
searchApplied(searchText: string): void;
|
|
51
|
-
searchItems(items: any[]): Promise<any[]>;
|
|
52
|
-
selectAll(): Promise<void>;
|
|
53
|
-
updateDataState(): Promise<void>;
|
|
54
|
-
updateItemData(data: any[]): Promise<void>;
|
|
55
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupShowMoreModalComponent, never>;
|
|
56
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyLookupShowMoreModalComponent, "sky-lookup-show-more-modal", never, {}, {}, never, never, true, never>;
|
|
57
|
-
}
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
-
import { SkyInputBoxHostService } from '@skyux/forms';
|
|
4
|
-
import { SkyToken, SkyTokensMessage } from '@skyux/indicators';
|
|
5
|
-
import { SkyThemeService } from '@skyux/theme';
|
|
6
|
-
import { Observable, Subject } from 'rxjs';
|
|
7
|
-
import { SkyAutocompleteInputDirective } from '../autocomplete/autocomplete-input.directive';
|
|
8
|
-
import { SkyAutocompleteMessage } from '../autocomplete/types/autocomplete-message';
|
|
9
|
-
import { SkyAutocompleteSearchAsyncArgs } from '../autocomplete/types/autocomplete-search-async-args';
|
|
10
|
-
import { SkyAutocompleteSelectionChange } from '../autocomplete/types/autocomplete-selection-change';
|
|
11
|
-
import { SkyAutocompleteShowMoreArgs } from '../autocomplete/types/autocomplete-show-more-args';
|
|
12
|
-
import { SkyLookupAutocompleteAdapter } from './lookup-autocomplete-adapter';
|
|
13
|
-
import { SkyLookupAddClickEventArgs } from './types/lookup-add-click-event-args';
|
|
14
|
-
import { SkyLookupSelectModeType } from './types/lookup-select-mode-type';
|
|
15
|
-
import { SkyLookupShowMoreConfig } from './types/lookup-show-more-config';
|
|
16
|
-
import * as i0 from "@angular/core";
|
|
17
|
-
export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
|
|
18
|
-
#private;
|
|
19
|
-
inputBoxHostSvc?: SkyInputBoxHostService | undefined;
|
|
20
|
-
themeSvc?: SkyThemeService | undefined;
|
|
21
|
-
/**
|
|
22
|
-
* The ARIA label for the typeahead search input. This sets the input's `aria-label` attribute to provide a text equivalent for
|
|
23
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
24
|
-
* If the input includes a visible label, use `ariaLabelledBy` instead.
|
|
25
|
-
* For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
26
|
-
* @deprecated Use the input box `labelText` input instead.
|
|
27
|
-
*/
|
|
28
|
-
ariaLabel: string | undefined;
|
|
29
|
-
/**
|
|
30
|
-
* The HTML element ID of the element that labels
|
|
31
|
-
* the typeahead search input. This sets the input's `aria-labelledby` attribute to provide a text equivalent for
|
|
32
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
33
|
-
* If the input does not include a visible label, use `ariaLabel` instead.
|
|
34
|
-
* For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
|
|
35
|
-
* @deprecated Use the input box `labelText` input instead.
|
|
36
|
-
*/
|
|
37
|
-
ariaLabelledBy: string | undefined;
|
|
38
|
-
/**
|
|
39
|
-
* The value for the `autocomplete` attribute on the form input.
|
|
40
|
-
* @default 'off'
|
|
41
|
-
* @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.
|
|
42
|
-
*/
|
|
43
|
-
autocompleteAttribute: string | undefined;
|
|
44
|
-
/**
|
|
45
|
-
* The data source for the lookup component to search when users
|
|
46
|
-
* enter text. You can specify static data such as an array of objects, or
|
|
47
|
-
* you can pull data from a database.
|
|
48
|
-
* @default []
|
|
49
|
-
* @deprecated Use the `searchAsync` event emitter and callback instead to provide data to the lookup component.
|
|
50
|
-
*/
|
|
51
|
-
set data(value: any[] | undefined);
|
|
52
|
-
get data(): any[];
|
|
53
|
-
/**
|
|
54
|
-
* Whether to disable the lookup 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.
|
|
55
|
-
* To set the disabled state on reactive forms, use the `FormControl` instead.
|
|
56
|
-
* @default false
|
|
57
|
-
*/
|
|
58
|
-
set disabled(value: boolean | undefined);
|
|
59
|
-
get disabled(): boolean;
|
|
60
|
-
/**
|
|
61
|
-
* Whether the lookup field is required.
|
|
62
|
-
* @default false
|
|
63
|
-
*/
|
|
64
|
-
set required(value: boolean);
|
|
65
|
-
get required(): boolean;
|
|
66
|
-
/**
|
|
67
|
-
* Whether to enable users to open a picker where they can view all options.
|
|
68
|
-
* @default false
|
|
69
|
-
*/
|
|
70
|
-
set enableShowMore(value: boolean | undefined);
|
|
71
|
-
get enableShowMore(): boolean;
|
|
72
|
-
/**
|
|
73
|
-
* Placeholder text to display in the lookup field.
|
|
74
|
-
*/
|
|
75
|
-
placeholderText: string | undefined;
|
|
76
|
-
/**
|
|
77
|
-
* The object property that represents the object's unique identifier.
|
|
78
|
-
* Specifying this property enables token animations and more efficient rendering.
|
|
79
|
-
* This property is required when using `enableShowMore` and `searchAsync` together.
|
|
80
|
-
*/
|
|
81
|
-
idProperty: string | undefined;
|
|
82
|
-
/**
|
|
83
|
-
* Whether to display a button that lets users add options to the list.
|
|
84
|
-
* @default false
|
|
85
|
-
*/
|
|
86
|
-
set showAddButton(value: boolean | undefined);
|
|
87
|
-
get showAddButton(): boolean;
|
|
88
|
-
/**
|
|
89
|
-
* Configuration options for the picker that displays all options.
|
|
90
|
-
*/
|
|
91
|
-
showMoreConfig: SkyLookupShowMoreConfig | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* The ability for users to select one option or multiple options.
|
|
94
|
-
* @default "multiple"
|
|
95
|
-
*/
|
|
96
|
-
set selectMode(value: SkyLookupSelectModeType | undefined);
|
|
97
|
-
get selectMode(): SkyLookupSelectModeType;
|
|
98
|
-
/**
|
|
99
|
-
* @internal
|
|
100
|
-
*/
|
|
101
|
-
wrapperClass: string | undefined;
|
|
102
|
-
/**
|
|
103
|
-
* Fires when users select the button to add options to the list.
|
|
104
|
-
*/
|
|
105
|
-
addClick: EventEmitter<SkyLookupAddClickEventArgs>;
|
|
106
|
-
/**
|
|
107
|
-
* @internal
|
|
108
|
-
*/
|
|
109
|
-
openChange: EventEmitter<boolean>;
|
|
110
|
-
/**
|
|
111
|
-
* @internal
|
|
112
|
-
*/
|
|
113
|
-
selectionModalOpenChange: EventEmitter<boolean>;
|
|
114
|
-
get tokens(): SkyToken[] | undefined;
|
|
115
|
-
set tokens(tokens: SkyToken[] | undefined);
|
|
116
|
-
/**
|
|
117
|
-
* @internal
|
|
118
|
-
* @deprecated This is exposed for unit tests only; refactor unit tests to
|
|
119
|
-
* derive the control value a different way.
|
|
120
|
-
*/
|
|
121
|
-
get value(): any[];
|
|
122
|
-
autocompleteController: Subject<SkyAutocompleteMessage>;
|
|
123
|
-
isInputFocused: boolean;
|
|
124
|
-
showMorePickerId: string | undefined;
|
|
125
|
-
tokensController: Subject<SkyTokensMessage>;
|
|
126
|
-
protected controlId: string | undefined;
|
|
127
|
-
protected ariaDescribedBy: Observable<string | undefined> | undefined;
|
|
128
|
-
set autocompleteInputDirective(value: SkyAutocompleteInputDirective | undefined);
|
|
129
|
-
get autocompleteInputDirective(): SkyAutocompleteInputDirective | undefined;
|
|
130
|
-
showMoreButtonTemplateRef: TemplateRef<unknown> | undefined;
|
|
131
|
-
inputTemplateRef: TemplateRef<unknown> | undefined;
|
|
132
|
-
lookupWrapperRef: ElementRef | undefined;
|
|
133
|
-
searchIconTemplateRef: TemplateRef<unknown> | undefined;
|
|
134
|
-
constructor(ngControl?: NgControl, inputBoxHostSvc?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService | undefined);
|
|
135
|
-
ngOnInit(): void;
|
|
136
|
-
ngAfterViewInit(): void;
|
|
137
|
-
ngOnDestroy(): void;
|
|
138
|
-
addButtonClicked(): void;
|
|
139
|
-
onAutocompleteSelectionChange(change: SkyAutocompleteSelectionChange): void;
|
|
140
|
-
onAutocompleteBlur(): void;
|
|
141
|
-
onTokensChange(change: SkyToken[]): void;
|
|
142
|
-
onTokensFocusIndexOverRange(): void;
|
|
143
|
-
onTokensKeyUp(event: KeyboardEvent): void;
|
|
144
|
-
onTokensRendered(): void;
|
|
145
|
-
writeValue(value: any[]): void;
|
|
146
|
-
registerOnChange(fn: (value: any[]) => void): void;
|
|
147
|
-
registerOnTouched(fn: () => void): void;
|
|
148
|
-
setDisabledState(disabled: boolean): void;
|
|
149
|
-
clearSearchText(): void;
|
|
150
|
-
inputKeydown(event: KeyboardEvent): void;
|
|
151
|
-
inputKeyup(event: KeyboardEvent): void;
|
|
152
|
-
onSearchButtonClick(): void;
|
|
153
|
-
onShowMoreClick(event: SkyAutocompleteShowMoreArgs): void;
|
|
154
|
-
openPicker(initialSearch: string): void;
|
|
155
|
-
protected onAutocompleteOpenChange($event: boolean): void;
|
|
156
|
-
protected onFocus($event: FocusEvent): void;
|
|
157
|
-
onSearchAsync(args: SkyAutocompleteSearchAsyncArgs): void;
|
|
158
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupComponent, [{ optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
|
|
159
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyLookupComponent, "sky-lookup", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "autocompleteAttribute": { "alias": "autocompleteAttribute"; "required": false; }; "data": { "alias": "data"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "enableShowMore": { "alias": "enableShowMore"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; "idProperty": { "alias": "idProperty"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "showMoreConfig": { "alias": "showMoreConfig"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "wrapperClass": { "alias": "wrapperClass"; "required": false; }; }, { "addClick": "addClick"; "openChange": "openChange"; "selectionModalOpenChange": "selectionModalOpenChange"; }, never, never, false, never>;
|
|
160
|
-
static ngAcceptInputType_required: unknown;
|
|
161
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./lookup.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "../autocomplete/autocomplete.module";
|
|
5
|
-
import * as i4 from "@skyux/icon";
|
|
6
|
-
import * as i5 from "../shared/sky-lookup-resources.module";
|
|
7
|
-
import * as i6 from "@skyux/theme";
|
|
8
|
-
import * as i7 from "@skyux/indicators";
|
|
9
|
-
export declare class SkyLookupModule {
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLookupModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyLookupModule, [typeof i1.SkyLookupComponent], [typeof i2.CommonModule, typeof i3.SkyAutocompleteModule, typeof i4.SkyIconModule, typeof i5.SkyLookupResourcesModule, typeof i6.SkyThemeModule, typeof i7.SkyTokensModule], [typeof i1.SkyLookupComponent]>;
|
|
12
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyLookupModule>;
|
|
13
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Specifies the information for the callback used when adding a new item to the lookup component.
|
|
3
|
-
*/
|
|
4
|
-
export interface SkyLookupAddCallbackArgs {
|
|
5
|
-
/**
|
|
6
|
-
* The new item which has been added to the data. This item will be automatically selected.
|
|
7
|
-
*/
|
|
8
|
-
item: any;
|
|
9
|
-
/**
|
|
10
|
-
* The new state of the data source for the lookup component to search when users
|
|
11
|
-
* enter text. If not specified, the component will use the current state of the lookup
|
|
12
|
-
* component's `data` input; however, if this is not yet updated the new item will not be
|
|
13
|
-
* automatically selected.
|
|
14
|
-
*/
|
|
15
|
-
data?: any[];
|
|
16
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { SkyLookupAddCallbackArgs } from './lookup-add-click-callback-args';
|
|
2
|
-
/**
|
|
3
|
-
* Specifies a callback function for the consumer to use to notify the lookup that a new item has been added.
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyLookupAddClickEventArgs {
|
|
6
|
-
/**
|
|
7
|
-
* A callback function for the consumer to use to notify the lookup that a new item has been added.
|
|
8
|
-
* @param args Specifies information about the item that was added.
|
|
9
|
-
*/
|
|
10
|
-
itemAdded: (args: SkyLookupAddCallbackArgs) => void;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyLookupSelectModeType = 'single' | 'multiple';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated Use `SkyLookupSelectModeType` instead.
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
export declare enum SkyLookupSelectMode {
|
|
6
|
-
/**
|
|
7
|
-
* Restricts users to a single selection.
|
|
8
|
-
*/
|
|
9
|
-
single = "single",
|
|
10
|
-
/**
|
|
11
|
-
* Allows users to select multiple items.
|
|
12
|
-
*/
|
|
13
|
-
multiple = "multiple"
|
|
14
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { SkyLookupShowMoreCustomPicker } from './lookup-show-more-custom-picker';
|
|
2
|
-
import { SkyLookupShowMoreNativePickerConfig } from './lookup-show-more-native-picker-config';
|
|
3
|
-
/**
|
|
4
|
-
* Specifies configuration options for the picker to display when users select the button
|
|
5
|
-
* to view all options. You can use a native, out-of-the-box modal picker, or you can create
|
|
6
|
-
* a custom picker. If you provide configuration options for both, the lookup component uses
|
|
7
|
-
* the custom configuration.
|
|
8
|
-
*/
|
|
9
|
-
export interface SkyLookupShowMoreConfig {
|
|
10
|
-
/**
|
|
11
|
-
* The configuration object to display a custom picker.
|
|
12
|
-
*/
|
|
13
|
-
customPicker?: SkyLookupShowMoreCustomPicker;
|
|
14
|
-
/**
|
|
15
|
-
* Configuration options for the native picker.
|
|
16
|
-
*/
|
|
17
|
-
nativePickerConfig?: SkyLookupShowMoreNativePickerConfig;
|
|
18
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Specifies configuration options to launch a custom picker when users select
|
|
3
|
-
* the button to view all options.
|
|
4
|
-
*/
|
|
5
|
-
export declare class SkyLookupShowMoreCustomPickerContext {
|
|
6
|
-
/**
|
|
7
|
-
* The options that users can select in the custom picker.
|
|
8
|
-
*/
|
|
9
|
-
items: any[];
|
|
10
|
-
/**
|
|
11
|
-
* Search text to filter the contents of the custom picker.
|
|
12
|
-
*/
|
|
13
|
-
initialSearch: string;
|
|
14
|
-
/**
|
|
15
|
-
* The current selections in the lookup field.
|
|
16
|
-
*/
|
|
17
|
-
initialValue: any;
|
|
18
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { SkyLookupShowMoreCustomPickerContext } from './lookup-show-more-custom-picker-context';
|
|
2
|
-
/**
|
|
3
|
-
* Defines a custom picker to display when users select the button to view all options.
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyLookupShowMoreCustomPicker {
|
|
6
|
-
open: (pickerContext: SkyLookupShowMoreCustomPickerContext) => void;
|
|
7
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Specifies configuration options to display the native picker when users select
|
|
4
|
-
* the button to view all options.
|
|
5
|
-
*/
|
|
6
|
-
export interface SkyLookupShowMoreNativePickerConfig {
|
|
7
|
-
/**
|
|
8
|
-
* The template that formats each option in the picker. The lookup component
|
|
9
|
-
* injects values into the template as `item` variables that reference all the object
|
|
10
|
-
* properties of the options. If you do not specify a template, the picker uses
|
|
11
|
-
* the same template as the dropdown list.
|
|
12
|
-
*/
|
|
13
|
-
itemTemplate?: TemplateRef<unknown>;
|
|
14
|
-
/**
|
|
15
|
-
* The title for the picker.
|
|
16
|
-
* @default "Select an option/Select options"
|
|
17
|
-
* @deprecated Use the `selectionDescriptor` input to give context to the title and accessibility labels instead.
|
|
18
|
-
*/
|
|
19
|
-
title?: string;
|
|
20
|
-
/**
|
|
21
|
-
* A descriptor for the item or items being selected. Use a plural term when the lookup's `selectMode` is set to `'multiple'`; otherwise, use a singular term. The descriptor helps set the picker's `aria-label` attributes for the multiselect toolbar controls, the search input, and the save button to provide text equivalents for screen readers [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility).
|
|
22
|
-
* For example, when the descriptor is "constituents," the search input's `aria-label` is "Search constituents." For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
23
|
-
* @default "item"/"items"
|
|
24
|
-
*/
|
|
25
|
-
selectionDescriptor?: string;
|
|
26
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { SkyAutocompleteSearchFunction } from '../../autocomplete/types/autocomplete-search-function';
|
|
2
|
-
import { SkyLookupSelectModeType } from './lookup-select-mode-type';
|
|
3
|
-
import { SkyLookupShowMoreNativePickerConfig } from './lookup-show-more-native-picker-config';
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
* Context for the show more native picker. These values are provided by the lookup component.
|
|
7
|
-
*/
|
|
8
|
-
export declare class SkyLookupShowMoreNativePickerContext {
|
|
9
|
-
descriptorProperty: string;
|
|
10
|
-
initialSearch: string;
|
|
11
|
-
initialValue: any[];
|
|
12
|
-
items: any[];
|
|
13
|
-
search: SkyAutocompleteSearchFunction;
|
|
14
|
-
selectMode: SkyLookupSelectModeType;
|
|
15
|
-
showAddButton: boolean;
|
|
16
|
-
userConfig: SkyLookupShowMoreNativePickerConfig;
|
|
17
|
-
constructor(descriptorProperty: string, initialSearch: string, initialValue: any[], items: any[], search: SkyAutocompleteSearchFunction, selectMode: SkyLookupSelectModeType, showAddButton: boolean, userConfig: SkyLookupShowMoreNativePickerConfig);
|
|
18
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkySearchAdapterService {
|
|
7
|
-
#private;
|
|
8
|
-
constructor(renderer: Renderer2);
|
|
9
|
-
selectInput(searchEl: ElementRef): void;
|
|
10
|
-
focusInput(searchEl: ElementRef): void;
|
|
11
|
-
startInputAnimation(searchEl: ElementRef): void;
|
|
12
|
-
endInputAnimation(searchEl: ElementRef): void;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchAdapterService, never>;
|
|
14
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkySearchAdapterService>;
|
|
15
|
-
}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import { AnimationEvent } from '@angular/animations';
|
|
2
|
-
import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
3
|
-
import { SkyContentInfo } from '@skyux/core';
|
|
4
|
-
import { Observable } from 'rxjs';
|
|
5
|
-
import { SkySearchAdapterService } from './search-adapter.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class SkySearchComponent implements OnDestroy, OnInit, OnChanges {
|
|
8
|
-
#private;
|
|
9
|
-
/**
|
|
10
|
-
* The ARIA label for the search input. This sets the search input's `aria-label` attribute to provide a text equivalent for screen readers
|
|
11
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
12
|
-
* Use a context-sensitive label, such as "Search constituents." Context is especially important when multiple search inputs are in close proximity.
|
|
13
|
-
* In toolbars, search inputs use the `listDescriptor` to provide context, and the ARIA label defaults to "Search <listDescriptor>."
|
|
14
|
-
* If the box includes a visible label, use `ariaLabelledBy` instead.
|
|
15
|
-
* For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
16
|
-
*/
|
|
17
|
-
ariaLabel: string | undefined;
|
|
18
|
-
/**
|
|
19
|
-
* The HTML element ID of the element that labels
|
|
20
|
-
* the search. This sets the search's `aria-labelledby` attribute to provide a text equivalent for screen readers
|
|
21
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
22
|
-
* If the box does not include a visible label, use `ariaLabel` instead.
|
|
23
|
-
* For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
|
|
24
|
-
*/
|
|
25
|
-
ariaLabelledBy: string | undefined;
|
|
26
|
-
/**
|
|
27
|
-
* Fires when the search text is applied.
|
|
28
|
-
*/
|
|
29
|
-
searchApply: EventEmitter<string>;
|
|
30
|
-
/**
|
|
31
|
-
* Fires when the search text is changed.
|
|
32
|
-
*/
|
|
33
|
-
searchChange: EventEmitter<string>;
|
|
34
|
-
/**
|
|
35
|
-
* Fires when the search text is cleared.
|
|
36
|
-
*/
|
|
37
|
-
searchClear: EventEmitter<void>;
|
|
38
|
-
/**
|
|
39
|
-
* Default search criteria for the input.
|
|
40
|
-
*/
|
|
41
|
-
searchText: string | undefined;
|
|
42
|
-
/**
|
|
43
|
-
* The expand mode for the search input. The valid options
|
|
44
|
-
* include `"responsive"` to collapse the search input into a button on
|
|
45
|
-
* mobile devices, `"none"` to *not* collapse the search input on mobile
|
|
46
|
-
* devices, and `"fit"` to extend the search input to fit the width of its container.
|
|
47
|
-
* @default "responsive"
|
|
48
|
-
*/
|
|
49
|
-
set expandMode(value: string | undefined);
|
|
50
|
-
get expandMode(): string;
|
|
51
|
-
/**
|
|
52
|
-
* How many milliseconds to wait before searching after users enter text in the search input.
|
|
53
|
-
* @default 0
|
|
54
|
-
*/
|
|
55
|
-
set debounceTime(value: number | undefined);
|
|
56
|
-
get debounceTime(): number;
|
|
57
|
-
/**
|
|
58
|
-
* Whether to disable the filter button.
|
|
59
|
-
* @default false
|
|
60
|
-
*/
|
|
61
|
-
set disabled(value: boolean | undefined);
|
|
62
|
-
get disabled(): boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Placeholder text to display in the search input until users
|
|
65
|
-
* enter search criteria.
|
|
66
|
-
* @default "Find in this list"
|
|
67
|
-
*/
|
|
68
|
-
placeholderText: string | undefined;
|
|
69
|
-
clearButtonShown: boolean;
|
|
70
|
-
dismissButtonShown: boolean;
|
|
71
|
-
inputAnimate: string;
|
|
72
|
-
isCollapsible: boolean;
|
|
73
|
-
isFullWidth: boolean;
|
|
74
|
-
mobileSearchShown: boolean;
|
|
75
|
-
searchButtonShown: boolean;
|
|
76
|
-
protected contentInfoObs: Observable<SkyContentInfo> | undefined;
|
|
77
|
-
constructor(elRef: ElementRef, searchAdapter: SkySearchAdapterService, changeRef: ChangeDetectorRef);
|
|
78
|
-
ngOnInit(): void;
|
|
79
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
80
|
-
clearSearchText(): void;
|
|
81
|
-
enterPress(event: KeyboardEvent, searchText: string | undefined): void;
|
|
82
|
-
applySearchText(searchText: string | undefined): void;
|
|
83
|
-
searchTextChanged(searchText: string): void;
|
|
84
|
-
toggleSearchInput(showInput: boolean): void;
|
|
85
|
-
inputAnimationStart(event: AnimationEvent): void;
|
|
86
|
-
inputAnimationEnd(event: AnimationEvent): void;
|
|
87
|
-
ngOnDestroy(): void;
|
|
88
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchComponent, never>;
|
|
89
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkySearchComponent, "sky-search", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "expandMode": { "alias": "expandMode"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; }, { "searchApply": "searchApply"; "searchChange": "searchChange"; "searchClear": "searchClear"; }, never, never, false, never>;
|
|
90
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./search.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@skyux/forms";
|
|
5
|
-
import * as i4 from "../shared/sky-lookup-resources.module";
|
|
6
|
-
import * as i5 from "@angular/forms";
|
|
7
|
-
import * as i6 from "@skyux/icon";
|
|
8
|
-
import * as i7 from "@skyux/theme";
|
|
9
|
-
import * as i8 from "@skyux/core";
|
|
10
|
-
export declare class SkySearchModule {
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchModule, never>;
|
|
12
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkySearchModule, [typeof i1.SkySearchComponent], [typeof i2.CommonModule, typeof i3.SkyInputBoxModule, typeof i4.SkyLookupResourcesModule, typeof i5.FormsModule, typeof i6.SkyIconModule, typeof i7.SkyThemeModule, typeof i8.SkyIdModule], [typeof i1.SkySearchComponent]>;
|
|
13
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkySearchModule>;
|
|
14
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkySelectionModalItemSelectedPipe implements PipeTransform {
|
|
7
|
-
transform(id: unknown, selectedIdMap: Map<unknown, unknown>): boolean;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionModalItemSelectedPipe, never>;
|
|
9
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<SkySelectionModalItemSelectedPipe, "skySelectionModalItemSelected", true>;
|
|
10
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyModalInstance } from '@skyux/modals';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { SkySelectionModalContext } from './types/selection-modal-context';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export declare class SkySelectionModalComponent implements OnInit, OnDestroy {
|
|
10
|
-
#private;
|
|
11
|
-
/**
|
|
12
|
-
* @internal
|
|
13
|
-
* Fires when users select the button to add new options to the list.
|
|
14
|
-
*/
|
|
15
|
-
addClick: Subject<void>;
|
|
16
|
-
displayedItems: any[];
|
|
17
|
-
hasMoreItems: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Used to associate this modal with its owning lookup component.
|
|
20
|
-
*/
|
|
21
|
-
id: string;
|
|
22
|
-
isLoadingMore: boolean;
|
|
23
|
-
isSearching: boolean;
|
|
24
|
-
items: any[];
|
|
25
|
-
onlyShowSelected: boolean;
|
|
26
|
-
repeaterItemTemplate: TemplateRef<unknown> | null;
|
|
27
|
-
searchText: string | undefined;
|
|
28
|
-
selectedIdMap: Map<unknown, unknown>;
|
|
29
|
-
protected readonly context: SkySelectionModalContext;
|
|
30
|
-
protected readonly modalInstance: SkyModalInstance;
|
|
31
|
-
constructor();
|
|
32
|
-
ngOnInit(): void;
|
|
33
|
-
ngOnDestroy(): void;
|
|
34
|
-
addButtonClicked(): void;
|
|
35
|
-
clearAll(): void;
|
|
36
|
-
itemClick(selectedItem: any): void;
|
|
37
|
-
addItem(itemToAdd: any): void;
|
|
38
|
-
onItemSelect(newSelectState: boolean, itemToSelect: any): void;
|
|
39
|
-
searchApplied(searchText: string): void;
|
|
40
|
-
selectAll(): void;
|
|
41
|
-
infiniteScrollEnd(): void;
|
|
42
|
-
save(): void;
|
|
43
|
-
updateDisplayedItems(): void;
|
|
44
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionModalComponent, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionModalComponent, "sky-selection-modal", never, {}, {}, never, never, true, never>;
|
|
46
|
-
}
|