@skyux/lookup 5.2.1 → 5.5.0-beta.0

package/documentation.json

@@ -44,6 +44,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -102,6 +104,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -160,6 +164,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -348,6 +354,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -402,6 +410,8 @@
                           "name": "any"
                         }
                       ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
                       "name": "ElementRef"
                     }
                   },
@@ -424,6 +434,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -453,6 +465,8 @@
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "Subscription",
+              "package": "rxjs",
               "name": "Subscription"
             }
           },
@@ -499,6 +513,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -539,6 +555,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -587,11 +605,11 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies 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.",
+              "shortText": "Specifies 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.",
               "tags": [
                 {
                   "tag": "default",
-                  "text": "responsive\n"
+                  "text": "\"responsive\"\n"
                 }
               ]
             },
@@ -600,6 +618,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -616,7 +636,7 @@
               "type": "intrinsic",
               "name": "string"
             },
-            "defaultValue": "..."
+            "defaultValue": "EXPAND_MODE_RESPONSIVE"
           },
           {
             "id": 623,
@@ -637,7 +657,7 @@
               "type": "intrinsic",
               "name": "string"
             },
-            "defaultValue": "..."
+            "defaultValue": "INPUT_SHOWN_STATE"
           },
           {
             "id": 621,
@@ -715,7 +735,7 @@
               "tags": [
                 {
                   "tag": "default",
-                  "text": "Find in this list\n"
+                  "text": "\"Find in this list\"\n"
                 }
               ]
             },
@@ -724,6 +744,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -757,6 +779,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -777,6 +801,8 @@
                   "name": "string"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -818,6 +844,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -838,6 +866,8 @@
                   "name": "string"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -858,6 +888,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -878,6 +910,8 @@
                   "name": "void"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -898,6 +932,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1017,6 +1053,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   },
@@ -1070,6 +1108,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "AnimationEvent_2",
+                      "package": "@angular/animations",
                       "name": "AnimationEvent_2"
                     }
                   }
@@ -1112,6 +1152,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "AnimationEvent_2",
+                      "package": "@angular/animations",
                       "name": "AnimationEvent_2"
                     }
                   }
@@ -1154,6 +1196,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "SimpleChanges",
+                      "package": "@angular/core",
                       "name": "SimpleChanges"
                     }
                   }
@@ -1389,14 +1433,20 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnChanges",
+            "package": "@angular/core",
             "name": "OnChanges"
           }
         ]
@@ -1412,6 +1462,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -1470,6 +1522,8 @@
             "name": "Directive",
             "type": {
               "type": "reference",
+              "qualifiedName": "DirectiveDecorator",
+              "package": "@angular/core",
               "name": "Directive"
             },
             "arguments": {
@@ -1513,6 +1567,8 @@
                           "name": "any"
                         }
                       ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
                       "name": "ElementRef"
                     }
                   },
@@ -1524,6 +1580,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "Renderer2",
+                      "package": "@angular/core",
                       "name": "Renderer2"
                     }
                   }
@@ -1549,6 +1607,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1569,7 +1629,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the value for the `autocomplete` attribute on the form input."
+                  "shortText": "Specifies the value for the `autocomplete` attribute on the form input.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"off\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -1643,6 +1709,8 @@
                       "name": "void"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -1661,6 +1729,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1681,7 +1751,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the autocomplete field."
+                  "shortText": "Indicates whether to disable the autocomplete field.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -1810,6 +1886,8 @@
                       "name": "void"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -1900,6 +1978,8 @@
                       "name": "SkyAutocompleteInputTextChange"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -2506,12 +2586,16 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "AbstractControl",
+                      "package": "@angular/forms",
                       "name": "AbstractControl"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ValidationErrors",
+                  "package": "@angular/forms",
                   "name": "ValidationErrors"
                 },
                 "implementationOf": {
@@ -2628,18 +2712,26 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "ControlValueAccessor",
+            "package": "@angular/forms",
             "name": "ControlValueAccessor"
           },
           {
             "type": "reference",
+            "qualifiedName": "Validator",
+            "package": "@angular/forms",
             "name": "Validator"
           }
         ]
@@ -2655,6 +2747,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2692,6 +2786,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -2709,6 +2805,8 @@
                           "name": "any"
                         }
                       ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
                       "name": "ElementRef"
                     }
                   },
@@ -2758,6 +2856,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -2793,6 +2893,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2865,7 +2967,7 @@
               "tags": [
                 {
                   "tag": "default",
-                  "text": "No matches found\n"
+                  "text": "\"No matches found\"\n"
                 }
               ]
             },
