@skyux/lookup 5.9.3 → 5.9.4
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 +4 -4
- package/package.json +10 -10
package/documentation.json
CHANGED
|
@@ -9332,7 +9332,7 @@
|
|
|
9332
9332
|
{
|
|
9333
9333
|
"fileName": "autocomplete-demo.component.html",
|
|
9334
9334
|
"filePath": "/projects/lookup/documentation/code-examples/autocomplete/advanced/autocomplete-demo.component.html",
|
|
9335
|
-
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <div class=\"sky-margin-stacked-
|
|
9335
|
+
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <div class=\"sky-margin-stacked-lg\">\n The following field:<br />\n <ul>\n <li>utilizes a custom search result template,</li>\n <li>searches against the name and description properties,</li>\n <li>limits the search results to two,</li>\n <li>runs the search if the query is at least three characters long,</li>\n <li>and fires an event when a selection is made.</li>\n </ul>\n </div>\n\n <div class=\"sky-form-group\">\n <label class=\"sky-control-label\" [for]=\"planetInput.id\">\n Farthest planet from the sun\n </label>\n <sky-autocomplete\n [data]=\"planets\"\n [propertiesToSearch]=\"['name', 'description']\"\n [searchResultsLimit]=\"2\"\n [searchResultTemplate]=\"planetSearchResultTemplate\"\n [searchTextMinimumCharacters]=\"3\"\n (selectionChange)=\"onPlanetSelection($event)\"\n >\n <input\n formControlName=\"farthestPlanet\"\n skyAutocomplete\n skyId\n type=\"text\"\n #planetInput\n />\n </sky-autocomplete>\n </div>\n <p class=\"sky-font-emphasized\">Form model:</p>\n <pre>{{ myForm.value | json }}</pre>\n</form>\n\n<ng-template let-item=\"item\" #planetSearchResultTemplate>\n <strong>\n {{ item.name }}\n </strong>\n <br />\n {{ item.description }}\n</ng-template>\n"
|
|
9336
9336
|
},
|
|
9337
9337
|
{
|
|
9338
9338
|
"fileName": "autocomplete-demo.component.ts",
|
|
@@ -9347,7 +9347,7 @@
|
|
|
9347
9347
|
{
|
|
9348
9348
|
"fileName": "autocomplete-demo.component.html",
|
|
9349
9349
|
"filePath": "/projects/lookup/documentation/code-examples/autocomplete/basic/autocomplete-demo.component.html",
|
|
9350
|
-
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <div class=\"sky-form-group\">\n <label class=\"sky-control-label\" [for]=\"favoriteColorInput.id\">\n Favorite color\n </label>\n <sky-autocomplete [data]=\"colors\">\n <input\n formControlName=\"favoriteColor\"\n id=\"my-autocomplete-reactive-basic\"\n type=\"text\"\n skyAutocomplete\n skyId\n #favoriteColorInput\n />\n </sky-autocomplete>\n </div>\n <p class=\"sky-emphasized\">Form model:</p>\n <pre>{{ myForm.value | json }}</pre>\n</form>\n"
|
|
9350
|
+
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <div class=\"sky-form-group\">\n <label class=\"sky-control-label\" [for]=\"favoriteColorInput.id\">\n Favorite color\n </label>\n <sky-autocomplete [data]=\"colors\">\n <input\n formControlName=\"favoriteColor\"\n id=\"my-autocomplete-reactive-basic\"\n type=\"text\"\n skyAutocomplete\n skyId\n #favoriteColorInput\n />\n </sky-autocomplete>\n </div>\n <p class=\"sky-font-emphasized\">Form model:</p>\n <pre>{{ myForm.value | json }}</pre>\n</form>\n"
|
|
9351
9351
|
},
|
|
9352
9352
|
{
|
|
9353
9353
|
"fileName": "autocomplete-demo.component.ts",
|
|
@@ -9362,7 +9362,7 @@
|
|
|
9362
9362
|
{
|
|
9363
9363
|
"fileName": "autocomplete-demo.component.html",
|
|
9364
9364
|
"filePath": "/projects/lookup/documentation/code-examples/autocomplete/custom-search/autocomplete-demo.component.html",
|
|
9365
|
-
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <p>\n The following field has a preselected value and utilizes a custom search\n function, as well as a custom template for the search results.\n </p>\n <div class=\"sky-form-group\">\n <label class=\"sky-control-label\" [for]=\"largestOceanInput.id\">\n Largest ocean\n </label>\n <sky-autocomplete\n descriptorProperty=\"title\"\n [data]=\"oceans\"\n [search]=\"getOceanSearchFunction()\"\n [searchResultTemplate]=\"oceanSearchResultTemplate\"\n >\n <input\n formControlName=\"largestOcean\"\n type=\"text\"\n skyAutocomplete\n skyId\n #largestOceanInput=\"skyId\"\n />\n </sky-autocomplete>\n </div>\n <p class=\"sky-emphasized\">Form model:</p>\n <pre>{{ myForm.value | json }}</pre>\n</form>\n\n<ng-template let-item=\"item\" #oceanSearchResultTemplate>\n <sky-icon icon=\"long-arrow-right\"></sky-icon>\n {{ item.title }} • ID {{ item.id }}\n</ng-template>\n"
|
|
9365
|
+
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <p>\n The following field has a preselected value and utilizes a custom search\n function, as well as a custom template for the search results.\n </p>\n <div class=\"sky-form-group\">\n <label class=\"sky-control-label\" [for]=\"largestOceanInput.id\">\n Largest ocean\n </label>\n <sky-autocomplete\n descriptorProperty=\"title\"\n [data]=\"oceans\"\n [search]=\"getOceanSearchFunction()\"\n [searchResultTemplate]=\"oceanSearchResultTemplate\"\n >\n <input\n formControlName=\"largestOcean\"\n type=\"text\"\n skyAutocomplete\n skyId\n #largestOceanInput=\"skyId\"\n />\n </sky-autocomplete>\n </div>\n <p class=\"sky-font-emphasized\">Form model:</p>\n <pre>{{ myForm.value | json }}</pre>\n</form>\n\n<ng-template let-item=\"item\" #oceanSearchResultTemplate>\n <sky-icon icon=\"long-arrow-right\"></sky-icon>\n {{ item.title }} • ID {{ item.id }}\n</ng-template>\n"
|
|
9366
9366
|
},
|
|
9367
9367
|
{
|
|
9368
9368
|
"fileName": "autocomplete-demo.component.ts",
|
|
@@ -9377,7 +9377,7 @@
|
|
|
9377
9377
|
{
|
|
9378
9378
|
"fileName": "autocomplete-demo.component.html",
|
|
9379
9379
|
"filePath": "/projects/lookup/documentation/code-examples/autocomplete/search-filters/autocomplete-demo.component.html",
|
|
9380
|
-
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <p>\n The following field provides a custom function that filters the data before\n every search attempt.\n </p>\n <div class=\"sky-form-group\">\n <label class=\"sky-control-label\" [for]=\"favoriteColorInput.id\">\n Color (\"Red\" is not available)\n </label>\n <sky-autocomplete [data]=\"colors\" [searchFilters]=\"searchFilters\">\n <input\n formControlName=\"favoriteColor\"\n skyAutocomplete\n skyId\n type=\"text\"\n #favoriteColorInput=\"skyId\"\n />\n </sky-autocomplete>\n </div>\n <p class=\"sky-emphasized\">Form model:</p>\n <pre>{{ myForm.value | json }}</pre>\n</form>\n"
|
|
9380
|
+
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <p>\n The following field provides a custom function that filters the data before\n every search attempt.\n </p>\n <div class=\"sky-form-group\">\n <label class=\"sky-control-label\" [for]=\"favoriteColorInput.id\">\n Color (\"Red\" is not available)\n </label>\n <sky-autocomplete [data]=\"colors\" [searchFilters]=\"searchFilters\">\n <input\n formControlName=\"favoriteColor\"\n skyAutocomplete\n skyId\n type=\"text\"\n #favoriteColorInput=\"skyId\"\n />\n </sky-autocomplete>\n </div>\n <p class=\"sky-font-emphasized\">Form model:</p>\n <pre>{{ myForm.value | json }}</pre>\n</form>\n"
|
|
9381
9381
|
},
|
|
9382
9382
|
{
|
|
9383
9383
|
"fileName": "autocomplete-demo.component.ts",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/lookup",
|
|
3
|
-
"version": "5.9.
|
|
3
|
+
"version": "5.9.4",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -21,15 +21,15 @@
|
|
|
21
21
|
"@angular/core": "^12.2.16",
|
|
22
22
|
"@angular/forms": "^12.2.16",
|
|
23
23
|
"@angular/platform-browser": "^12.2.16",
|
|
24
|
-
"@skyux-sdk/testing": "5.9.
|
|
25
|
-
"@skyux/core": "5.9.
|
|
26
|
-
"@skyux/forms": "5.9.
|
|
27
|
-
"@skyux/i18n": "5.9.
|
|
28
|
-
"@skyux/indicators": "5.9.
|
|
29
|
-
"@skyux/layout": "5.9.
|
|
30
|
-
"@skyux/lists": "5.9.
|
|
31
|
-
"@skyux/modals": "5.9.
|
|
32
|
-
"@skyux/theme": "5.9.
|
|
24
|
+
"@skyux-sdk/testing": "5.9.4",
|
|
25
|
+
"@skyux/core": "5.9.4",
|
|
26
|
+
"@skyux/forms": "5.9.4",
|
|
27
|
+
"@skyux/i18n": "5.9.4",
|
|
28
|
+
"@skyux/indicators": "5.9.4",
|
|
29
|
+
"@skyux/layout": "5.9.4",
|
|
30
|
+
"@skyux/lists": "5.9.4",
|
|
31
|
+
"@skyux/modals": "5.9.4",
|
|
32
|
+
"@skyux/theme": "5.9.4"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"intl-tel-input": "17.0.16",
|