@skyux/lookup 7.5.0 → 7.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +86 -86
- package/esm2020/lib/modules/autocomplete/autocomplete-input.directive.mjs +3 -3
- package/esm2020/lib/modules/autocomplete/autocomplete-search-async-disabled.pipe.mjs +5 -5
- package/esm2020/lib/modules/autocomplete/autocomplete.component.mjs +13 -13
- package/esm2020/lib/modules/autocomplete/autocomplete.module.mjs +4 -4
- package/esm2020/lib/modules/autocomplete/types/autocomplete-message.mjs +1 -1
- package/esm2020/lib/modules/autocomplete/types/autocomplete-search-async-result.mjs +1 -1
- package/esm2020/lib/modules/autocomplete/types/autocomplete-selection-change.mjs +1 -1
- package/esm2020/lib/modules/country-field/country-field.component.mjs +8 -8
- package/esm2020/lib/modules/country-field/types/country.mjs +1 -1
- package/esm2020/lib/modules/lookup/lookup-autocomplete-adapter.mjs +5 -5
- package/esm2020/lib/modules/lookup/lookup-show-more-modal.component.mjs +3 -3
- package/esm2020/lib/modules/lookup/lookup.component.mjs +6 -6
- package/esm2020/lib/modules/lookup/types/lookup-show-more-config.mjs +1 -1
- package/esm2020/lib/modules/lookup/types/lookup-show-more-custom-picker-context.mjs +1 -1
- package/esm2020/lib/modules/lookup/types/lookup-show-more-native-picker-config.mjs +1 -1
- package/esm2020/lib/modules/search/search.component.mjs +4 -4
- package/esm2020/lib/modules/selection-modal/selection-modal.component.mjs +3 -3
- package/fesm2015/skyux-lookup.mjs +43 -43
- package/fesm2015/skyux-lookup.mjs.map +1 -1
- package/fesm2020/skyux-lookup.mjs +43 -43
- package/fesm2020/skyux-lookup.mjs.map +1 -1
- package/lib/modules/autocomplete/autocomplete-input.directive.d.ts +2 -2
- package/lib/modules/autocomplete/autocomplete-search-async-disabled.pipe.d.ts +3 -3
- package/lib/modules/autocomplete/autocomplete.component.d.ts +14 -14
- package/lib/modules/autocomplete/autocomplete.module.d.ts +1 -1
- package/lib/modules/autocomplete/types/autocomplete-message.d.ts +1 -1
- package/lib/modules/autocomplete/types/autocomplete-search-async-result.d.ts +1 -1
- package/lib/modules/autocomplete/types/autocomplete-selection-change.d.ts +1 -1
- package/lib/modules/country-field/country-field.component.d.ts +7 -7
- package/lib/modules/country-field/types/country.d.ts +1 -1
- package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +8 -8
- package/lib/modules/lookup/lookup.component.d.ts +11 -11
- package/lib/modules/lookup/types/lookup-show-more-config.d.ts +2 -2
- package/lib/modules/lookup/types/lookup-show-more-custom-picker-context.d.ts +3 -3
- package/lib/modules/lookup/types/lookup-show-more-native-picker-config.d.ts +2 -2
- package/lib/modules/search/search.component.d.ts +5 -5
- package/package.json +10 -10
package/documentation.json
CHANGED
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"name": "NgModule"
|
|
64
64
|
},
|
|
65
65
|
"arguments": {
|
|
66
|
-
"obj": "{\n declarations: [\n SkyAutocompleteComponent,\n SkyAutocompleteInputDirective,\n
|
|
66
|
+
"obj": "{\n declarations: [\n SkyAutocompleteComponent,\n SkyAutocompleteInputDirective,\n SkyAutocompleteSearchAsyncDisabledPipe,\n ],\n imports: [\n CommonModule,\n FormsModule,\n SkyAffixModule,\n SkyTextHighlightModule,\n SkyIconModule,\n SkyIdModule,\n SkyLookupResourcesModule,\n SkyNumericModule,\n SkyOverlayModule,\n SkyThemeModule,\n SkyWaitModule,\n ],\n exports: [SkyAutocompleteComponent, SkyAutocompleteInputDirective],\n}"
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
],
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
"isPublic": true
|
|
181
181
|
},
|
|
182
182
|
"comment": {
|
|
183
|
-
"shortText": "
|
|
183
|
+
"shortText": "Search text to filter the contents of the custom picker."
|
|
184
184
|
},
|
|
185
185
|
"sources": [
|
|
186
186
|
{
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
"isPublic": true
|
|
204
204
|
},
|
|
205
205
|
"comment": {
|
|
206
|
-
"shortText": "
|
|
206
|
+
"shortText": "The current selections in the lookup field."
|
|
207
207
|
},
|
|
208
208
|
"sources": [
|
|
209
209
|
{
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
"isPublic": true
|
|
227
227
|
},
|
|
228
228
|
"comment": {
|
|
229
|
-
"shortText": "
|
|
229
|
+
"shortText": "The options that users can select in the custom picker."
|
|
230
230
|
},
|
|
231
231
|
"sources": [
|
|
232
232
|
{
|
|
@@ -532,7 +532,7 @@
|
|
|
532
532
|
"isPublic": true
|
|
533
533
|
},
|
|
534
534
|
"comment": {
|
|
535
|
-
"shortText": "
|
|
535
|
+
"shortText": "Placeholder text to display in the search input until users\nenter search criteria.",
|
|
536
536
|
"tags": [
|
|
537
537
|
{
|
|
538
538
|
"tag": "default",
|
|
@@ -726,7 +726,7 @@
|
|
|
726
726
|
"isPublic": true
|
|
727
727
|
},
|
|
728
728
|
"comment": {
|
|
729
|
-
"shortText": "
|
|
729
|
+
"shortText": "Default search criteria for the input."
|
|
730
730
|
},
|
|
731
731
|
"decorators": [
|
|
732
732
|
{
|
|
@@ -787,7 +787,7 @@
|
|
|
787
787
|
"kindString": "Get signature",
|
|
788
788
|
"flags": {},
|
|
789
789
|
"comment": {
|
|
790
|
-
"shortText": "
|
|
790
|
+
"shortText": "How many milliseconds to wait before searching after users enter text in the search input.",
|
|
791
791
|
"tags": [
|
|
792
792
|
{
|
|
793
793
|
"tag": "default",
|
|
@@ -809,7 +809,7 @@
|
|
|
809
809
|
"kindString": "Set signature",
|
|
810
810
|
"flags": {},
|
|
811
811
|
"comment": {
|
|
812
|
-
"shortText": "
|
|
812
|
+
"shortText": "How many milliseconds to wait before searching after users enter text in the search input.",
|
|
813
813
|
"tags": [
|
|
814
814
|
{
|
|
815
815
|
"tag": "default",
|
|
@@ -872,7 +872,7 @@
|
|
|
872
872
|
"kindString": "Get signature",
|
|
873
873
|
"flags": {},
|
|
874
874
|
"comment": {
|
|
875
|
-
"shortText": "
|
|
875
|
+
"shortText": "Whether to disable the filter button.",
|
|
876
876
|
"tags": [
|
|
877
877
|
{
|
|
878
878
|
"tag": "default",
|
|
@@ -894,7 +894,7 @@
|
|
|
894
894
|
"kindString": "Set signature",
|
|
895
895
|
"flags": {},
|
|
896
896
|
"comment": {
|
|
897
|
-
"shortText": "
|
|
897
|
+
"shortText": "Whether to disable the filter button.",
|
|
898
898
|
"tags": [
|
|
899
899
|
{
|
|
900
900
|
"tag": "default",
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
"kindString": "Get signature",
|
|
958
958
|
"flags": {},
|
|
959
959
|
"comment": {
|
|
960
|
-
"shortText": "
|
|
960
|
+
"shortText": "The expand mode for the search input. The valid options\ninclude `\"responsive\"` to collapse the search input into a button on\nmobile devices, `\"none\"` to *not* collapse the search input on mobile\ndevices, and `\"fit\"` to extend the search input to fit the width of its container.",
|
|
961
961
|
"tags": [
|
|
962
962
|
{
|
|
963
963
|
"tag": "default",
|
|
@@ -979,7 +979,7 @@
|
|
|
979
979
|
"kindString": "Set signature",
|
|
980
980
|
"flags": {},
|
|
981
981
|
"comment": {
|
|
982
|
-
"shortText": "
|
|
982
|
+
"shortText": "The expand mode for the search input. The valid options\ninclude `\"responsive\"` to collapse the search input into a button on\nmobile devices, `\"none\"` to *not* collapse the search input on mobile\ndevices, and `\"fit\"` to extend the search input to fit the width of its container.",
|
|
983
983
|
"tags": [
|
|
984
984
|
{
|
|
985
985
|
"tag": "default",
|
|
@@ -1846,7 +1846,7 @@
|
|
|
1846
1846
|
"kindString": "Get signature",
|
|
1847
1847
|
"flags": {},
|
|
1848
1848
|
"comment": {
|
|
1849
|
-
"shortText": "
|
|
1849
|
+
"shortText": "The value for the `autocomplete` attribute on the form input.",
|
|
1850
1850
|
"tags": [
|
|
1851
1851
|
{
|
|
1852
1852
|
"tag": "default",
|
|
@@ -1868,7 +1868,7 @@
|
|
|
1868
1868
|
"kindString": "Set signature",
|
|
1869
1869
|
"flags": {},
|
|
1870
1870
|
"comment": {
|
|
1871
|
-
"shortText": "
|
|
1871
|
+
"shortText": "The value for the `autocomplete` attribute on the form input.",
|
|
1872
1872
|
"tags": [
|
|
1873
1873
|
{
|
|
1874
1874
|
"tag": "default",
|
|
@@ -1968,7 +1968,7 @@
|
|
|
1968
1968
|
"kindString": "Get signature",
|
|
1969
1969
|
"flags": {},
|
|
1970
1970
|
"comment": {
|
|
1971
|
-
"shortText": "
|
|
1971
|
+
"shortText": "Whether to disable the autocomplete field.",
|
|
1972
1972
|
"tags": [
|
|
1973
1973
|
{
|
|
1974
1974
|
"tag": "default",
|
|
@@ -1990,7 +1990,7 @@
|
|
|
1990
1990
|
"kindString": "Set signature",
|
|
1991
1991
|
"flags": {},
|
|
1992
1992
|
"comment": {
|
|
1993
|
-
"shortText": "
|
|
1993
|
+
"shortText": "Whether to disable the autocomplete field.",
|
|
1994
1994
|
"tags": [
|
|
1995
1995
|
{
|
|
1996
1996
|
"tag": "default",
|
|
@@ -3156,7 +3156,7 @@
|
|
|
3156
3156
|
"isPublic": true
|
|
3157
3157
|
},
|
|
3158
3158
|
"comment": {
|
|
3159
|
-
"shortText": "
|
|
3159
|
+
"shortText": "The HTML element ID (without the leading `#`) of the element that labels\nthe autocomplete text input. This sets the input's `aria-labelledby` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)."
|
|
3160
3160
|
},
|
|
3161
3161
|
"decorators": [
|
|
3162
3162
|
{
|
|
@@ -3233,7 +3233,7 @@
|
|
|
3233
3233
|
"isPublic": true
|
|
3234
3234
|
},
|
|
3235
3235
|
"comment": {
|
|
3236
|
-
"shortText": "
|
|
3236
|
+
"shortText": "The text to display when no search results are found.",
|
|
3237
3237
|
"tags": [
|
|
3238
3238
|
{
|
|
3239
3239
|
"tag": "default",
|
|
@@ -3423,7 +3423,7 @@
|
|
|
3423
3423
|
"isPublic": true
|
|
3424
3424
|
},
|
|
3425
3425
|
"comment": {
|
|
3426
|
-
"shortText": "
|
|
3426
|
+
"shortText": "The template that formats each search result in the dropdown list.\nThe autocomplete component injects search result values into the template\nas `item` variables that reference all of the object properties of the search results."
|
|
3427
3427
|
},
|
|
3428
3428
|
"decorators": [
|
|
3429
3429
|
{
|
|
@@ -3578,7 +3578,7 @@
|
|
|
3578
3578
|
"kindString": "Get signature",
|
|
3579
3579
|
"flags": {},
|
|
3580
3580
|
"comment": {
|
|
3581
|
-
"shortText": "
|
|
3581
|
+
"shortText": "The static data source for the autocomplete component to search\nwhen users enter text. For a dynamic data source such as an array that\nchanges due to server calls, use `search` or `searchAsync` instead."
|
|
3582
3582
|
},
|
|
3583
3583
|
"type": {
|
|
3584
3584
|
"type": "array",
|
|
@@ -3597,7 +3597,7 @@
|
|
|
3597
3597
|
"kindString": "Set signature",
|
|
3598
3598
|
"flags": {},
|
|
3599
3599
|
"comment": {
|
|
3600
|
-
"shortText": "
|
|
3600
|
+
"shortText": "The static data source for the autocomplete component to search\nwhen users enter text. For a dynamic data source such as an array that\nchanges due to server calls, use `search` or `searchAsync` instead."
|
|
3601
3601
|
},
|
|
3602
3602
|
"parameters": [
|
|
3603
3603
|
{
|
|
@@ -3657,7 +3657,7 @@
|
|
|
3657
3657
|
"kindString": "Get signature",
|
|
3658
3658
|
"flags": {},
|
|
3659
3659
|
"comment": {
|
|
3660
|
-
"shortText": "
|
|
3660
|
+
"shortText": "How many milliseconds to wait before searching while users\nenter text in the autocomplete field.",
|
|
3661
3661
|
"tags": [
|
|
3662
3662
|
{
|
|
3663
3663
|
"tag": "default",
|
|
@@ -3679,7 +3679,7 @@
|
|
|
3679
3679
|
"kindString": "Set signature",
|
|
3680
3680
|
"flags": {},
|
|
3681
3681
|
"comment": {
|
|
3682
|
-
"shortText": "
|
|
3682
|
+
"shortText": "How many milliseconds to wait before searching while users\nenter text in the autocomplete field.",
|
|
3683
3683
|
"tags": [
|
|
3684
3684
|
{
|
|
3685
3685
|
"tag": "default",
|
|
@@ -3742,7 +3742,7 @@
|
|
|
3742
3742
|
"kindString": "Get signature",
|
|
3743
3743
|
"flags": {},
|
|
3744
3744
|
"comment": {
|
|
3745
|
-
"shortText": "
|
|
3745
|
+
"shortText": "The object property to display in the text input after users\nselect an item in the dropdown list.",
|
|
3746
3746
|
"tags": [
|
|
3747
3747
|
{
|
|
3748
3748
|
"tag": "default",
|
|
@@ -3764,7 +3764,7 @@
|
|
|
3764
3764
|
"kindString": "Set signature",
|
|
3765
3765
|
"flags": {},
|
|
3766
3766
|
"comment": {
|
|
3767
|
-
"shortText": "
|
|
3767
|
+
"shortText": "The object property to display in the text input after users\nselect an item in the dropdown list.",
|
|
3768
3768
|
"tags": [
|
|
3769
3769
|
{
|
|
3770
3770
|
"tag": "default",
|
|
@@ -3959,7 +3959,7 @@
|
|
|
3959
3959
|
"kindString": "Get signature",
|
|
3960
3960
|
"flags": {},
|
|
3961
3961
|
"comment": {
|
|
3962
|
-
"shortText": "
|
|
3962
|
+
"shortText": "The object properties to search.",
|
|
3963
3963
|
"tags": [
|
|
3964
3964
|
{
|
|
3965
3965
|
"tag": "default",
|
|
@@ -3988,7 +3988,7 @@
|
|
|
3988
3988
|
"kindString": "Set signature",
|
|
3989
3989
|
"flags": {},
|
|
3990
3990
|
"comment": {
|
|
3991
|
-
"shortText": "
|
|
3991
|
+
"shortText": "The object properties to search.",
|
|
3992
3992
|
"tags": [
|
|
3993
3993
|
{
|
|
3994
3994
|
"tag": "default",
|
|
@@ -4144,7 +4144,7 @@
|
|
|
4144
4144
|
"kindString": "Get signature",
|
|
4145
4145
|
"flags": {},
|
|
4146
4146
|
"comment": {
|
|
4147
|
-
"shortText": "
|
|
4147
|
+
"shortText": "The function that dynamically manages the data source when users\nchange the text in the autocomplete field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code.",
|
|
4148
4148
|
"tags": [
|
|
4149
4149
|
{
|
|
4150
4150
|
"tag": "deprecated",
|
|
@@ -4167,7 +4167,7 @@
|
|
|
4167
4167
|
"kindString": "Set signature",
|
|
4168
4168
|
"flags": {},
|
|
4169
4169
|
"comment": {
|
|
4170
|
-
"shortText": "
|
|
4170
|
+
"shortText": "The function that dynamically manages the data source when users\nchange the text in the autocomplete field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code.",
|
|
4171
4171
|
"tags": [
|
|
4172
4172
|
{
|
|
4173
4173
|
"tag": "deprecated",
|
|
@@ -4231,7 +4231,7 @@
|
|
|
4231
4231
|
"kindString": "Get signature",
|
|
4232
4232
|
"flags": {},
|
|
4233
4233
|
"comment": {
|
|
4234
|
-
"shortText": "
|
|
4234
|
+
"shortText": "The array of functions to call against each search result in order\nto filter the search results when using the default search function. When\nusing the `search` property to specify a custom search function, you must\nmanually apply filters inside that function. The function must return `true`\nor `false` for each result to indicate whether to display it in the dropdown list.",
|
|
4235
4235
|
"tags": [
|
|
4236
4236
|
{
|
|
4237
4237
|
"tag": "deprecated",
|
|
@@ -4257,7 +4257,7 @@
|
|
|
4257
4257
|
"kindString": "Set signature",
|
|
4258
4258
|
"flags": {},
|
|
4259
4259
|
"comment": {
|
|
4260
|
-
"shortText": "
|
|
4260
|
+
"shortText": "The array of functions to call against each search result in order\nto filter the search results when using the default search function. When\nusing the `search` property to specify a custom search function, you must\nmanually apply filters inside that function. The function must return `true`\nor `false` for each result to indicate whether to display it in the dropdown list.",
|
|
4261
4261
|
"tags": [
|
|
4262
4262
|
{
|
|
4263
4263
|
"tag": "deprecated",
|
|
@@ -4385,7 +4385,7 @@
|
|
|
4385
4385
|
"kindString": "Get signature",
|
|
4386
4386
|
"flags": {},
|
|
4387
4387
|
"comment": {
|
|
4388
|
-
"shortText": "
|
|
4388
|
+
"shortText": "The maximum number of search results to display in the dropdown list.\nBy default, the component displays all matching results."
|
|
4389
4389
|
},
|
|
4390
4390
|
"type": {
|
|
4391
4391
|
"type": "intrinsic",
|
|
@@ -4401,7 +4401,7 @@
|
|
|
4401
4401
|
"kindString": "Set signature",
|
|
4402
4402
|
"flags": {},
|
|
4403
4403
|
"comment": {
|
|
4404
|
-
"shortText": "
|
|
4404
|
+
"shortText": "The maximum number of search results to display in the dropdown list.\nBy default, the component displays all matching results."
|
|
4405
4405
|
},
|
|
4406
4406
|
"parameters": [
|
|
4407
4407
|
{
|
|
@@ -4458,7 +4458,7 @@
|
|
|
4458
4458
|
"kindString": "Get signature",
|
|
4459
4459
|
"flags": {},
|
|
4460
4460
|
"comment": {
|
|
4461
|
-
"shortText": "
|
|
4461
|
+
"shortText": "The minimum number of characters that users must enter before\nthe autocomplete component searches the data source and displays search\nresults in the dropdown list.",
|
|
4462
4462
|
"tags": [
|
|
4463
4463
|
{
|
|
4464
4464
|
"tag": "default",
|
|
@@ -4480,7 +4480,7 @@
|
|
|
4480
4480
|
"kindString": "Set signature",
|
|
4481
4481
|
"flags": {},
|
|
4482
4482
|
"comment": {
|
|
4483
|
-
"shortText": "
|
|
4483
|
+
"shortText": "The minimum number of characters that users must enter before\nthe autocomplete component searches the data source and displays search\nresults in the dropdown list.",
|
|
4484
4484
|
"tags": [
|
|
4485
4485
|
{
|
|
4486
4486
|
"tag": "default",
|
|
@@ -5104,7 +5104,7 @@
|
|
|
5104
5104
|
"isPublic": true
|
|
5105
5105
|
},
|
|
5106
5106
|
"comment": {
|
|
5107
|
-
"shortText": "
|
|
5107
|
+
"shortText": "The value for the `autocomplete` attribute on the form input."
|
|
5108
5108
|
},
|
|
5109
5109
|
"decorators": [
|
|
5110
5110
|
{
|
|
@@ -5461,7 +5461,7 @@
|
|
|
5461
5461
|
"kindString": "Get signature",
|
|
5462
5462
|
"flags": {},
|
|
5463
5463
|
"comment": {
|
|
5464
|
-
"shortText": "
|
|
5464
|
+
"shortText": "The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\ncountry code for the default country.\nWhen search results include the default country, it appears at the top of the list.",
|
|
5465
5465
|
"tags": [
|
|
5466
5466
|
{
|
|
5467
5467
|
"tag": "default",
|
|
@@ -5483,7 +5483,7 @@
|
|
|
5483
5483
|
"kindString": "Set signature",
|
|
5484
5484
|
"flags": {},
|
|
5485
5485
|
"comment": {
|
|
5486
|
-
"shortText": "
|
|
5486
|
+
"shortText": "The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\ncountry code for the default country.\nWhen search results include the default country, it appears at the top of the list.",
|
|
5487
5487
|
"tags": [
|
|
5488
5488
|
{
|
|
5489
5489
|
"tag": "default",
|
|
@@ -5546,7 +5546,7 @@
|
|
|
5546
5546
|
"kindString": "Get signature",
|
|
5547
5547
|
"flags": {},
|
|
5548
5548
|
"comment": {
|
|
5549
|
-
"shortText": "
|
|
5549
|
+
"shortText": "Whether to disable the country field.",
|
|
5550
5550
|
"tags": [
|
|
5551
5551
|
{
|
|
5552
5552
|
"tag": "default",
|
|
@@ -5568,7 +5568,7 @@
|
|
|
5568
5568
|
"kindString": "Set signature",
|
|
5569
5569
|
"flags": {},
|
|
5570
5570
|
"comment": {
|
|
5571
|
-
"shortText": "
|
|
5571
|
+
"shortText": "Whether to disable the country field.",
|
|
5572
5572
|
"tags": [
|
|
5573
5573
|
{
|
|
5574
5574
|
"tag": "default",
|
|
@@ -5631,7 +5631,7 @@
|
|
|
5631
5631
|
"kindString": "Get signature",
|
|
5632
5632
|
"flags": {},
|
|
5633
5633
|
"comment": {
|
|
5634
|
-
"shortText": "
|
|
5634
|
+
"shortText": "Whether to hide the flag in the input element.",
|
|
5635
5635
|
"tags": [
|
|
5636
5636
|
{
|
|
5637
5637
|
"tag": "default",
|
|
@@ -5653,7 +5653,7 @@
|
|
|
5653
5653
|
"kindString": "Set signature",
|
|
5654
5654
|
"flags": {},
|
|
5655
5655
|
"comment": {
|
|
5656
|
-
"shortText": "
|
|
5656
|
+
"shortText": "Whether to hide the flag in the input element.",
|
|
5657
5657
|
"tags": [
|
|
5658
5658
|
{
|
|
5659
5659
|
"tag": "default",
|
|
@@ -5716,7 +5716,7 @@
|
|
|
5716
5716
|
"kindString": "Get signature",
|
|
5717
5717
|
"flags": {},
|
|
5718
5718
|
"comment": {
|
|
5719
|
-
"shortText": "
|
|
5719
|
+
"shortText": "Whether to include phone information in the selected country and country dropdown.",
|
|
5720
5720
|
"tags": [
|
|
5721
5721
|
{
|
|
5722
5722
|
"tag": "default",
|
|
@@ -5738,7 +5738,7 @@
|
|
|
5738
5738
|
"kindString": "Set signature",
|
|
5739
5739
|
"flags": {},
|
|
5740
5740
|
"comment": {
|
|
5741
|
-
"shortText": "
|
|
5741
|
+
"shortText": "Whether to include phone information in the selected country and country dropdown.",
|
|
5742
5742
|
"tags": [
|
|
5743
5743
|
{
|
|
5744
5744
|
"tag": "default",
|
|
@@ -5858,7 +5858,7 @@
|
|
|
5858
5858
|
"kindString": "Get signature",
|
|
5859
5859
|
"flags": {},
|
|
5860
5860
|
"comment": {
|
|
5861
|
-
"shortText": "
|
|
5861
|
+
"shortText": "The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\ncountry codes for the countries that users can select. By default, all countries are available."
|
|
5862
5862
|
},
|
|
5863
5863
|
"type": {
|
|
5864
5864
|
"type": "array",
|
|
@@ -5877,7 +5877,7 @@
|
|
|
5877
5877
|
"kindString": "Set signature",
|
|
5878
5878
|
"flags": {},
|
|
5879
5879
|
"comment": {
|
|
5880
|
-
"shortText": "
|
|
5880
|
+
"shortText": "The [International Organization for Standardization Alpha 2](https://www.nationsonline.org/oneworld/country_code_list.htm)\ncountry codes for the countries that users can select. By default, all countries are available."
|
|
5881
5881
|
},
|
|
5882
5882
|
"parameters": [
|
|
5883
5883
|
{
|
|
@@ -6721,7 +6721,7 @@
|
|
|
6721
6721
|
"isPublic": true
|
|
6722
6722
|
},
|
|
6723
6723
|
"comment": {
|
|
6724
|
-
"shortText": "
|
|
6724
|
+
"shortText": "The ARIA label for the typeahead search input\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nIf the input includes a visible label, use `ariaLabelledBy` instead."
|
|
6725
6725
|
},
|
|
6726
6726
|
"decorators": [
|
|
6727
6727
|
{
|
|
@@ -6756,7 +6756,7 @@
|
|
|
6756
6756
|
"isPublic": true
|
|
6757
6757
|
},
|
|
6758
6758
|
"comment": {
|
|
6759
|
-
"shortText": "
|
|
6759
|
+
"shortText": "The HTML element ID (without the leading `#`) of the element that labels\nthe typeahead search input. This sets the input's `aria-labelledby` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nIf the input does not include a visible label, use `ariaLabel` instead."
|
|
6760
6760
|
},
|
|
6761
6761
|
"decorators": [
|
|
6762
6762
|
{
|
|
@@ -6791,7 +6791,7 @@
|
|
|
6791
6791
|
"isPublic": true
|
|
6792
6792
|
},
|
|
6793
6793
|
"comment": {
|
|
6794
|
-
"shortText": "
|
|
6794
|
+
"shortText": "The value for the `autocomplete` attribute on the form input."
|
|
6795
6795
|
},
|
|
6796
6796
|
"decorators": [
|
|
6797
6797
|
{
|
|
@@ -6855,7 +6855,7 @@
|
|
|
6855
6855
|
"isPublic": true
|
|
6856
6856
|
},
|
|
6857
6857
|
"comment": {
|
|
6858
|
-
"shortText": "
|
|
6858
|
+
"shortText": "How many milliseconds to wait before searching while users\nenter text in the lookup field.",
|
|
6859
6859
|
"tags": [
|
|
6860
6860
|
{
|
|
6861
6861
|
"tag": "default",
|
|
@@ -6900,7 +6900,7 @@
|
|
|
6900
6900
|
"isPublic": true
|
|
6901
6901
|
},
|
|
6902
6902
|
"comment": {
|
|
6903
|
-
"shortText": "
|
|
6903
|
+
"shortText": "The object property that represents the object's unique identifier.\nSpecifying this property enables token animations and more efficient rendering.\nThis property is required when using `enableShowMore` and `searchAsync` together."
|
|
6904
6904
|
},
|
|
6905
6905
|
"decorators": [
|
|
6906
6906
|
{
|
|
@@ -7042,7 +7042,7 @@
|
|
|
7042
7042
|
"isPublic": true
|
|
7043
7043
|
},
|
|
7044
7044
|
"comment": {
|
|
7045
|
-
"shortText": "
|
|
7045
|
+
"shortText": "Placeholder text to display in the lookup field."
|
|
7046
7046
|
},
|
|
7047
7047
|
"decorators": [
|
|
7048
7048
|
{
|
|
@@ -7195,7 +7195,7 @@
|
|
|
7195
7195
|
"isPublic": true
|
|
7196
7196
|
},
|
|
7197
7197
|
"comment": {
|
|
7198
|
-
"shortText": "
|
|
7198
|
+
"shortText": "The template that formats each option in the dropdown list. The lookup component\ninjects values into the template as `item` variables that reference all the object\nproperties of the options."
|
|
7199
7199
|
},
|
|
7200
7200
|
"decorators": [
|
|
7201
7201
|
{
|
|
@@ -7242,7 +7242,7 @@
|
|
|
7242
7242
|
"isPublic": true
|
|
7243
7243
|
},
|
|
7244
7244
|
"comment": {
|
|
7245
|
-
"shortText": "
|
|
7245
|
+
"shortText": "The maximum number of search results to display in the dropdown\nlist. By default, the lookup component displays all matching results."
|
|
7246
7246
|
},
|
|
7247
7247
|
"decorators": [
|
|
7248
7248
|
{
|
|
@@ -7281,7 +7281,7 @@
|
|
|
7281
7281
|
"isPublic": true
|
|
7282
7282
|
},
|
|
7283
7283
|
"comment": {
|
|
7284
|
-
"shortText": "
|
|
7284
|
+
"shortText": "The minimum number of characters that users must enter before\nthe lookup component searches the data source and displays search results\nin the dropdown list.",
|
|
7285
7285
|
"tags": [
|
|
7286
7286
|
{
|
|
7287
7287
|
"tag": "default",
|
|
@@ -7369,7 +7369,7 @@
|
|
|
7369
7369
|
"isPublic": true
|
|
7370
7370
|
},
|
|
7371
7371
|
"comment": {
|
|
7372
|
-
"shortText": "
|
|
7372
|
+
"shortText": "Configuration options for the picker that displays all options."
|
|
7373
7373
|
},
|
|
7374
7374
|
"decorators": [
|
|
7375
7375
|
{
|
|
@@ -7552,7 +7552,7 @@
|
|
|
7552
7552
|
"kindString": "Get signature",
|
|
7553
7553
|
"flags": {},
|
|
7554
7554
|
"comment": {
|
|
7555
|
-
"shortText": "
|
|
7555
|
+
"shortText": "The data source for the lookup component to search when users\nenter text. You can specify static data such as an array of objects, or\nyou can pull data from a database.",
|
|
7556
7556
|
"tags": [
|
|
7557
7557
|
{
|
|
7558
7558
|
"tag": "default",
|
|
@@ -7577,7 +7577,7 @@
|
|
|
7577
7577
|
"kindString": "Set signature",
|
|
7578
7578
|
"flags": {},
|
|
7579
7579
|
"comment": {
|
|
7580
|
-
"shortText": "
|
|
7580
|
+
"shortText": "The data source for the lookup component to search when users\nenter text. You can specify static data such as an array of objects, or\nyou can pull data from a database.",
|
|
7581
7581
|
"tags": [
|
|
7582
7582
|
{
|
|
7583
7583
|
"tag": "default",
|
|
@@ -7643,7 +7643,7 @@
|
|
|
7643
7643
|
"kindString": "Get signature",
|
|
7644
7644
|
"flags": {},
|
|
7645
7645
|
"comment": {
|
|
7646
|
-
"shortText": "
|
|
7646
|
+
"shortText": "The object property to display in the text input after users\nselect an item in the dropdown list.",
|
|
7647
7647
|
"tags": [
|
|
7648
7648
|
{
|
|
7649
7649
|
"tag": "default",
|
|
@@ -7669,7 +7669,7 @@
|
|
|
7669
7669
|
"kindString": "Set signature",
|
|
7670
7670
|
"flags": {},
|
|
7671
7671
|
"comment": {
|
|
7672
|
-
"shortText": "
|
|
7672
|
+
"shortText": "The object property to display in the text input after users\nselect an item in the dropdown list.",
|
|
7673
7673
|
"tags": [
|
|
7674
7674
|
{
|
|
7675
7675
|
"tag": "default",
|
|
@@ -7740,7 +7740,7 @@
|
|
|
7740
7740
|
"kindString": "Get signature",
|
|
7741
7741
|
"flags": {},
|
|
7742
7742
|
"comment": {
|
|
7743
|
-
"shortText": "
|
|
7743
|
+
"shortText": "Whether to disable the lookup field.",
|
|
7744
7744
|
"tags": [
|
|
7745
7745
|
{
|
|
7746
7746
|
"tag": "default",
|
|
@@ -7762,7 +7762,7 @@
|
|
|
7762
7762
|
"kindString": "Set signature",
|
|
7763
7763
|
"flags": {},
|
|
7764
7764
|
"comment": {
|
|
7765
|
-
"shortText": "
|
|
7765
|
+
"shortText": "Whether to disable the lookup field.",
|
|
7766
7766
|
"tags": [
|
|
7767
7767
|
{
|
|
7768
7768
|
"tag": "default",
|
|
@@ -7825,7 +7825,7 @@
|
|
|
7825
7825
|
"kindString": "Get signature",
|
|
7826
7826
|
"flags": {},
|
|
7827
7827
|
"comment": {
|
|
7828
|
-
"shortText": "
|
|
7828
|
+
"shortText": "Whether to enable users to open a picker where they can view all options.",
|
|
7829
7829
|
"tags": [
|
|
7830
7830
|
{
|
|
7831
7831
|
"tag": "default",
|
|
@@ -7847,7 +7847,7 @@
|
|
|
7847
7847
|
"kindString": "Set signature",
|
|
7848
7848
|
"flags": {},
|
|
7849
7849
|
"comment": {
|
|
7850
|
-
"shortText": "
|
|
7850
|
+
"shortText": "Whether to enable users to open a picker where they can view all options.",
|
|
7851
7851
|
"tags": [
|
|
7852
7852
|
{
|
|
7853
7853
|
"tag": "default",
|
|
@@ -7910,7 +7910,7 @@
|
|
|
7910
7910
|
"kindString": "Get signature",
|
|
7911
7911
|
"flags": {},
|
|
7912
7912
|
"comment": {
|
|
7913
|
-
"shortText": "
|
|
7913
|
+
"shortText": "The array of object properties to search.",
|
|
7914
7914
|
"tags": [
|
|
7915
7915
|
{
|
|
7916
7916
|
"tag": "default",
|
|
@@ -7939,7 +7939,7 @@
|
|
|
7939
7939
|
"kindString": "Set signature",
|
|
7940
7940
|
"flags": {},
|
|
7941
7941
|
"comment": {
|
|
7942
|
-
"shortText": "
|
|
7942
|
+
"shortText": "The array of object properties to search.",
|
|
7943
7943
|
"tags": [
|
|
7944
7944
|
{
|
|
7945
7945
|
"tag": "default",
|
|
@@ -8013,7 +8013,7 @@
|
|
|
8013
8013
|
"kindString": "Get signature",
|
|
8014
8014
|
"flags": {},
|
|
8015
8015
|
"comment": {
|
|
8016
|
-
"shortText": "
|
|
8016
|
+
"shortText": "The function to dynamically manage the data source when users\nchange the text in the lookup field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code. If the\nsearch requires calling a remote data source, use `searchAsync` instead of\n`search`."
|
|
8017
8017
|
},
|
|
8018
8018
|
"type": {
|
|
8019
8019
|
"type": "reference",
|
|
@@ -8034,7 +8034,7 @@
|
|
|
8034
8034
|
"kindString": "Set signature",
|
|
8035
8035
|
"flags": {},
|
|
8036
8036
|
"comment": {
|
|
8037
|
-
"shortText": "
|
|
8037
|
+
"shortText": "The function to dynamically manage the data source when users\nchange the text in the lookup field. The search function must return\nan array or a promise of an array. The `search` property is particularly\nuseful when the data source does not live in the source code. If the\nsearch requires calling a remote data source, use `searchAsync` instead of\n`search`."
|
|
8038
8038
|
},
|
|
8039
8039
|
"parameters": [
|
|
8040
8040
|
{
|
|
@@ -8100,7 +8100,7 @@
|
|
|
8100
8100
|
"kindString": "Get signature",
|
|
8101
8101
|
"flags": {},
|
|
8102
8102
|
"comment": {
|
|
8103
|
-
"shortText": "
|
|
8103
|
+
"shortText": "The array of functions to call against each search result in order\nto filter the search results when using the default search function. When\nusing a custom search function via the `search` property filters must be\napplied manually inside that function. The function must return `true` or\n`false` for each result to indicate whether to display it in the dropdown list."
|
|
8104
8104
|
},
|
|
8105
8105
|
"type": {
|
|
8106
8106
|
"type": "array",
|
|
@@ -8124,7 +8124,7 @@
|
|
|
8124
8124
|
"kindString": "Set signature",
|
|
8125
8125
|
"flags": {},
|
|
8126
8126
|
"comment": {
|
|
8127
|
-
"shortText": "
|
|
8127
|
+
"shortText": "The array of functions to call against each search result in order\nto filter the search results when using the default search function. When\nusing a custom search function via the `search` property filters must be\napplied manually inside that function. The function must return `true` or\n`false` for each result to indicate whether to display it in the dropdown list."
|
|
8128
8128
|
},
|
|
8129
8129
|
"parameters": [
|
|
8130
8130
|
{
|
|
@@ -8193,7 +8193,7 @@
|
|
|
8193
8193
|
"kindString": "Get signature",
|
|
8194
8194
|
"flags": {},
|
|
8195
8195
|
"comment": {
|
|
8196
|
-
"shortText": "
|
|
8196
|
+
"shortText": "The ability for users to select one option or multiple options.",
|
|
8197
8197
|
"tags": [
|
|
8198
8198
|
{
|
|
8199
8199
|
"tag": "default",
|
|
@@ -8216,7 +8216,7 @@
|
|
|
8216
8216
|
"kindString": "Set signature",
|
|
8217
8217
|
"flags": {},
|
|
8218
8218
|
"comment": {
|
|
8219
|
-
"shortText": "
|
|
8219
|
+
"shortText": "The ability for users to select one option or multiple options.",
|
|
8220
8220
|
"tags": [
|
|
8221
8221
|
{
|
|
8222
8222
|
"tag": "default",
|
|
@@ -8280,7 +8280,7 @@
|
|
|
8280
8280
|
"kindString": "Get signature",
|
|
8281
8281
|
"flags": {},
|
|
8282
8282
|
"comment": {
|
|
8283
|
-
"shortText": "
|
|
8283
|
+
"shortText": "Whether to display a button that lets users add options to the list.",
|
|
8284
8284
|
"tags": [
|
|
8285
8285
|
{
|
|
8286
8286
|
"tag": "default",
|
|
@@ -8302,7 +8302,7 @@
|
|
|
8302
8302
|
"kindString": "Set signature",
|
|
8303
8303
|
"flags": {},
|
|
8304
8304
|
"comment": {
|
|
8305
|
-
"shortText": "
|
|
8305
|
+
"shortText": "Whether to display a button that lets users add options to the list.",
|
|
8306
8306
|
"tags": [
|
|
8307
8307
|
{
|
|
8308
8308
|
"tag": "default",
|
|
@@ -9749,7 +9749,7 @@
|
|
|
9749
9749
|
"isOptional": true
|
|
9750
9750
|
},
|
|
9751
9751
|
"comment": {
|
|
9752
|
-
"shortText": "
|
|
9752
|
+
"shortText": "Whether there are more results that match the search criteria."
|
|
9753
9753
|
},
|
|
9754
9754
|
"sources": [
|
|
9755
9755
|
{
|
|
@@ -9845,7 +9845,7 @@
|
|
|
9845
9845
|
"isOptional": true
|
|
9846
9846
|
},
|
|
9847
9847
|
"comment": {
|
|
9848
|
-
"shortText": "
|
|
9848
|
+
"shortText": "The search result object that users select in the dropdown list."
|
|
9849
9849
|
},
|
|
9850
9850
|
"sources": [
|
|
9851
9851
|
{
|
|
@@ -9896,7 +9896,7 @@
|
|
|
9896
9896
|
"isOptional": true
|
|
9897
9897
|
},
|
|
9898
9898
|
"comment": {
|
|
9899
|
-
"shortText": "
|
|
9899
|
+
"shortText": "The country's international dial code.\nThis property will only be set if the `includePhoneInfo` input is set."
|
|
9900
9900
|
},
|
|
9901
9901
|
"sources": [
|
|
9902
9902
|
{
|
|
@@ -10150,7 +10150,7 @@
|
|
|
10150
10150
|
"isOptional": true
|
|
10151
10151
|
},
|
|
10152
10152
|
"comment": {
|
|
10153
|
-
"shortText": "
|
|
10153
|
+
"shortText": "The configuration object to display a custom picker."
|
|
10154
10154
|
},
|
|
10155
10155
|
"sources": [
|
|
10156
10156
|
{
|
|
@@ -10174,7 +10174,7 @@
|
|
|
10174
10174
|
"isOptional": true
|
|
10175
10175
|
},
|
|
10176
10176
|
"comment": {
|
|
10177
|
-
"shortText": "
|
|
10177
|
+
"shortText": "Configuration options for the native picker."
|
|
10178
10178
|
},
|
|
10179
10179
|
"sources": [
|
|
10180
10180
|
{
|
|
@@ -10296,7 +10296,7 @@
|
|
|
10296
10296
|
"isOptional": true
|
|
10297
10297
|
},
|
|
10298
10298
|
"comment": {
|
|
10299
|
-
"shortText": "
|
|
10299
|
+
"shortText": "The template that formats each option in the picker. The lookup component\ninjects values into the template as `item` variables that reference all the object\nproperties of the options. If you do not specify a template, the picker uses\nthe same template as the dropdown list."
|
|
10300
10300
|
},
|
|
10301
10301
|
"sources": [
|
|
10302
10302
|
{
|
|
@@ -10327,7 +10327,7 @@
|
|
|
10327
10327
|
"isOptional": true
|
|
10328
10328
|
},
|
|
10329
10329
|
"comment": {
|
|
10330
|
-
"shortText": "
|
|
10330
|
+
"shortText": "The title for the picker.",
|
|
10331
10331
|
"tags": [
|
|
10332
10332
|
{
|
|
10333
10333
|
"tag": "default",
|
|
@@ -14107,7 +14107,7 @@
|
|
|
14107
14107
|
{
|
|
14108
14108
|
"fileName": "lookup-async-demo.service.ts",
|
|
14109
14109
|
"filePath": "/projects/lookup/documentation/code-examples/lookup/async/lookup-async-demo.service.ts",
|
|
14110
|
-
"rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { LookupAsyncDemoSearchResults } from './lookup-async-demo-search-results';\nimport { LookupDemoPerson } from './lookup-demo-person';\n\nconst people: LookupDemoPerson[] = [\n { name: 'Abed' },\n { name: 'Alex' },\n { name: 'Ben' },\n { name: 'Britta' },\n { name: 'Buzz' },\n { name: 'Craig' },\n { name: 'Elroy' },\n { name: 'Garrett' },\n { name: 'Ian' },\n { name: 'Jeff' },\n { name: 'Leonard' },\n { name: 'Neil' },\n { name: 'Pierce' },\n { name: 'Preston' },\n { name: 'Rachel' },\n { name: 'Shirley' },\n { name: 'Todd' },\n { name: 'Troy' },\n { name: 'Vaughn' },\n { name: 'Vicki' },\n];\n\n@Injectable({\n providedIn: 'root',\n})\nexport class LookupAsyncDemoService {\n public search(searchText: string): Observable<LookupAsyncDemoSearchResults> {\n // Simulate a network call with latency. A real-world application might\n // use Angular's HttpClient to create an Observable from a call to a\n // web service.\n searchText = searchText.toUpperCase();\n\n const matchingPeople = people.filter((person) =>\n person.name.toUpperCase().includes(searchText)\n );\n\n return of({\n hasMore: false,\n people: matchingPeople,\n totalCount: matchingPeople.length,\n }).pipe(delay(800));\n }\n\n public addPerson(person: LookupDemoPerson): Observable<number> {\n // Simulate adding a person with a
|
|
14110
|
+
"rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { LookupAsyncDemoSearchResults } from './lookup-async-demo-search-results';\nimport { LookupDemoPerson } from './lookup-demo-person';\n\nconst people: LookupDemoPerson[] = [\n { name: 'Abed' },\n { name: 'Alex' },\n { name: 'Ben' },\n { name: 'Britta' },\n { name: 'Buzz' },\n { name: 'Craig' },\n { name: 'Elroy' },\n { name: 'Garrett' },\n { name: 'Ian' },\n { name: 'Jeff' },\n { name: 'Leonard' },\n { name: 'Neil' },\n { name: 'Pierce' },\n { name: 'Preston' },\n { name: 'Rachel' },\n { name: 'Shirley' },\n { name: 'Todd' },\n { name: 'Troy' },\n { name: 'Vaughn' },\n { name: 'Vicki' },\n];\n\n@Injectable({\n providedIn: 'root',\n})\nexport class LookupAsyncDemoService {\n public search(searchText: string): Observable<LookupAsyncDemoSearchResults> {\n // Simulate a network call with latency. A real-world application might\n // use Angular's HttpClient to create an Observable from a call to a\n // web service.\n searchText = searchText.toUpperCase();\n\n const matchingPeople = people.filter((person) =>\n person.name.toUpperCase().includes(searchText)\n );\n\n return of({\n hasMore: false,\n people: matchingPeople,\n totalCount: matchingPeople.length,\n }).pipe(delay(800));\n }\n\n public addPerson(person: LookupDemoPerson): Observable<number> {\n // Simulate adding a person with a network call.\n if (!people.some((item) => item.name === person.name)) {\n people.unshift(person);\n }\n\n return of(1).pipe(delay(800));\n }\n}\n"
|
|
14111
14111
|
},
|
|
14112
14112
|
{
|
|
14113
14113
|
"fileName": "lookup-demo-person.ts",
|
|
@@ -14137,7 +14137,7 @@
|
|
|
14137
14137
|
{
|
|
14138
14138
|
"fileName": "lookup-custom-picker-demo.component.spec.ts",
|
|
14139
14139
|
"filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-demo.component.spec.ts",
|
|
14140
|
-
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyInputBoxHarness } from '@skyux/forms/testing';\nimport { SkyLookupHarness } from '@skyux/lookup/testing';\n\nimport { LookupCustomPickerDemoComponent } from './lookup-custom-picker-demo.component';\nimport { LookupCustomPickerDemoModule } from './lookup-custom-picker-demo.module';\nimport { LookupCustomPickerHarness } from './lookup-custom-picker-harness';\n\ndescribe('Lookup custom picker demo', () => {\n async function setupTest(): Promise<{\n lookupHarness: SkyLookupHarness | null;\n fixture: ComponentFixture<LookupCustomPickerDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(LookupCustomPickerDemoComponent);\n const loader = TestbedHarnessEnvironment.loader(fixture);\n\n const lookupHarness = await (\n await loader.getHarness(\n SkyInputBoxHarness.with({ dataSkyId: 'favorite-names-field' })\n )\n ).queryHarness(SkyLookupHarness);\n\n return { lookupHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [LookupCustomPickerDemoModule, NoopAnimationsModule],\n });\n });\n\n it('should set the expected initial value', async () => {\n const { lookupHarness } = await setupTest();\n\n await expectAsync(lookupHarness?.getSelectionsText()).toBeResolvedTo([\n 'Shirley',\n ]);\n });\n\n it('should update the form control when a favorite name is selected', async () => {\n const { lookupHarness, fixture } = await setupTest();\n\n await lookupHarness?.enterText('
|
|
14140
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyInputBoxHarness } from '@skyux/forms/testing';\nimport { SkyLookupHarness } from '@skyux/lookup/testing';\n\nimport { LookupCustomPickerDemoComponent } from './lookup-custom-picker-demo.component';\nimport { LookupCustomPickerDemoModule } from './lookup-custom-picker-demo.module';\nimport { LookupCustomPickerHarness } from './lookup-custom-picker-harness';\n\ndescribe('Lookup custom picker demo', () => {\n async function setupTest(): Promise<{\n lookupHarness: SkyLookupHarness | null;\n fixture: ComponentFixture<LookupCustomPickerDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(LookupCustomPickerDemoComponent);\n const loader = TestbedHarnessEnvironment.loader(fixture);\n\n const lookupHarness = await (\n await loader.getHarness(\n SkyInputBoxHarness.with({ dataSkyId: 'favorite-names-field' })\n )\n ).queryHarness(SkyLookupHarness);\n\n return { lookupHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [LookupCustomPickerDemoModule, NoopAnimationsModule],\n });\n });\n\n it('should set the expected initial value', async () => {\n const { lookupHarness } = await setupTest();\n\n await expectAsync(lookupHarness?.getSelectionsText()).toBeResolvedTo([\n 'Shirley',\n ]);\n });\n\n it('should update the form control when a favorite name is selected', async () => {\n const { lookupHarness, fixture } = await setupTest();\n\n await lookupHarness?.enterText('Be');\n\n const allResultHarnesses = await lookupHarness?.getSearchResults();\n const firstResultHarness = allResultHarnesses && allResultHarnesses[0];\n\n if (firstResultHarness) {\n await firstResultHarness.select();\n }\n\n expect(fixture.componentInstance.favoritesForm.value.favoriteNames).toEqual(\n [\n { name: 'Shirley', formal: 'Ms. Bennett' },\n { name: 'Abed', formal: 'Mr. Nadir' },\n ]\n );\n });\n\n it('should use a custom picker', async () => {\n const { lookupHarness, fixture } = await setupTest();\n\n // Show the custom picker.\n await lookupHarness?.clickShowMoreButton();\n\n // Use the custom picker harness to validate that selecting/deselecting items\n // updates the lookup form field.\n const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n\n const customPickerHarness = await loader.getHarness(\n LookupCustomPickerHarness\n );\n\n await customPickerHarness.checkItemAt(2); // Ben (Mr. Chang)\n await customPickerHarness.checkItemAt(7); // Garret (Mr. Lambert)\n await customPickerHarness.uncheckItemAt(15); // Shirley (Ms. Bennett)\n\n await customPickerHarness.save();\n\n expect(fixture.componentInstance.favoritesForm.value.favoriteNames).toEqual(\n [\n { name: 'Ben', formal: 'Mr. Chang' },\n { name: 'Garrett', formal: 'Mr. Lambert' },\n ]\n );\n });\n});\n"
|
|
14141
14141
|
},
|
|
14142
14142
|
{
|
|
14143
14143
|
"fileName": "lookup-custom-picker-demo.component.ts",
|
|
@@ -14177,7 +14177,7 @@
|
|
|
14177
14177
|
{
|
|
14178
14178
|
"fileName": "lookup-multiple-demo.component.spec.ts",
|
|
14179
14179
|
"filePath": "/projects/lookup/documentation/code-examples/lookup/multi-select/lookup-multiple-demo.component.spec.ts",
|
|
14180
|
-
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyInputBoxHarness } from '@skyux/forms/testing';\nimport { SkyLookupHarness } from '@skyux/lookup/testing';\n\nimport { LookupMultipleSelectDemoComponent } from './lookup-multiple-demo.component';\nimport { LookupMultipleSelectDemoModule } from './lookup-multiple-demo.module';\n\ndescribe('Lookup multi-select demo', () => {\n async function setupTest(): Promise<{\n lookupHarness: SkyLookupHarness | null;\n fixture: ComponentFixture<LookupMultipleSelectDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(LookupMultipleSelectDemoComponent);\n const loader = TestbedHarnessEnvironment.loader(fixture);\n\n const lookupHarness = await (\n await loader.getHarness(\n SkyInputBoxHarness.with({ dataSkyId: 'favorite-names-field' })\n )\n ).queryHarness(SkyLookupHarness);\n\n return { lookupHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [LookupMultipleSelectDemoModule, NoopAnimationsModule],\n });\n });\n\n it('should set the expected initial value', async () => {\n const { lookupHarness } = await setupTest();\n\n await expectAsync(lookupHarness?.getSelectionsText()).toBeResolvedTo([\n 'Shirley',\n ]);\n });\n\n it('should update the form control when a favorite name is selected', async () => {\n const { lookupHarness, fixture } = await setupTest();\n\n await lookupHarness?.enterText('
|
|
14180
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyInputBoxHarness } from '@skyux/forms/testing';\nimport { SkyLookupHarness } from '@skyux/lookup/testing';\n\nimport { LookupMultipleSelectDemoComponent } from './lookup-multiple-demo.component';\nimport { LookupMultipleSelectDemoModule } from './lookup-multiple-demo.module';\n\ndescribe('Lookup multi-select demo', () => {\n async function setupTest(): Promise<{\n lookupHarness: SkyLookupHarness | null;\n fixture: ComponentFixture<LookupMultipleSelectDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(LookupMultipleSelectDemoComponent);\n const loader = TestbedHarnessEnvironment.loader(fixture);\n\n const lookupHarness = await (\n await loader.getHarness(\n SkyInputBoxHarness.with({ dataSkyId: 'favorite-names-field' })\n )\n ).queryHarness(SkyLookupHarness);\n\n return { lookupHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [LookupMultipleSelectDemoModule, NoopAnimationsModule],\n });\n });\n\n it('should set the expected initial value', async () => {\n const { lookupHarness } = await setupTest();\n\n await expectAsync(lookupHarness?.getSelectionsText()).toBeResolvedTo([\n 'Shirley',\n ]);\n });\n\n it('should update the form control when a favorite name is selected', async () => {\n const { lookupHarness, fixture } = await setupTest();\n\n await lookupHarness?.enterText('be');\n await lookupHarness?.selectSearchResult({\n text: 'Ben',\n });\n\n expect(\n fixture.componentInstance.favoritesForm.controls.favoriteNames.value\n ).toEqual([{ name: 'Shirley' }, { name: 'Ben' }]);\n });\n});\n"
|
|
14181
14181
|
},
|
|
14182
14182
|
{
|
|
14183
14183
|
"fileName": "lookup-multiple-demo.component.ts",
|
|
@@ -14207,7 +14207,7 @@
|
|
|
14207
14207
|
{
|
|
14208
14208
|
"fileName": "lookup-result-templates-demo.component.spec.ts",
|
|
14209
14209
|
"filePath": "/projects/lookup/documentation/code-examples/lookup/result-templates/lookup-result-templates-demo.component.spec.ts",
|
|
14210
|
-
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyInputBoxHarness } from '@skyux/forms/testing';\nimport { SkyLookupHarness } from '@skyux/lookup/testing';\n\nimport { LookupResultTemplatesDemoComponent } from './lookup-result-templates-demo.component';\nimport { LookupResultTemplatesDemoModule } from './lookup-result-templates-demo.module';\nimport { LookupResultTemplatesItemHarness } from './lookup-result-templates-item-harness';\n\ndescribe('Lookup result templates demo', () => {\n async function setupTest(): Promise<{\n lookupHarness: SkyLookupHarness | null;\n fixture: ComponentFixture<LookupResultTemplatesDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(LookupResultTemplatesDemoComponent);\n const loader = TestbedHarnessEnvironment.loader(fixture);\n\n const lookupHarness = await (\n await loader.getHarness(\n SkyInputBoxHarness.with({ dataSkyId: 'favorite-names-field' })\n )\n ).queryHarness(SkyLookupHarness);\n\n return { lookupHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [LookupResultTemplatesDemoModule, NoopAnimationsModule],\n });\n });\n\n it('should set the expected initial value', async () => {\n const { lookupHarness } = await setupTest();\n\n await expectAsync(lookupHarness?.getSelectionsText()).toBeResolvedTo([\n 'Shirley',\n ]);\n });\n\n it('should use the expected dropdown item template', async () => {\n const { lookupHarness } = await setupTest();\n\n await lookupHarness?.enterText('
|
|
14210
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyInputBoxHarness } from '@skyux/forms/testing';\nimport { SkyLookupHarness } from '@skyux/lookup/testing';\n\nimport { LookupResultTemplatesDemoComponent } from './lookup-result-templates-demo.component';\nimport { LookupResultTemplatesDemoModule } from './lookup-result-templates-demo.module';\nimport { LookupResultTemplatesItemHarness } from './lookup-result-templates-item-harness';\n\ndescribe('Lookup result templates demo', () => {\n async function setupTest(): Promise<{\n lookupHarness: SkyLookupHarness | null;\n fixture: ComponentFixture<LookupResultTemplatesDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(LookupResultTemplatesDemoComponent);\n const loader = TestbedHarnessEnvironment.loader(fixture);\n\n const lookupHarness = await (\n await loader.getHarness(\n SkyInputBoxHarness.with({ dataSkyId: 'favorite-names-field' })\n )\n ).queryHarness(SkyLookupHarness);\n\n return { lookupHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [LookupResultTemplatesDemoModule, NoopAnimationsModule],\n });\n });\n\n it('should set the expected initial value', async () => {\n const { lookupHarness } = await setupTest();\n\n await expectAsync(lookupHarness?.getSelectionsText()).toBeResolvedTo([\n 'Shirley',\n ]);\n });\n\n it('should use the expected dropdown item template', async () => {\n const { lookupHarness } = await setupTest();\n\n await lookupHarness?.enterText('be');\n\n const results = await lookupHarness?.getSearchResults();\n const templateItemHarness =\n results &&\n (await results[0].queryHarness(LookupResultTemplatesItemHarness));\n\n await expectAsync(templateItemHarness?.getName()).toBeResolvedTo('Abed');\n await expectAsync(templateItemHarness?.getFormalName()).toBeResolvedTo(\n 'Mr. Nadir'\n );\n });\n\n it('should use the expected modal item template', async () => {\n const { lookupHarness } = await setupTest();\n\n await lookupHarness?.clickShowMoreButton();\n\n const pickerHarness = await lookupHarness?.getShowMorePicker();\n await pickerHarness?.enterSearchText('be');\n\n const results = await pickerHarness?.getSearchResults();\n const templateItemHarness =\n results &&\n (await results[0].queryHarness(LookupResultTemplatesItemHarness));\n\n await expectAsync(templateItemHarness?.getName()).toBeResolvedTo('Abed');\n await expectAsync(templateItemHarness?.getFormalName()).toBeResolvedTo(\n 'Mr. Nadir'\n );\n });\n\n it('should update the form control when a favorite name is selected', async () => {\n const { lookupHarness, fixture } = await setupTest();\n\n await lookupHarness?.enterText('be');\n\n const allResultHarnesses = await lookupHarness?.getSearchResults();\n const firstResultHarness = allResultHarnesses && allResultHarnesses[0];\n await firstResultHarness?.select();\n\n expect(\n fixture.componentInstance.favoritesForm.controls.favoriteNames.value\n ).toEqual([\n { name: 'Shirley', formal: 'Ms. Bennett' },\n { name: 'Abed', formal: 'Mr. Nadir' },\n ]);\n });\n});\n"
|
|
14211
14211
|
},
|
|
14212
14212
|
{
|
|
14213
14213
|
"fileName": "lookup-result-templates-demo.component.ts",
|
|
@@ -14242,7 +14242,7 @@
|
|
|
14242
14242
|
{
|
|
14243
14243
|
"fileName": "lookup-single-demo.component.spec.ts",
|
|
14244
14244
|
"filePath": "/projects/lookup/documentation/code-examples/lookup/single-select/lookup-single-demo.component.spec.ts",
|
|
14245
|
-
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyInputBoxHarness } from '@skyux/forms/testing';\nimport { SkyLookupHarness } from '@skyux/lookup/testing';\n\nimport { LookupSingleSelectDemoComponent } from './lookup-single-demo.component';\nimport { LookupSingleSelectDemoModule } from './lookup-single-demo.module';\n\ndescribe('Lookup single select demo', () => {\n async function setupTest(): Promise<{\n lookupHarness: SkyLookupHarness | null;\n fixture: ComponentFixture<LookupSingleSelectDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(LookupSingleSelectDemoComponent);\n const loader = TestbedHarnessEnvironment.loader(fixture);\n\n const lookupHarness = await (\n await loader.getHarness(\n SkyInputBoxHarness.with({ dataSkyId: 'favorite-name-field' })\n )\n ).queryHarness(SkyLookupHarness);\n\n return { lookupHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [LookupSingleSelectDemoModule, NoopAnimationsModule],\n });\n });\n\n it('should set the expected initial value', async () => {\n const { lookupHarness } = await setupTest();\n\n await expectAsync(lookupHarness?.getValue()).toBeResolvedTo('Shirley');\n });\n\n it('should update the form control when a favorite name is selected', async () => {\n const { lookupHarness, fixture } = await setupTest();\n\n await lookupHarness?.enterText('
|
|
14245
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyInputBoxHarness } from '@skyux/forms/testing';\nimport { SkyLookupHarness } from '@skyux/lookup/testing';\n\nimport { LookupSingleSelectDemoComponent } from './lookup-single-demo.component';\nimport { LookupSingleSelectDemoModule } from './lookup-single-demo.module';\n\ndescribe('Lookup single select demo', () => {\n async function setupTest(): Promise<{\n lookupHarness: SkyLookupHarness | null;\n fixture: ComponentFixture<LookupSingleSelectDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(LookupSingleSelectDemoComponent);\n const loader = TestbedHarnessEnvironment.loader(fixture);\n\n const lookupHarness = await (\n await loader.getHarness(\n SkyInputBoxHarness.with({ dataSkyId: 'favorite-name-field' })\n )\n ).queryHarness(SkyLookupHarness);\n\n return { lookupHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [LookupSingleSelectDemoModule, NoopAnimationsModule],\n });\n });\n\n it('should set the expected initial value', async () => {\n const { lookupHarness } = await setupTest();\n\n await expectAsync(lookupHarness?.getValue()).toBeResolvedTo('Shirley');\n });\n\n it('should update the form control when a favorite name is selected', async () => {\n const { lookupHarness, fixture } = await setupTest();\n\n await lookupHarness?.enterText('be');\n await lookupHarness?.selectSearchResult({\n text: 'Ben',\n });\n\n expect(fixture.componentInstance.favoritesForm.value.favoriteName).toEqual([\n { name: 'Ben' },\n ]);\n });\n});\n"
|
|
14246
14246
|
},
|
|
14247
14247
|
{
|
|
14248
14248
|
"fileName": "lookup-single-demo.component.ts",
|