@@ -2874,6 +2976,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2944,6 +3048,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -2965,6 +3071,8 @@
                   "name": "SkyAutocompleteSearchAsyncArgs"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -2985,6 +3093,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3059,6 +3169,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3136,6 +3248,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3156,7 +3270,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies how many milliseconds to wait before searching while users\nenter text in the autocomplete field."
+                  "shortText": "Specifies how many milliseconds to wait before searching while users\nenter text in the autocomplete field.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "0\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -3213,6 +3333,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3233,7 +3355,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies an object property to display in the text input after users\nselect an item in the dropdown list."
+                  "shortText": "Specifies an object property to display in the text input after users\nselect an item in the dropdown list.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"name\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -3253,7 +3381,7 @@
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "name\n"
+                      "text": "\"name\"\n"
                     }
                   ]
                 },
@@ -3322,6 +3450,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3342,7 +3472,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the object properties to search."
+                  "shortText": "Specifies the object properties to search.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "[\"name\"]\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "array",
@@ -3365,7 +3501,7 @@
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "['name']\n"
+                      "text": "[\"name\"]\n"
                     }
                   ]
                 },
@@ -3405,6 +3541,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3478,6 +3616,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3508,6 +3648,8 @@
                       "name": "any"
                     }
                   ],
+                  "qualifiedName": "TemplateRef",
+                  "package": "@angular/core",
                   "name": "TemplateRef"
                 }
               }
@@ -3537,6 +3679,8 @@
                           "name": "any"
                         }
                       ],
+                      "qualifiedName": "TemplateRef",
+                      "package": "@angular/core",
                       "name": "TemplateRef"
                     }
                   }
@@ -3593,6 +3737,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3664,6 +3810,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3684,7 +3832,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies 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."
+                  "shortText": "Specifies 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.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "1\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -3741,6 +3895,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -3772,6 +3928,8 @@
                       "name": "SkyAutocompleteSelectionChange"
                     }
                   ],
+                  "qualifiedName": "EventEmitter",
+                  "package": "@angular/core",
                   "name": "EventEmitter"
                 }
               }
@@ -3866,6 +4024,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   }
@@ -3908,6 +4068,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "HTMLElement",
+                      "package": "typescript",
                       "name": "HTMLElement"
                     }
                   }
@@ -4101,6 +4263,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "MouseEvent",
+                      "package": "typescript",
                       "name": "MouseEvent"
                     }
                   }
@@ -4223,14 +4387,20 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterContentInit",
+            "package": "@angular/core",
             "name": "AfterContentInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           }
         ]
@@ -4246,6 +4416,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -4263,7 +4435,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 267,
+                "line": 268,
                 "character": 2
               }
             ],
@@ -4283,6 +4455,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -4300,6 +4474,8 @@
                           "name": "any"
                         }
                       ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
                       "name": "ElementRef"
                     }
                   },
@@ -4322,6 +4498,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "Injector",
+                      "package": "@angular/core",
                       "name": "Injector"
                     }
                   },
@@ -4338,6 +4516,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -4361,6 +4541,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -4393,7 +4575,7 @@
               "tags": [
                 {
                   "tag": "default",
-                  "text": "'off'\n"
+                  "text": "\"off\"\n"
                 }
               ]
             },
@@ -4402,6 +4584,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4430,7 +4614,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 166,
+                "line": 167,
                 "character": 9
               }
             ],
@@ -4456,6 +4640,8 @@
                 "name": "ViewChild",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
                   "name": "ViewChild"
                 },
                 "arguments": {
@@ -4466,7 +4652,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 175,
+                "line": 176,
                 "character": 9
               }
             ],
@@ -4487,12 +4673,14 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 168,
+                "line": 169,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "FormControl",
+              "package": "@angular/forms",
               "name": "FormControl"
             }
           },
@@ -4507,7 +4695,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 229,
+                "line": 230,
                 "character": 9
               }
             ],
@@ -4539,6 +4727,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4547,7 +4737,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 124,
+                "line": 125,
                 "character": 9
               }
             ],
@@ -4581,7 +4771,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 231,
+                "line": 232,
                 "character": 9
               }
             ],
@@ -4601,7 +4791,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 170,
+                "line": 171,
                 "character": 9
               }
             ],
@@ -4622,12 +4812,14 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 372,
+                "line": 373,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "Function",
+              "package": "typescript",
               "name": "Function"
             },
             "defaultValue": "..."
