@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.
Files changed (95) hide show
  1. package/fesm2022/skyux-lookup-testing.mjs +8 -8
  2. package/fesm2022/skyux-lookup-testing.mjs.map +1 -1
  3. package/fesm2022/skyux-lookup.mjs +73 -73
  4. package/fesm2022/skyux-lookup.mjs.map +1 -1
  5. package/index.d.ts +1239 -41
  6. package/package.json +17 -17
  7. package/testing/index.d.ts +742 -3
  8. package/lib/modules/autocomplete/autocomplete-adapter.service.d.ts +0 -26
  9. package/lib/modules/autocomplete/autocomplete-default-search-function.d.ts +0 -3
  10. package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +0 -51
  11. package/lib/modules/autocomplete/autocomplete-search-async-disabled.pipe.d.ts +0 -11
  12. package/lib/modules/autocomplete/autocomplete.component.d.ts +0 -202
  13. package/lib/modules/autocomplete/autocomplete.module.d.ts +0 -16
  14. package/lib/modules/autocomplete/types/autocomplete-default-search-function-options.d.ts +0 -10
  15. package/lib/modules/autocomplete/types/autocomplete-input-text-change.d.ts +0 -6
  16. package/lib/modules/autocomplete/types/autocomplete-message-type.d.ts +0 -13
  17. package/lib/modules/autocomplete/types/autocomplete-message.d.ts +0 -10
  18. package/lib/modules/autocomplete/types/autocomplete-search-args.d.ts +0 -4
  19. package/lib/modules/autocomplete/types/autocomplete-search-async-args.d.ts +0 -35
  20. package/lib/modules/autocomplete/types/autocomplete-search-async-function.d.ts +0 -4
  21. package/lib/modules/autocomplete/types/autocomplete-search-async-result-display-type.d.ts +0 -1
  22. package/lib/modules/autocomplete/types/autocomplete-search-async-result.d.ts +0 -25
  23. package/lib/modules/autocomplete/types/autocomplete-search-context.d.ts +0 -1
  24. package/lib/modules/autocomplete/types/autocomplete-search-function-filter.d.ts +0 -2
  25. package/lib/modules/autocomplete/types/autocomplete-search-function-response.d.ts +0 -1
  26. package/lib/modules/autocomplete/types/autocomplete-search-function.d.ts +0 -3
  27. package/lib/modules/autocomplete/types/autocomplete-selection-change.d.ts +0 -6
  28. package/lib/modules/autocomplete/types/autocomplete-show-more-args.d.ts +0 -9
  29. package/lib/modules/country-field/clone-country-data.d.ts +0 -7
  30. package/lib/modules/country-field/country-field.component.d.ts +0 -97
  31. package/lib/modules/country-field/country-field.module.d.ts +0 -13
  32. package/lib/modules/country-field/types/country-field-context-token.d.ts +0 -6
  33. package/lib/modules/country-field/types/country-field-context.d.ts +0 -6
  34. package/lib/modules/country-field/types/country.d.ts +0 -29
  35. package/lib/modules/lookup/lookup-adapter.service.d.ts +0 -10
  36. package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +0 -78
  37. package/lib/modules/lookup/lookup-show-more-modal.component.d.ts +0 -57
  38. package/lib/modules/lookup/lookup.component.d.ts +0 -161
  39. package/lib/modules/lookup/lookup.module.d.ts +0 -13
  40. package/lib/modules/lookup/types/lookup-add-click-callback-args.d.ts +0 -16
  41. package/lib/modules/lookup/types/lookup-add-click-event-args.d.ts +0 -11
  42. package/lib/modules/lookup/types/lookup-select-mode-type.d.ts +0 -1
  43. package/lib/modules/lookup/types/lookup-select-mode.d.ts +0 -14
  44. package/lib/modules/lookup/types/lookup-show-more-config.d.ts +0 -18
  45. package/lib/modules/lookup/types/lookup-show-more-custom-picker-context.d.ts +0 -18
  46. package/lib/modules/lookup/types/lookup-show-more-custom-picker.d.ts +0 -7
  47. package/lib/modules/lookup/types/lookup-show-more-native-picker-config.d.ts +0 -26
  48. package/lib/modules/lookup/types/lookup-show-more-native-picker-context.d.ts +0 -18
  49. package/lib/modules/search/search-adapter.service.d.ts +0 -15
  50. package/lib/modules/search/search.component.d.ts +0 -90
  51. package/lib/modules/search/search.module.d.ts +0 -14
  52. package/lib/modules/selection-modal/selection-modal-item-selected.pipe.d.ts +0 -10
  53. package/lib/modules/selection-modal/selection-modal.component.d.ts +0 -46
  54. package/lib/modules/selection-modal/selection-modal.module.d.ts +0 -10
  55. package/lib/modules/selection-modal/selection-modal.service.d.ts +0 -18
  56. package/lib/modules/selection-modal/types/selection-modal-add-click-callback-args.d.ts +0 -9
  57. package/lib/modules/selection-modal/types/selection-modal-add-click-event-args.d.ts +0 -11
  58. package/lib/modules/selection-modal/types/selection-modal-close-args.d.ts +0 -14
  59. package/lib/modules/selection-modal/types/selection-modal-context.d.ts +0 -19
  60. package/lib/modules/selection-modal/types/selection-modal-instance.d.ts +0 -33
  61. package/lib/modules/selection-modal/types/selection-modal-open-args.d.ts +0 -70
  62. package/lib/modules/selection-modal/types/selection-modal-result.d.ts +0 -14
  63. package/lib/modules/selection-modal/types/selection-modal-search-args.d.ts +0 -21
  64. package/lib/modules/selection-modal/types/selection-modal-search-result.d.ts +0 -25
  65. package/lib/modules/shared/sky-lookup-resources.module.d.ts +0 -10
  66. package/lib/modules/shared/sky-lookup-string-utils.d.ts +0 -5
  67. package/testing/legacy/country-field/country-field-fixture.d.ts +0 -37
  68. package/testing/legacy/country-field/country-field-testing.module.d.ts +0 -10
  69. package/testing/legacy/search/search-fixture.d.ts +0 -29
  70. package/testing/legacy/search/search-testing.module.d.ts +0 -11
  71. package/testing/modules/autocomplete/autocomplete-harness-filters.d.ts +0 -6
  72. package/testing/modules/autocomplete/autocomplete-harness.d.ts +0 -104
  73. package/testing/modules/autocomplete/autocomplete-input-harness.d.ts +0 -14
  74. package/testing/modules/autocomplete/autocomplete-search-result-harness-filters.d.ts +0 -10
  75. package/testing/modules/autocomplete/autocomplete-search-result-harness.d.ts +0 -30
  76. package/testing/modules/country-field/country-field-harness-filters.d.ts +0 -6
  77. package/testing/modules/country-field/country-field-harness.d.ts +0 -92
  78. package/testing/modules/country-field/country-field-search-result-harness-filters.d.ts +0 -6
  79. package/testing/modules/country-field/country-field-search-result-harness.d.ts +0 -20
  80. package/testing/modules/lookup/lookup-harness-filters.d.ts +0 -6
  81. package/testing/modules/lookup/lookup-harness.d.ts +0 -114
  82. package/testing/modules/lookup/lookup-search-result-harness-filters.d.ts +0 -6
  83. package/testing/modules/lookup/lookup-search-result-harness.d.ts +0 -17
  84. package/testing/modules/lookup/lookup-selection-harness.d.ts +0 -6
  85. package/testing/modules/lookup/lookup-selections-list-harness.d.ts +0 -20
  86. package/testing/modules/lookup/lookup-show-more-picker-harness-filters.d.ts +0 -6
  87. package/testing/modules/lookup/lookup-show-more-picker-harness.d.ts +0 -23
  88. package/testing/modules/lookup/lookup-show-more-picker-search-result-harness-filters.d.ts +0 -6
  89. package/testing/modules/lookup/lookup-show-more-picker-search-result-harness.d.ts +0 -6
  90. package/testing/modules/search/search-harness-filters.d.ts +0 -6
  91. package/testing/modules/search/search-harness.d.ts +0 -78
  92. package/testing/modules/selection-modal/selection-modal-harness.d.ts +0 -85
  93. package/testing/modules/selection-modal/selection-modal-search-result-harness-filters.d.ts +0 -6
  94. package/testing/modules/selection-modal/selection-modal-search-result-harness.d.ts +0 -6
  95. 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
- }