@skyux/lookup 12.40.0 → 12.41.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-lookup.mjs +16 -12
- package/fesm2022/skyux-lookup.mjs.map +1 -1
- package/lib/modules/autocomplete/autocomplete.component.d.ts +12 -9
- package/lib/modules/lookup/lookup-autocomplete-adapter.d.ts +4 -4
- package/lib/modules/lookup/lookup.component.d.ts +3 -2
- package/package.json +11 -11
|
@@ -531,8 +531,10 @@ let uniqueId$1 = 0;
|
|
|
531
531
|
class SkyAutocompleteComponent {
|
|
532
532
|
/**
|
|
533
533
|
* The static data source for the autocomplete component to search
|
|
534
|
-
* when users enter text. For a dynamic data source such as an array that
|
|
534
|
+
* when users enter text. For a dynamic data source, such as an array that
|
|
535
535
|
* changes due to server calls, use `search` or `searchAsync` instead.
|
|
536
|
+
* You can specify static data, such as an array of objects,
|
|
537
|
+
* or you can pull data from a database.
|
|
536
538
|
*/
|
|
537
539
|
set data(value) {
|
|
538
540
|
this.#_data = value ?? [];
|
|
@@ -597,7 +599,7 @@ class SkyAutocompleteComponent {
|
|
|
597
599
|
return this.#_propertiesToSearch;
|
|
598
600
|
}
|
|
599
601
|
/**
|
|
600
|
-
* The function that dynamically manages the data
|
|
602
|
+
* The function that dynamically manages the data to display in search results when users
|
|
601
603
|
* change the text in the autocomplete field. The search function must return
|
|
602
604
|
* an array or a promise of an array. The `search` property is particularly
|
|
603
605
|
* useful when the data source does not live in the source code.
|
|
@@ -628,11 +630,12 @@ class SkyAutocompleteComponent {
|
|
|
628
630
|
return this.#_searchTextMinimumCharacters;
|
|
629
631
|
}
|
|
630
632
|
/**
|
|
631
|
-
* The array of functions to call against each search result
|
|
632
|
-
*
|
|
633
|
-
*
|
|
633
|
+
* The array of functions to call against each search result. This filters
|
|
634
|
+
* the search results when using the `data` input and the default search function.
|
|
635
|
+
* When the `search` property specifies a custom search function, you must
|
|
634
636
|
* manually apply filters inside that function. The function must return `true`
|
|
635
637
|
* or `false` for each result to indicate whether to display it in the dropdown list.
|
|
638
|
+
*
|
|
636
639
|
* @deprecated We recommend against using this property. To filter results, use the `searchAsync` event instead.
|
|
637
640
|
*/
|
|
638
641
|
set searchFilters(value) {
|
|
@@ -789,14 +792,14 @@ class SkyAutocompleteComponent {
|
|
|
789
792
|
*/
|
|
790
793
|
this.searchAsyncDisabled = false;
|
|
791
794
|
/**
|
|
792
|
-
* Allows
|
|
795
|
+
* Allows users to specify arbitrary values not in the search results.
|
|
793
796
|
* @default false
|
|
794
797
|
*/
|
|
795
798
|
this.allowAnyValue = input(false, { transform: booleanAttribute });
|
|
796
799
|
/**
|
|
797
|
-
* Highlights the search text in each search result. Set this to false
|
|
798
|
-
* when your search
|
|
799
|
-
* returning "Bob" for
|
|
800
|
+
* Highlights the search text in each search result. Set this to `false`
|
|
801
|
+
* when your search returns results that aren't exact text matches, such as
|
|
802
|
+
* returning "Bob" for "Robert."
|
|
800
803
|
* @default true
|
|
801
804
|
*/
|
|
802
805
|
this.highlightSearchText = input(true, { transform: booleanAttribute });
|
|
@@ -2659,7 +2662,7 @@ class SkyLookupAutocompleteAdapter {
|
|
|
2659
2662
|
constructor() {
|
|
2660
2663
|
/**
|
|
2661
2664
|
* Fires when users enter new search information and allows results to be
|
|
2662
|
-
* returned via an observable. The event is also fired
|
|
2665
|
+
* returned via an observable. The event is also fired
|
|
2663
2666
|
* when the "Show more" picker is opened without search text.
|
|
2664
2667
|
*/
|
|
2665
2668
|
this.searchAsync = new EventEmitter();
|
|
@@ -2694,7 +2697,7 @@ class SkyLookupAutocompleteAdapter {
|
|
|
2694
2697
|
return this.#_propertiesToSearch;
|
|
2695
2698
|
}
|
|
2696
2699
|
/**
|
|
2697
|
-
* The function
|
|
2700
|
+
* The function that dynamically manages the data to display in search results when users
|
|
2698
2701
|
* change the text in the lookup field. The search function must return
|
|
2699
2702
|
* an array or a promise of an array. The `search` property is particularly
|
|
2700
2703
|
* useful when the data source does not live in the source code.
|
|
@@ -3067,8 +3070,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
3067
3070
|
class SkyLookupComponent extends SkyLookupAutocompleteAdapter {
|
|
3068
3071
|
/**
|
|
3069
3072
|
* The data source for the lookup component to search when users
|
|
3070
|
-
* enter text. You can specify static data such as an array of objects, or
|
|
3073
|
+
* enter text. You can specify static data, such as an array of objects, or
|
|
3071
3074
|
* you can pull data from a database.
|
|
3075
|
+
*
|
|
3072
3076
|
* @default []
|
|
3073
3077
|
* @deprecated Use the `searchAsync` event emitter and callback instead to provide data to the lookup component.
|
|
3074
3078
|
*/
|