@@ -4643,12 +4835,14 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 375,
+                "line": 376,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "Function",
+              "package": "typescript",
               "name": "Function"
             },
             "defaultValue": "..."
@@ -4664,7 +4858,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 172,
+                "line": 173,
                 "character": 9
               }
             ],
@@ -4690,6 +4884,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -4698,7 +4894,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 164,
+                "line": 165,
                 "character": 9
               }
             ],
@@ -4711,6 +4907,8 @@
                   "name": "SkyCountryFieldCountry"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -4728,6 +4926,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4748,7 +4948,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies 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."
+                  "shortText": "Specifies 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.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"us\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -4768,7 +4974,7 @@
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "us\n"
+                      "text": "\"us\"\n"
                     }
                   ]
                 },
@@ -4805,6 +5011,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4813,7 +5021,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 103,
+                "line": 104,
                 "character": 13
               }
             ],
@@ -4825,7 +5033,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the country field."
+                  "shortText": "Indicates whether to disable the country field.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -4841,7 +5055,13 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the country field."
+                  "shortText": "Indicates whether to disable the country field.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "parameters": [
                   {
@@ -4876,6 +5096,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4884,7 +5106,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 131,
+                "line": 132,
                 "character": 13
               }
             ],
@@ -4896,7 +5118,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to include phone information in the selected country and country dropdown."
+                  "shortText": "Indicates whether to include phone information in the selected country and country dropdown.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -4951,7 +5179,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 177,
+                "line": 178,
                 "character": 13
               }
             ],
@@ -5010,6 +5238,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -5018,7 +5248,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 146,
+                "line": 147,
                 "character": 13
               }
             ],
@@ -5085,7 +5315,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 322,
+                "line": 323,
                 "character": 9
               }
             ],
@@ -5122,7 +5352,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 377,
+                "line": 378,
                 "character": 9
               }
             ],
@@ -5204,7 +5434,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 381,
+                "line": 382,
                 "character": 9
               }
             ],
@@ -5273,7 +5503,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 386,
+                "line": 387,
                 "character": 9
               }
             ],
@@ -5323,7 +5553,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 390,
+                "line": 391,
                 "character": 9
               }
             ],
@@ -5343,12 +5573,16 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "AbstractControl",
+                      "package": "@angular/forms",
                       "name": "AbstractControl"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ValidationErrors",
+                  "package": "@angular/forms",
                   "name": "ValidationErrors"
                 },
                 "implementationOf": {
@@ -5373,7 +5607,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 404,
+                "line": 405,
                 "character": 9
               }
             ],
@@ -5475,22 +5709,32 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "ControlValueAccessor",
+            "package": "@angular/forms",
             "name": "ControlValueAccessor"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "Validator",
+            "package": "@angular/forms",
             "name": "Validator"
           }
         ]
@@ -5506,6 +5750,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -5543,6 +5789,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -5560,6 +5808,8 @@
                           "name": "any"
                         }
                       ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
                       "name": "ElementRef"
                     }
                   },
@@ -5585,6 +5835,8 @@
                         "name": "Self",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "SelfDecorator",
+                          "package": "@angular/core",
                           "name": "Self"
                         },
                         "arguments": {}
@@ -5593,6 +5845,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -5600,6 +5854,8 @@
                     ],
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "NgControl",
+                      "package": "@angular/forms",
                       "name": "NgControl"
                     }
                   },
@@ -5649,6 +5905,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -5672,6 +5930,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -5715,6 +5975,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -5736,6 +5998,8 @@
                   "name": "SkyLookupAddClickEventArgs"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -5756,6 +6020,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -5789,6 +6055,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -5828,6 +6096,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -5868,6 +6138,8 @@
                   "name": "SkyAutocompleteMessage"
                 }
               ],
+              "qualifiedName": "Subject",
+              "package": "rxjs",
               "name": "Subject"
             },
             "defaultValue": "..."
@@ -5894,6 +6166,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -5931,6 +6205,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -5965,6 +6241,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -5999,6 +6277,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6067,6 +6347,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6097,6 +6379,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -6118,6 +6402,8 @@
                   "name": "SkyAutocompleteSearchAsyncArgs"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "...",
@@ -6142,6 +6428,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6183,6 +6471,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6203,6 +6493,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "TemplateRef",
+              "package": "@angular/core",
               "name": "TemplateRef"
             },
             "inheritedFrom": {
@@ -6226,6 +6518,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6269,6 +6563,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6306,6 +6602,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6340,6 +6638,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6395,6 +6695,8 @@
                   "name": "SkyTokensMessage"
                 }
               ],
+              "qualifiedName": "Subject",
+              "package": "rxjs",
               "name": "Subject"
             },
             "defaultValue": "..."
@@ -6412,6 +6714,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6432,7 +6736,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a 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."
+                  "shortText": "Specifies a 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.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "[]\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "array",
@@ -6495,6 +6805,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6515,11 +6827,21 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies an object property to display in the text input after users\nselect an item in the dropdown list."
+                  "shortText": "Specifies an object property to display in the text input after users\nselect an item in the dropdown list.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"name\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
                   "name": "string"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyLookupAutocompleteAdapter.descriptorProperty"
                 }
               }
             ],
@@ -6535,7 +6857,7 @@
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "name\n"
+                      "text": "\"name\"\n"
                     }
                   ]
                 },
@@ -6555,9 +6877,17 @@
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyLookupAutocompleteAdapter.descriptorProperty"
                 }
               }
-            ]
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyLookupAutocompleteAdapter.descriptorProperty"
+            }
           },
           {
             "id": 517,
@@ -6572,6 +6902,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6592,7 +6924,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies an array of object properties to search."
+                  "shortText": "Specifies an array of object properties to search.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "[\"name\"]\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "array",
@@ -6600,6 +6938,10 @@
                     "type": "intrinsic",
                     "name": "string"
                   }
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyLookupAutocompleteAdapter.propertiesToSearch"
                 }
               }
             ],
@@ -6615,7 +6957,7 @@
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "['name']\n"
+                      "text": "[\"name\"]\n"
                     }
                   ]
                 },
@@ -6638,9 +6980,17 @@
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyLookupAutocompleteAdapter.propertiesToSearch"
                 }
               }
-            ]
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyLookupAutocompleteAdapter.propertiesToSearch"
+            }
           },
           {
             "id": 521,
@@ -6655,6 +7005,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6681,6 +7033,10 @@
                   "type": "reference",
                   "id": 548,
                   "name": "SkyAutocompleteSearchFunction"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyLookupAutocompleteAdapter.search"
                 }
               }
             ],
@@ -6711,9 +7067,17 @@
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyLookupAutocompleteAdapter.search"
                 }
               }
-            ]
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyLookupAutocompleteAdapter.search"
+            }
           },
           {
             "id": 385,
@@ -6728,6 +7092,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -6748,7 +7114,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies whether users can select one option or multiple options."
+                  "shortText": "Specifies whether users can select one option or multiple options.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"mulitple\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "reference",
@@ -7005,6 +7377,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   },
@@ -7058,6 +7432,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   }
@@ -7516,6 +7892,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   }
@@ -7946,18 +8324,26 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "ControlValueAccessor",
+            "package": "@angular/forms",
             "name": "ControlValueAccessor"
           }
         ]
@@ -8065,6 +8451,8 @@
                   "name": "SkyAutocompleteSearchAsyncResult"
                 }
               ],
+              "qualifiedName": "Observable",
+              "package": "rxjs",
               "name": "Observable"
             }
           },
@@ -8717,6 +9105,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "TemplateRef",
+              "package": "@angular/core",
               "name": "TemplateRef"
             }
           },
@@ -8733,7 +9123,7 @@
               "tags": [
                 {
                   "tag": "default",
-                  "text": "'Select an option/Select options'\n"
+                  "text": "\"Select an option/Select options\"\n"
                 }
               ]
             },
@@ -8818,7 +9208,7 @@
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-function.ts",
+                "fileName": "lib/modules/autocomplete/types/autocomplete-search-function.ts",
                 "line": 3,
                 "character": 44
               }
@@ -8890,7 +9280,7 @@
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-function-filter.ts",
+                "fileName": "lib/modules/autocomplete/types/autocomplete-search-function-filter.ts",
                 "line": 1,
                 "character": 50
               }
@@ -8969,6 +9359,8 @@
                   }
                 }
               ],
+              "qualifiedName": "Promise",
+              "package": "typescript",
               "name": "Promise"
             }
           ]
@@ -9048,7 +9440,7 @@
     ],
     "sources": [
       {
-        "fileName": "projects/lookup/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
@@ -9130,6 +9522,26 @@
       "filePath": "/projects/lookup/documentation/code-examples/country-field/basic/country-field-demo.module.ts",
       "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyCountryFieldModule } from '@skyux/lookup';\n\nimport { CountryFieldDemoComponent } from './country-field-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCountryFieldModule,\n    SkyInputBoxModule,\n  ],\n  declarations: [CountryFieldDemoComponent],\n  exports: [CountryFieldDemoComponent],\n})\nexport class CountryFieldDemoModule {}\n"
     },
+    {
+      "fileName": "lookup-async-demo.component.html",
+      "filePath": "/projects/lookup/documentation/code-examples/lookup/async/lookup-async-demo.component.html",
+      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"sky-form-group\">\n    <sky-input-box>\n      <label class=\"sky-control-label\" skyId #nameLabel=\"skyId\">\n        Favorite name\n      </label>\n      <sky-lookup\n        formControlName=\"name\"\n        selectMode=\"single\"\n        [ariaLabelledBy]=\"nameLabel.id\"\n        [data]=\"people\"\n        [searchFilters]=\"getSearchFilters()\"\n        (searchAsync)=\"searchAsync($event)\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button class=\"sky-btn sky-btn-default\" type=\"submit\">Submit</button>\n</form>\n"
+    },
+    {
+      "fileName": "lookup-async-demo.component.scss",
+      "filePath": "/projects/lookup/documentation/code-examples/lookup/async/lookup-async-demo.component.scss",
+      "rawContents": ".lookup-demo-alert {\n  padding: 10px;\n  margin-bottom: 10px;\n  border: 1px solid #cdcfd2;\n  border-radius: 3px;\n}\n\n.lookup-demo-alert pre {\n  margin: 0;\n}\n"
+    },
+    {
+      "fileName": "lookup-async-demo.component.ts",
+      "filePath": "/projects/lookup/documentation/code-examples/lookup/async/lookup-async-demo.component.ts",
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyAutocompleteSearchAsyncArgs } from 'lookup';\n\nimport {\n  SkyAutocompleteSearchAsyncResult,\n  SkyAutocompleteSearchFunctionFilter,\n} from '@skyux/lookup';\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'app-async-lookup-demo',\n  templateUrl: './lookup-async-demo.component.html',\n  styleUrls: ['./lookup-async-demo.component.scss'],\n})\nexport class LookupAsyncDemoComponent implements OnInit {\n  public myForm: FormGroup;\n\n  public people: any[] = [\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  public name: any[] = [this.people[15]];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n\n    // If you need to execute some logic after the lookup values change,\n    // subscribe to Angular's built-in value changes observable.\n    this.myForm.valueChanges.subscribe((changes) => {\n      console.log('Lookup value changes:', changes);\n    });\n  }\n\n  // Only show people in the search results that have not been chosen already.\n  public getSearchFilters(): SkyAutocompleteSearchFunctionFilter[] {\n    const name: any[] = this.myForm.controls.name.value;\n    return [\n      (searchText: string, item: any): boolean => {\n        const found = name.find((option) => option.name === item.name);\n        return !found;\n      },\n    ];\n  }\n\n  public onSubmit(): void {\n    alert('Form submitted with: ' + JSON.stringify(this.myForm.value));\n  }\n\n  public searchAsync($event: SkyAutocompleteSearchAsyncArgs) {\n    const result = new Subject<SkyAutocompleteSearchAsyncResult>();\n    $event.result = result;\n    setTimeout(() => {\n      const searchText = $event.searchText.toLowerCase();\n      const items = this.people.filter((person) => {\n        return person.name.toLowerCase().includes(searchText);\n      });\n      result.next({\n        hasMore: false,\n        items,\n        totalCount: items.length,\n      });\n    }, 800);\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      name: new FormControl(this.name),\n    });\n  }\n}\n"
+    },
+    {
+      "fileName": "lookup-async-demo.module.ts",
+      "filePath": "/projects/lookup/documentation/code-examples/lookup/async/lookup-async-demo.module.ts",
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyLookupModule } from '@skyux/lookup';\n\nimport { LookupAsyncDemoComponent } from './lookup-async-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n  ],\n  declarations: [LookupAsyncDemoComponent],\n  exports: [LookupAsyncDemoComponent],\n})\nexport class LookupAsyncDemoModule {}\n"
+    },
     {
       "fileName": "lookup-custom-picker-demo-modal.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-demo-modal.component.html",
@@ -9236,4 +9648,4 @@
       "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyToolbarModule } from '@skyux/layout';\n\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { SearchDemoComponent } from './search-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyRepeaterModule, SkySearchModule, SkyToolbarModule],\n  declarations: [SearchDemoComponent],\n  exports: [SearchDemoComponent],\n})\nexport class SearchDemoModule {}\n"
     }
   ]
-}
+}