@skyux/lookup 5.5.0-beta.0 → 5.6.1

package/documentation.json

@@ -88,7 +88,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.module.ts",
-            "line": 50,
+            "line": 44,
             "character": 13
           }
         ]
@@ -148,7 +148,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/country-field/country-field.module.ts",
-            "line": 33,
+            "line": 27,
             "character": 13
           }
         ]
@@ -208,7 +208,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/lookup.module.ts",
-            "line": 56,
+            "line": 57,
             "character": 13
           }
         ]
@@ -373,7 +373,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 134,
+                "line": 131,
                 "character": 2
               }
             ],
@@ -459,7 +459,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 126,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -481,7 +481,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 130,
+                "line": 127,
                 "character": 9
               }
             ],
@@ -523,7 +523,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 104,
+                "line": 101,
                 "character": 9
               }
             ],
@@ -565,7 +565,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 111,
+                "line": 108,
                 "character": 9
               }
             ],
@@ -586,7 +586,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 129,
+                "line": 126,
                 "character": 9
               }
             ],
@@ -628,7 +628,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 97,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -649,7 +649,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 125,
+                "line": 122,
                 "character": 9
               }
             ],
@@ -670,7 +670,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 115,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -691,7 +691,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 113,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -712,7 +712,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 128,
+                "line": 125,
                 "character": 9
               }
             ],
@@ -754,7 +754,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 123,
+                "line": 120,
                 "character": 9
               }
             ],
@@ -789,7 +789,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 69,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -818,7 +818,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 127,
+                "line": 124,
                 "character": 9
               }
             ],
@@ -854,7 +854,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 75,
+                "line": 72,
                 "character": 9
               }
             ],
@@ -898,7 +898,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 81,
+                "line": 78,
                 "character": 9
               }
             ],
@@ -942,7 +942,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 87,
+                "line": 84,
                 "character": 9
               }
             ],
@@ -962,7 +962,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 204,
+                "line": 201,
                 "character": 9
               }
             ],
@@ -1004,7 +1004,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 186,
+                "line": 183,
                 "character": 9
               }
             ],
@@ -1033,7 +1033,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 198,
+                "line": 195,
                 "character": 9
               }
             ],
@@ -1088,7 +1088,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 250,
+                "line": 247,
                 "character": 9
               }
             ],
@@ -1132,7 +1132,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 236,
+                "line": 233,
                 "character": 9
               }
             ],
@@ -1176,7 +1176,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 159,
+                "line": 156,
                 "character": 9
               }
             ],
@@ -1228,7 +1228,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 268,
+                "line": 265,
                 "character": 9
               }
             ],
@@ -1265,7 +1265,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 141,
+                "line": 138,
                 "character": 9
               }
             ],
@@ -1302,7 +1302,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 221,
+                "line": 218,
                 "character": 9
               }
             ],
@@ -1344,7 +1344,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 226,
+                "line": 223,
                 "character": 9
               }
             ],
@@ -1426,7 +1426,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/search/search.component.ts",
-            "line": 64,
+            "line": 61,
             "character": 13
           }
         ],
@@ -1506,7 +1506,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/search/search.module.ts",
-            "line": 32,
+            "line": 26,
             "character": 13
           }
         ]
@@ -1541,7 +1541,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 165,
+                "line": 163,
                 "character": 2
               }
             ],
@@ -1617,7 +1617,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 52,
+                "line": 50,
                 "character": 13
               }
             ],
@@ -1690,7 +1690,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 84,
+                "line": 82,
                 "character": 13
               }
             ],
@@ -1739,7 +1739,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 75,
+                "line": 73,
                 "character": 13
               }
             ],
@@ -1812,7 +1812,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 88,
+                "line": 86,
                 "character": 13
               }
             ],
@@ -1867,7 +1867,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 104,
+                "line": 102,
                 "character": 13
               }
             ],
@@ -1904,7 +1904,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 108,
+                "line": 106,
                 "character": 13
               }
             ],
@@ -1959,7 +1959,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 116,
+                "line": 114,
                 "character": 13
               }
             ],
@@ -1996,7 +1996,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 120,
+                "line": 118,
                 "character": 13
               }
             ],
@@ -2051,7 +2051,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 212,
+                "line": 210,
                 "character": 9
               }
             ],
@@ -2088,7 +2088,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 167,
+                "line": 165,
                 "character": 9
               }
             ],
@@ -2125,7 +2125,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 279,
+                "line": 277,
                 "character": 9
               }
             ],
@@ -2167,7 +2167,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 281,
+                "line": 279,
                 "character": 9
               }
             ],
@@ -2196,7 +2196,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 283,
+                "line": 281,
                 "character": 9
               }
             ],
@@ -2225,7 +2225,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 226,
+                "line": 224,
                 "character": 9
               }
             ],
@@ -2307,7 +2307,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 230,
+                "line": 228,
                 "character": 9
               }
             ],
@@ -2376,7 +2376,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 234,
+                "line": 232,
                 "character": 9
               }
             ],
@@ -2445,7 +2445,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 238,
+                "line": 236,
                 "character": 9
               }
             ],
@@ -2474,7 +2474,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 262,
+                "line": 260,
                 "character": 9
               }
             ],
@@ -2516,7 +2516,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 250,
+                "line": 248,
                 "character": 9
               }
             ],
@@ -2566,7 +2566,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 254,
+                "line": 252,
                 "character": 9
               }
             ],
@@ -2620,7 +2620,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 222,
+                "line": 220,
                 "character": 9
               }
             ],
@@ -2705,7 +2705,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-            "line": 44,
+            "line": 42,
             "character": 13
           }
         ],
@@ -2766,7 +2766,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 438,
+                "line": 442,
                 "character": 2
               }
             ],
@@ -2903,7 +2903,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 80,
+                "line": 78,
                 "character": 9
               }
             ],
@@ -2923,7 +2923,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 302,
+                "line": 306,
                 "character": 9
               }
             ],
@@ -2944,7 +2944,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 314,
+                "line": 318,
                 "character": 9
               }
             ],
@@ -3006,7 +3006,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 304,
+                "line": 308,
                 "character": 9
               }
             ],
@@ -3026,7 +3026,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 306,
+                "line": 310,
                 "character": 9
               }
             ],
@@ -3043,6 +3043,9 @@
             "flags": {
               "isPublic": true
             },
+            "comment": {
+              "shortText": "Fires when users enter new search information and allows results to be\nreturned via an observable."
+            },
             "decorators": [
               {
                 "name": "Output",
@@ -3058,7 +3061,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 288,
+                "line": 292,
                 "character": 9
               }
             ],
@@ -3127,7 +3130,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 316,
+                "line": 320,
                 "character": 9
               }
             ],
@@ -3147,7 +3150,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 308,
+                "line": 312,
                 "character": 9
               }
             ],
@@ -3179,7 +3182,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 88,
+                "line": 86,
                 "character": 13
               }
             ],
@@ -3191,7 +3194,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a 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 the `search` property instead."
+                  "shortText": "Specifies a 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."
                 },
                 "type": {
                   "type": "array",
@@ -3210,7 +3213,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a 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 the `search` property instead."
+                  "shortText": "Specifies a 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."
                 },
                 "parameters": [
                   {
@@ -3258,7 +3261,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 102,
+                "line": 100,
                 "character": 13
               }
             ],
@@ -3343,7 +3346,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 116,
+                "line": 114,
                 "character": 13
               }
             ],
@@ -3416,7 +3419,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 298,
+                "line": 302,
                 "character": 13
               }
             ],
@@ -3460,7 +3463,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 156,
+                "line": 154,
                 "character": 13
               }
             ],
@@ -3563,7 +3566,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a function to dynamically manage 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."
+                  "shortText": "Specifies a function to dynamically manage 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. If the\nsearch requires calling a remote data source, use `searchAsync` instead of\n`search`."
                 },
                 "type": {
                   "type": "reference",
@@ -3580,7 +3583,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a function to dynamically manage 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."
+                  "shortText": "Specifies a function to dynamically manage 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. If the\nsearch requires calling a remote data source, use `searchAsync` instead of\n`search`."
                 },
                 "parameters": [
                   {
@@ -3703,7 +3706,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 294,
+                "line": 298,
                 "character": 13
               }
             ],
@@ -3946,7 +3949,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 310,
+                "line": 314,
                 "character": 13
               }
             ],
@@ -3975,7 +3978,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 477,
+                "line": 481,
                 "character": 9
               }
             ],
@@ -4004,7 +4007,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 483,
+                "line": 487,
                 "character": 9
               }
             ],
@@ -4048,7 +4051,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 592,
+                "line": 596,
                 "character": 9
               }
             ],
@@ -4092,7 +4095,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 564,
+                "line": 568,
                 "character": 9
               }
             ],
@@ -4121,7 +4124,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 451,
+                "line": 455,
                 "character": 9
               }
             ],
@@ -4158,7 +4161,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 463,
+                "line": 467,
                 "character": 9
               }
             ],
@@ -4195,7 +4198,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 467,
+                "line": 471,
                 "character": 9
               }
             ],
@@ -4232,7 +4235,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 570,
+                "line": 574,
                 "character": 9
               }
             ],
@@ -4287,7 +4290,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 583,
+                "line": 587,
                 "character": 9
               }
             ],
@@ -4380,7 +4383,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-            "line": 69,
+            "line": 67,
             "character": 13
           }
         ],
@@ -4435,7 +4438,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 268,
+                "line": 261,
                 "character": 2
               }
             ],
@@ -4594,7 +4597,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 74,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -4614,7 +4617,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 167,
+                "line": 160,
                 "character": 9
               }
             ],
@@ -4652,7 +4655,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 176,
+                "line": 169,
                 "character": 9
               }
             ],
@@ -4673,7 +4676,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 169,
+                "line": 162,
                 "character": 9
               }
             ],
@@ -4695,7 +4698,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 230,
+                "line": 223,
                 "character": 9
               }
             ],
@@ -4737,7 +4740,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 125,
+                "line": 118,
                 "character": 9
               }
             ],
@@ -4771,7 +4774,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 232,
+                "line": 225,
                 "character": 9
               }
             ],
@@ -4791,7 +4794,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 171,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -4812,7 +4815,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 373,
+                "line": 366,
                 "character": 9
               }
             ],
@@ -4835,7 +4838,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 376,
+                "line": 369,
                 "character": 9
               }
             ],
@@ -4858,7 +4861,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 173,
+                "line": 166,
                 "character": 9
               }
             ],
@@ -4894,7 +4897,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 165,
+                "line": 158,
                 "character": 9
               }
             ],
@@ -4936,7 +4939,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 83,
+                "line": 76,
                 "character": 13
               }
             ],
@@ -5021,7 +5024,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 104,
+                "line": 97,
                 "character": 13
               }
             ],
@@ -5106,7 +5109,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 132,
+                "line": 125,
                 "character": 13
               }
             ],
@@ -5179,7 +5182,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 178,
+                "line": 171,
                 "character": 13
               }
             ],
@@ -5248,7 +5251,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 147,
+                "line": 140,
                 "character": 13
               }
             ],
@@ -5315,7 +5318,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 323,
+                "line": 316,
                 "character": 9
               }
             ],
@@ -5352,7 +5355,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 378,
+                "line": 371,
                 "character": 9
               }
             ],
@@ -5434,7 +5437,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 382,
+                "line": 375,
                 "character": 9
               }
             ],
@@ -5503,7 +5506,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 387,
+                "line": 380,
                 "character": 9
               }
             ],
@@ -5553,7 +5556,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 391,
+                "line": 384,
                 "character": 9
               }
             ],
@@ -5607,7 +5610,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 405,
+                "line": 398,
                 "character": 9
               }
             ],
@@ -5702,7 +5705,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-            "line": 66,
+            "line": 59,
             "character": 13
           }
         ],
@@ -5769,7 +5772,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 273,
+                "line": 272,
                 "character": 2
               }
             ],
@@ -5985,7 +5988,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 181,
+                "line": 180,
                 "character": 9
               }
             ],
@@ -6030,7 +6033,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 70,
+                "line": 69,
                 "character": 9
               }
             ],
@@ -6065,7 +6068,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 79,
+                "line": 78,
                 "character": 9
               }
             ],
@@ -6106,7 +6109,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 86,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -6126,7 +6129,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 222,
+                "line": 221,
                 "character": 9
               }
             ],
@@ -6176,7 +6179,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 27,
+                "line": 25,
                 "character": 9
               }
             ],
@@ -6215,7 +6218,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 111,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -6251,7 +6254,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 117,
+                "line": 116,
                 "character": 9
               }
             ],
@@ -6287,7 +6290,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 130,
+                "line": 129,
                 "character": 9
               }
             ],
@@ -6321,7 +6324,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 223,
+                "line": 222,
                 "character": 9
               }
             ],
@@ -6357,7 +6360,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 123,
+                "line": 122,
                 "character": 9
               }
             ],
@@ -6374,6 +6377,9 @@
             "flags": {
               "isPublic": true
             },
+            "comment": {
+              "shortText": "Fires when users enter new search information and allows results to be\nreturned via an observable."
+            },
             "decorators": [
               {
                 "name": "Output",
@@ -6389,7 +6395,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 112,
+                "line": 116,
                 "character": 9
               }
             ],
@@ -6612,7 +6618,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 136,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -6648,7 +6654,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 142,
+                "line": 141,
                 "character": 9
               }
             ],
@@ -6683,7 +6689,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 224,
+                "line": 223,
                 "character": 9
               }
             ],
@@ -6724,7 +6730,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 95,
+                "line": 94,
                 "character": 13
               }
             ],
@@ -6815,7 +6821,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 35,
+                "line": 33,
                 "character": 13
               }
             ],
@@ -6912,7 +6918,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 48,
+                "line": 46,
                 "character": 13
               }
             ],
@@ -7027,7 +7033,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a 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."
+                  "shortText": "Specifies a 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`."
                 },
                 "type": {
                   "type": "reference",
@@ -7048,7 +7054,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a 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."
+                  "shortText": "Specifies a 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`."
                 },
                 "parameters": [
                   {
@@ -7102,7 +7108,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 149,
+                "line": 148,
                 "character": 13
               }
             ],
@@ -7177,7 +7183,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 183,
+                "line": 182,
                 "character": 13
               }
             ],
@@ -7238,7 +7244,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 207,
+                "line": 206,
                 "character": 13
               }
             ],
@@ -7299,7 +7305,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 326,
+                "line": 325,
                 "character": 9
               }
             ],
@@ -7328,7 +7334,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 433,
+                "line": 432,
                 "character": 9
               }
             ],
@@ -7357,7 +7363,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 442,
+                "line": 441,
                 "character": 9
               }
             ],
@@ -7412,7 +7418,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 464,
+                "line": 463,
                 "character": 9
               }
             ],
@@ -7456,7 +7462,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 313,
+                "line": 312,
                 "character": 9
               }
             ],
@@ -7493,7 +7499,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 319,
+                "line": 318,
                 "character": 9
               }
             ],
@@ -7530,7 +7536,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 288,
+                "line": 287,
                 "character": 9
               }
             ],
@@ -7567,7 +7573,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 344,
+                "line": 343,
                 "character": 9
               }
             ],
@@ -7596,7 +7602,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 333,
+                "line": 332,
                 "character": 9
               }
             ],
@@ -7639,7 +7645,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 409,
+                "line": 408,
                 "character": 9
               }
             ],
@@ -7684,7 +7690,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 620,
+                "line": 619,
                 "character": 9
               }
             ],
@@ -7727,7 +7733,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 490,
+                "line": 489,
                 "character": 9
               }
             ],
@@ -7756,7 +7762,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 509,
+                "line": 508,
                 "character": 9
               }
             ],
@@ -7798,7 +7804,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 348,
+                "line": 347,
                 "character": 9
               }
             ],
@@ -7843,7 +7849,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 373,
+                "line": 372,
                 "character": 9
               }
             ],
@@ -7872,7 +7878,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 379,
+                "line": 378,
                 "character": 9
               }
             ],
@@ -7916,7 +7922,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 411,
+                "line": 410,
                 "character": 9
               }
             ],
@@ -7945,7 +7951,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 574,
+                "line": 573,
                 "character": 9
               }
             ],
@@ -7987,7 +7993,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 413,
+                "line": 412,
                 "character": 9
               }
             ],
@@ -8069,7 +8075,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 417,
+                "line": 416,
                 "character": 9
               }
             ],
@@ -8138,7 +8144,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 422,
+                "line": 421,
                 "character": 9
               }
             ],
@@ -8188,7 +8194,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 402,
+                "line": 401,
                 "character": 9
               }
             ],
@@ -8311,7 +8317,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-            "line": 60,
+            "line": 59,
             "character": 13
           }
         ],
@@ -8372,7 +8378,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-async-args.ts",
-                "line": 32,
+                "line": 33,
                 "character": 2
               }
             ],
@@ -8393,7 +8399,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-async-args.ts",
-                "line": 19,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -8415,7 +8421,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-async-args.ts",
-                "line": 26,
+                "line": 27,
                 "character": 2
               }
             ],
@@ -8438,7 +8444,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-async-args.ts",
-                "line": 39,
+                "line": 40,
                 "character": 2
               }
             ],
@@ -8468,7 +8474,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-async-args.ts",
-                "line": 13,
+                "line": 14,
                 "character": 2
               }
             ],
@@ -8494,7 +8500,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-async-args.ts",
-            "line": 9,
+            "line": 10,
             "character": 17
           }
         ]
@@ -8947,7 +8953,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-                "line": 15,
+                "line": 14,
                 "character": 2
               }
             ],
@@ -8971,7 +8977,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-                "line": 20,
+                "line": 19,
                 "character": 2
               }
             ],
@@ -8995,7 +9001,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-            "line": 11,
+            "line": 10,
             "character": 17
           }
         ]
@@ -9455,12 +9461,12 @@
     {
       "fileName": "autocomplete-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/advanced/autocomplete-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\nimport {\n  SkyAutocompleteSearchFunctionFilter,\n  SkyAutocompleteSelectionChange,\n} from '@skyux/lookup';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html',\n})\nexport class AutocompleteDemoComponent implements OnInit {\n  public farthestPlanet: any;\n\n  public myForm: FormGroup;\n\n  public planets: any[] = [\n    {\n      name: 'Mercury',\n      description: 'Mercury is a planet in our solar system.',\n    },\n    { name: 'Venus', description: 'Venus is a planet in our solar system.' },\n    { name: 'Earth', description: 'Earth is a planet in our solar system.' },\n    { name: 'Mars', description: 'Mars is a planet in our solar system.' },\n    {\n      name: 'Jupiter',\n      description: 'Jupiter is a planet in our solar system.',\n    },\n    { name: 'Saturn', description: 'Saturn is a planet in our solar system.' },\n    { name: 'Uranus', description: 'Uranus is a planet in our solar system.' },\n    {\n      name: 'Neptune',\n      description: 'Neptune is a planet in our solar system.',\n    },\n  ];\n\n  public searchFilters: SkyAutocompleteSearchFunctionFilter[] = [\n    (searchText: string, item: any): boolean => {\n      return item.name !== 'Red';\n    },\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  public onPlanetSelection(args: SkyAutocompleteSelectionChange): void {\n    alert(`You selected ${args.selectedItem.name}`);\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      farthestPlanet: {},\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport {\n  SkyAutocompleteSearchFunctionFilter,\n  SkyAutocompleteSelectionChange,\n} from '@skyux/lookup';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html',\n})\nexport class AutocompleteDemoComponent implements OnInit {\n  public farthestPlanet: any;\n\n  public myForm: FormGroup;\n\n  public planets: any[] = [\n    {\n      name: 'Mercury',\n      description: 'Mercury is a planet in our solar system.',\n    },\n    { name: 'Venus', description: 'Venus is a planet in our solar system.' },\n    { name: 'Earth', description: 'Earth is a planet in our solar system.' },\n    { name: 'Mars', description: 'Mars is a planet in our solar system.' },\n    {\n      name: 'Jupiter',\n      description: 'Jupiter is a planet in our solar system.',\n    },\n    { name: 'Saturn', description: 'Saturn is a planet in our solar system.' },\n    { name: 'Uranus', description: 'Uranus is a planet in our solar system.' },\n    {\n      name: 'Neptune',\n      description: 'Neptune is a planet in our solar system.',\n    },\n  ];\n\n  public searchFilters: SkyAutocompleteSearchFunctionFilter[] = [\n    (searchText: string, item: any): boolean => {\n      return item.name !== 'Red';\n    },\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  public onPlanetSelection(args: SkyAutocompleteSelectionChange): void {\n    alert(`You selected ${args.selectedItem.name}`);\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      farthestPlanet: {},\n    });\n  }\n}\n"
     },
     {
       "fileName": "autocomplete-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/advanced/autocomplete-demo.module.ts",
-      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyAutocompleteModule } from '@skyux/lookup';\n\nimport { AutocompleteDemoComponent } from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIconModule,\n  ],\n  declarations: [AutocompleteDemoComponent],\n  exports: [AutocompleteDemoComponent],\n})\nexport class AutocompleteDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyAutocompleteModule } from '@skyux/lookup';\n\nimport { AutocompleteDemoComponent } from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIconModule,\n  ],\n  declarations: [AutocompleteDemoComponent],\n  exports: [AutocompleteDemoComponent],\n})\nexport class AutocompleteDemoModule {}\n"
     },
     {
       "fileName": "autocomplete-demo.component.html",
@@ -9470,12 +9476,12 @@
     {
       "fileName": "autocomplete-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/basic/autocomplete-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html',\n})\nexport class AutocompleteDemoComponent implements OnInit {\n  public colors: any[] = [\n    { name: 'Red' },\n    { name: 'Blue' },\n    { name: 'Green' },\n    { name: 'Orange' },\n    { name: 'Pink' },\n    { name: 'Purple' },\n    { name: 'Yellow' },\n    { name: 'Brown' },\n    { name: 'Turquoise' },\n    { name: 'White' },\n    { name: 'Black' },\n  ];\n\n  public myForm: FormGroup;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      favoriteColor: undefined,\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html',\n})\nexport class AutocompleteDemoComponent implements OnInit {\n  public colors: any[] = [\n    { name: 'Red' },\n    { name: 'Blue' },\n    { name: 'Green' },\n    { name: 'Orange' },\n    { name: 'Pink' },\n    { name: 'Purple' },\n    { name: 'Yellow' },\n    { name: 'Brown' },\n    { name: 'Turquoise' },\n    { name: 'White' },\n    { name: 'Black' },\n  ];\n\n  public myForm: FormGroup;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      favoriteColor: undefined,\n    });\n  }\n}\n"
     },
     {
       "fileName": "autocomplete-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/basic/autocomplete-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 { SkyAutocompleteModule } from '@skyux/lookup';\n\nimport { AutocompleteDemoComponent } from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIdModule,\n  ],\n  declarations: [AutocompleteDemoComponent],\n  exports: [AutocompleteDemoComponent],\n})\nexport class AutocompleteDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyAutocompleteModule } from '@skyux/lookup';\n\nimport { AutocompleteDemoComponent } from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIdModule,\n  ],\n  declarations: [AutocompleteDemoComponent],\n  exports: [AutocompleteDemoComponent],\n})\nexport class AutocompleteDemoModule {}\n"
     },
     {
       "fileName": "autocomplete-demo.component.html",
@@ -9485,12 +9491,12 @@
     {
       "fileName": "autocomplete-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/custom-search/autocomplete-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\nimport {\n  SkyAutocompleteSearchFunction,\n  SkyAutocompleteSearchFunctionResponse,\n} from '@skyux/lookup';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html',\n})\nexport class AutocompleteDemoComponent implements OnInit {\n  public myForm: FormGroup;\n\n  public largestOcean: any;\n\n  public oceans: any[] = [\n    { title: 'Arctic', id: 1 },\n    { title: 'Atlantic', id: 2 },\n    { title: 'Indian', id: 3 },\n    { title: 'Pacific', id: 4 },\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  public getOceanSearchFunction(): SkyAutocompleteSearchFunction {\n    const searchFunction = (\n      searchText: string,\n      oceans: any[]\n    ): SkyAutocompleteSearchFunctionResponse => {\n      return new Promise((resolve: Function) => {\n        const searchTextLower = searchText.toLowerCase();\n\n        const results = oceans.filter((ocean: any) => {\n          const val = ocean.title;\n          const isMatch =\n            val && val.toString().toLowerCase().indexOf(searchTextLower) > -1;\n          return isMatch;\n        });\n\n        // Simulate an async request.\n        setTimeout(() => {\n          resolve(results);\n        }, 500);\n      });\n    };\n\n    return searchFunction;\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      largestOcean: { title: 'Arctic', id: 1 },\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport {\n  SkyAutocompleteSearchFunction,\n  SkyAutocompleteSearchFunctionResponse,\n} from '@skyux/lookup';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html',\n})\nexport class AutocompleteDemoComponent implements OnInit {\n  public myForm: FormGroup;\n\n  public largestOcean: any;\n\n  public oceans: any[] = [\n    { title: 'Arctic', id: 1 },\n    { title: 'Atlantic', id: 2 },\n    { title: 'Indian', id: 3 },\n    { title: 'Pacific', id: 4 },\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  public getOceanSearchFunction(): SkyAutocompleteSearchFunction {\n    const searchFunction = (\n      searchText: string,\n      oceans: any[]\n    ): SkyAutocompleteSearchFunctionResponse => {\n      return new Promise((resolve: Function) => {\n        const searchTextLower = searchText.toLowerCase();\n\n        const results = oceans.filter((ocean: any) => {\n          const val = ocean.title;\n          const isMatch =\n            val && val.toString().toLowerCase().indexOf(searchTextLower) > -1;\n          return isMatch;\n        });\n\n        // Simulate an async request.\n        setTimeout(() => {\n          resolve(results);\n        }, 500);\n      });\n    };\n\n    return searchFunction;\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      largestOcean: { title: 'Arctic', id: 1 },\n    });\n  }\n}\n"
     },
     {
       "fileName": "autocomplete-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/custom-search/autocomplete-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 { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyAutocompleteModule } from '@skyux/lookup';\n\nimport { AutocompleteDemoComponent } from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIconModule,\n    SkyIdModule,\n  ],\n  declarations: [AutocompleteDemoComponent],\n  exports: [AutocompleteDemoComponent],\n})\nexport class AutocompleteDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyAutocompleteModule } from '@skyux/lookup';\n\nimport { AutocompleteDemoComponent } from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIconModule,\n    SkyIdModule,\n  ],\n  declarations: [AutocompleteDemoComponent],\n  exports: [AutocompleteDemoComponent],\n})\nexport class AutocompleteDemoModule {}\n"
     },
     {
       "fileName": "autocomplete-demo.component.html",
@@ -9500,12 +9506,12 @@
     {
       "fileName": "autocomplete-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/search-filters/autocomplete-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\nimport { SkyAutocompleteSearchFunctionFilter } from '@skyux/lookup';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html',\n})\nexport class AutocompleteDemoComponent implements OnInit {\n  public colors: any[] = [\n    { name: 'Red' },\n    { name: 'Blue' },\n    { name: 'Green' },\n    { name: 'Orange' },\n    { name: 'Pink' },\n    { name: 'Purple' },\n    { name: 'Yellow' },\n    { name: 'Brown' },\n    { name: 'Turquoise' },\n    { name: 'White' },\n    { name: 'Black' },\n  ];\n\n  public myForm: FormGroup;\n\n  public searchFilters: SkyAutocompleteSearchFunctionFilter[] = [\n    (searchText: string, item: any): boolean => {\n      return item.name !== 'Red';\n    },\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      favoriteColor: undefined,\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { SkyAutocompleteSearchFunctionFilter } from '@skyux/lookup';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html',\n})\nexport class AutocompleteDemoComponent implements OnInit {\n  public colors: any[] = [\n    { name: 'Red' },\n    { name: 'Blue' },\n    { name: 'Green' },\n    { name: 'Orange' },\n    { name: 'Pink' },\n    { name: 'Purple' },\n    { name: 'Yellow' },\n    { name: 'Brown' },\n    { name: 'Turquoise' },\n    { name: 'White' },\n    { name: 'Black' },\n  ];\n\n  public myForm: FormGroup;\n\n  public searchFilters: SkyAutocompleteSearchFunctionFilter[] = [\n    (searchText: string, item: any): boolean => {\n      return item.name !== 'Red';\n    },\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      favoriteColor: undefined,\n    });\n  }\n}\n"
     },
     {
       "fileName": "autocomplete-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/search-filters/autocomplete-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 { SkyAutocompleteModule } from '@skyux/lookup';\n\nimport { AutocompleteDemoComponent } from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIdModule,\n  ],\n  declarations: [AutocompleteDemoComponent],\n  exports: [AutocompleteDemoComponent],\n})\nexport class AutocompleteDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyAutocompleteModule } from '@skyux/lookup';\n\nimport { AutocompleteDemoComponent } from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIdModule,\n  ],\n  declarations: [AutocompleteDemoComponent],\n  exports: [AutocompleteDemoComponent],\n})\nexport class AutocompleteDemoModule {}\n"
     },
     {
       "fileName": "country-field-demo.component.html",
@@ -9515,12 +9521,12 @@
     {
       "fileName": "country-field-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/country-field/basic/country-field-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\n\nimport { SkyCountryFieldCountry } from '@skyux/lookup';\n\n@Component({\n  selector: 'app-country-field-demo',\n  templateUrl: './country-field-demo.component.html',\n})\nexport class CountryFieldDemoComponent implements OnInit {\n  public countryControl: FormControl;\n\n  public countryData: SkyCountryFieldCountry;\n\n  public countryForm: FormGroup;\n\n  constructor() {}\n\n  public ngOnInit(): void {\n    this.countryControl = new FormControl();\n    this.countryControl.setValue({\n      name: 'Australia',\n      iso2: 'au',\n    });\n    this.countryForm = new FormGroup({\n      countryControl: this.countryControl,\n    });\n\n    this.countryControl.setValidators([Validators.required]);\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { SkyCountryFieldCountry } from '@skyux/lookup';\n\n@Component({\n  selector: 'app-country-field-demo',\n  templateUrl: './country-field-demo.component.html',\n})\nexport class CountryFieldDemoComponent implements OnInit {\n  public countryControl: FormControl;\n\n  public countryData: SkyCountryFieldCountry;\n\n  public countryForm: FormGroup;\n\n  constructor() {}\n\n  public ngOnInit(): void {\n    this.countryControl = new FormControl();\n    this.countryControl.setValue({\n      name: 'Australia',\n      iso2: 'au',\n    });\n    this.countryForm = new FormGroup({\n      countryControl: this.countryControl,\n    });\n\n    this.countryControl.setValidators([Validators.required]);\n  }\n}\n"
     },
     {
       "fileName": "country-field-demo.module.ts",
       "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"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\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",
@@ -9535,12 +9541,12 @@
     {
       "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"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n  SkyAutocompleteSearchAsyncResult,\n  SkyAutocompleteSearchFunctionFilter,\n} from '@skyux/lookup';\n\nimport { SkyAutocompleteSearchAsyncArgs } from '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"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\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",
@@ -9550,7 +9556,7 @@
     {
       "fileName": "lookup-custom-picker-demo-modal.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-demo-modal.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport { SkyLookupShowMoreCustomPickerContext } from '@skyux/lookup';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-lookup-demo-modal',\n  templateUrl: './lookup-custom-picker-demo-modal.component.html',\n})\nexport class LookupCustomPickerDemoModalComponent implements OnInit {\n  public myForm: FormGroup;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    public context: SkyLookupShowMoreCustomPickerContext,\n    public modalInstance: SkyModalInstance\n  ) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      selectLast: new FormControl(false),\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyLookupShowMoreCustomPickerContext } from '@skyux/lookup';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-lookup-demo-modal',\n  templateUrl: './lookup-custom-picker-demo-modal.component.html',\n})\nexport class LookupCustomPickerDemoModalComponent implements OnInit {\n  public myForm: FormGroup;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    public context: SkyLookupShowMoreCustomPickerContext,\n    public modalInstance: SkyModalInstance\n  ) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      selectLast: new FormControl(false),\n    });\n  }\n}\n"
     },
     {
       "fileName": "lookup-custom-picker-demo.component.html",
@@ -9565,12 +9571,12 @@
     {
       "fileName": "lookup-custom-picker-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-demo.component.ts",
-      "rawContents": "import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport {\n  SkyAutocompleteSearchFunctionFilter,\n  SkyLookupShowMoreConfig,\n  SkyLookupShowMoreCustomPickerContext,\n} from '@skyux/lookup';\n\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { LookupCustomPickerDemoModalComponent } from './lookup-custom-picker-demo-modal.component';\n\n@Component({\n  selector: 'app-lookup-demo',\n  templateUrl: './lookup-custom-picker-demo.component.html',\n  styleUrls: ['./lookup-custom-picker-demo.component.scss'],\n})\nexport class LookupCustomPickerDemoComponent implements OnInit {\n  public showMoreConfig: SkyLookupShowMoreConfig;\n\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 names: any[] = [this.people[15]];\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private formBuilder: FormBuilder,\n    private modalService: SkyModalService\n  ) {\n    this.showMoreConfig = {\n      customPicker: {\n        open: (context: SkyLookupShowMoreCustomPickerContext) => {\n          const instance = this.modalService.open(\n            LookupCustomPickerDemoModalComponent,\n            {\n              providers: [\n                {\n                  provide: SkyLookupShowMoreCustomPickerContext,\n                  useValue: context,\n                },\n              ],\n            }\n          );\n\n          instance.closed.subscribe((closeArgs: SkyModalCloseArgs) => {\n            if (closeArgs.reason === 'save') {\n              if (closeArgs.data) {\n                this.myForm.setValue({\n                  names: [this.people[this.people.length - 1]],\n                });\n                this.changeDetector.markForCheck();\n              }\n            }\n          });\n        },\n      },\n    };\n  }\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 names: any[] = this.myForm.controls.names.value;\n    return [\n      (searchText: string, item: any): boolean => {\n        const found = names.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  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      names: new FormControl(this.names),\n    });\n  }\n}\n"
+      "rawContents": "import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n  SkyAutocompleteSearchFunctionFilter,\n  SkyLookupShowMoreConfig,\n  SkyLookupShowMoreCustomPickerContext,\n} from '@skyux/lookup';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { LookupCustomPickerDemoModalComponent } from './lookup-custom-picker-demo-modal.component';\n\n@Component({\n  selector: 'app-lookup-demo',\n  templateUrl: './lookup-custom-picker-demo.component.html',\n  styleUrls: ['./lookup-custom-picker-demo.component.scss'],\n})\nexport class LookupCustomPickerDemoComponent implements OnInit {\n  public showMoreConfig: SkyLookupShowMoreConfig;\n\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 names: any[] = [this.people[15]];\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private formBuilder: FormBuilder,\n    private modalService: SkyModalService\n  ) {\n    this.showMoreConfig = {\n      customPicker: {\n        open: (context: SkyLookupShowMoreCustomPickerContext) => {\n          const instance = this.modalService.open(\n            LookupCustomPickerDemoModalComponent,\n            {\n              providers: [\n                {\n                  provide: SkyLookupShowMoreCustomPickerContext,\n                  useValue: context,\n                },\n              ],\n            }\n          );\n\n          instance.closed.subscribe((closeArgs: SkyModalCloseArgs) => {\n            if (closeArgs.reason === 'save') {\n              if (closeArgs.data) {\n                this.myForm.setValue({\n                  names: [this.people[this.people.length - 1]],\n                });\n                this.changeDetector.markForCheck();\n              }\n            }\n          });\n        },\n      },\n    };\n  }\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 names: any[] = this.myForm.controls.names.value;\n    return [\n      (searchText: string, item: any): boolean => {\n        const found = names.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  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      names: new FormControl(this.names),\n    });\n  }\n}\n"
     },
     {
       "fileName": "lookup-custom-picker-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-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 { SkyCheckboxModule, SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyLookupModule } from '@skyux/lookup';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { LookupCustomPickerDemoComponent } from './lookup-custom-picker-demo.component';\n\nimport { LookupCustomPickerDemoModalComponent } from './lookup-custom-picker-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n    SkyModalModule,\n  ],\n  declarations: [\n    LookupCustomPickerDemoComponent,\n    LookupCustomPickerDemoModalComponent,\n  ],\n  exports: [LookupCustomPickerDemoComponent],\n  entryComponents: [LookupCustomPickerDemoModalComponent],\n})\nexport class LookupCustomPickerDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule, SkyInputBoxModule } from '@skyux/forms';\nimport { SkyLookupModule } from '@skyux/lookup';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { LookupCustomPickerDemoModalComponent } from './lookup-custom-picker-demo-modal.component';\nimport { LookupCustomPickerDemoComponent } from './lookup-custom-picker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n    SkyModalModule,\n  ],\n  declarations: [\n    LookupCustomPickerDemoComponent,\n    LookupCustomPickerDemoModalComponent,\n  ],\n  exports: [LookupCustomPickerDemoComponent],\n  entryComponents: [LookupCustomPickerDemoModalComponent],\n})\nexport class LookupCustomPickerDemoModule {}\n"
     },
     {
       "fileName": "lookup-multiple-demo.component.html",
@@ -9585,12 +9591,12 @@
     {
       "fileName": "lookup-multiple-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/multi-select/lookup-multiple-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport { SkyAutocompleteSearchFunctionFilter } from '@skyux/lookup';\n\n@Component({\n  selector: 'app-lookup-demo',\n  templateUrl: './lookup-multiple-demo.component.html',\n  styleUrls: ['./lookup-multiple-demo.component.scss'],\n})\nexport class LookupMultipleSelectDemoComponent 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 names: 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 names: any[] = this.myForm.controls.names.value;\n    return [\n      (searchText: string, item: any): boolean => {\n        const found = names.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  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      names: new FormControl(this.names),\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyAutocompleteSearchFunctionFilter } from '@skyux/lookup';\n\n@Component({\n  selector: 'app-lookup-demo',\n  templateUrl: './lookup-multiple-demo.component.html',\n  styleUrls: ['./lookup-multiple-demo.component.scss'],\n})\nexport class LookupMultipleSelectDemoComponent 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 names: 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 names: any[] = this.myForm.controls.names.value;\n    return [\n      (searchText: string, item: any): boolean => {\n        const found = names.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  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      names: new FormControl(this.names),\n    });\n  }\n}\n"
     },
     {
       "fileName": "lookup-multiple-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/multi-select/lookup-multiple-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 { LookupMultipleSelectDemoComponent } from './lookup-multiple-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n  ],\n  declarations: [LookupMultipleSelectDemoComponent],\n  exports: [LookupMultipleSelectDemoComponent],\n})\nexport class LookupMultipleSelectDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyLookupModule } from '@skyux/lookup';\n\nimport { LookupMultipleSelectDemoComponent } from './lookup-multiple-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n  ],\n  declarations: [LookupMultipleSelectDemoComponent],\n  exports: [LookupMultipleSelectDemoComponent],\n})\nexport class LookupMultipleSelectDemoModule {}\n"
     },
     {
       "fileName": "lookup-result-templates-demo.component.html",
@@ -9605,12 +9611,12 @@
     {
       "fileName": "lookup-result-templates-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/result-templates/lookup-result-templates-demo.component.ts",
-      "rawContents": "import { Component, OnInit, TemplateRef, ViewChild } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport {\n  SkyAutocompleteSearchFunctionFilter,\n  SkyLookupShowMoreConfig,\n} from '@skyux/lookup';\n\n@Component({\n  selector: 'app-lookup-demo',\n  templateUrl: './lookup-result-templates-demo.component.html',\n  styleUrls: ['./lookup-result-templates-demo.component.scss'],\n})\nexport class LookupResultTemplatesDemoComponent implements OnInit {\n  public myForm: FormGroup;\n\n  public people: any[] = [\n    {\n      name: 'Abed',\n      formal: 'Mr. Nadir',\n    },\n    {\n      name: 'Alex',\n      formal: 'Mr. Osbourne',\n    },\n    {\n      name: 'Ben',\n      formal: 'Mr. Chang',\n    },\n    {\n      name: 'Britta',\n      formal: 'Ms. Perry',\n    },\n    {\n      name: 'Buzz',\n      formal: 'Mr. Hickey',\n    },\n    {\n      name: 'Craig',\n      formal: 'Mr. Pelton',\n    },\n    {\n      name: 'Elroy',\n      formal: 'Mr. Patashnik',\n    },\n    {\n      name: 'Garrett',\n      formal: 'Mr. Lambert',\n    },\n    {\n      name: 'Ian',\n      formal: 'Mr. Duncan',\n    },\n    {\n      name: 'Jeff',\n      formal: 'Mr. Winger',\n    },\n    {\n      name: 'Leonard',\n      formal: 'Mr. Rodriguez',\n    },\n    {\n      name: 'Neil',\n      formal: 'Mr. Neil',\n    },\n    {\n      name: 'Pierce',\n      formal: 'Mr. Hawthorne',\n    },\n    {\n      name: 'Preston',\n      formal: 'Mr. Koogler',\n    },\n    {\n      name: 'Rachel',\n      formal: 'Ms. Rachel',\n    },\n    {\n      name: 'Shirley',\n      formal: 'Ms. Bennett',\n    },\n    {\n      name: 'Todd',\n      formal: 'Mr. Jacobson',\n    },\n    {\n      name: 'Troy',\n      formal: 'Mr. Barnes',\n    },\n    {\n      name: 'Vaughn',\n      formal: 'Mr. Miller',\n    },\n    {\n      name: 'Vicki',\n      formal: 'Ms. Jenkins',\n    },\n  ];\n\n  public names: any[] = [this.people[15]];\n\n  public showMoreConfig: SkyLookupShowMoreConfig = {\n    nativePickerConfig: {},\n  };\n\n  @ViewChild('modalItemTemplate')\n  public set modalItemTempalte(template: TemplateRef<any>) {\n    this.showMoreConfig.nativePickerConfig.itemTemplate = template;\n  }\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 names: any[] = this.myForm.controls.names.value;\n    return [\n      (searchText: string, item: any): boolean => {\n        const found = names.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  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      names: new FormControl(this.names),\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit, TemplateRef, ViewChild } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n  SkyAutocompleteSearchFunctionFilter,\n  SkyLookupShowMoreConfig,\n} from '@skyux/lookup';\n\n@Component({\n  selector: 'app-lookup-demo',\n  templateUrl: './lookup-result-templates-demo.component.html',\n  styleUrls: ['./lookup-result-templates-demo.component.scss'],\n})\nexport class LookupResultTemplatesDemoComponent implements OnInit {\n  public myForm: FormGroup;\n\n  public people: any[] = [\n    {\n      name: 'Abed',\n      formal: 'Mr. Nadir',\n    },\n    {\n      name: 'Alex',\n      formal: 'Mr. Osbourne',\n    },\n    {\n      name: 'Ben',\n      formal: 'Mr. Chang',\n    },\n    {\n      name: 'Britta',\n      formal: 'Ms. Perry',\n    },\n    {\n      name: 'Buzz',\n      formal: 'Mr. Hickey',\n    },\n    {\n      name: 'Craig',\n      formal: 'Mr. Pelton',\n    },\n    {\n      name: 'Elroy',\n      formal: 'Mr. Patashnik',\n    },\n    {\n      name: 'Garrett',\n      formal: 'Mr. Lambert',\n    },\n    {\n      name: 'Ian',\n      formal: 'Mr. Duncan',\n    },\n    {\n      name: 'Jeff',\n      formal: 'Mr. Winger',\n    },\n    {\n      name: 'Leonard',\n      formal: 'Mr. Rodriguez',\n    },\n    {\n      name: 'Neil',\n      formal: 'Mr. Neil',\n    },\n    {\n      name: 'Pierce',\n      formal: 'Mr. Hawthorne',\n    },\n    {\n      name: 'Preston',\n      formal: 'Mr. Koogler',\n    },\n    {\n      name: 'Rachel',\n      formal: 'Ms. Rachel',\n    },\n    {\n      name: 'Shirley',\n      formal: 'Ms. Bennett',\n    },\n    {\n      name: 'Todd',\n      formal: 'Mr. Jacobson',\n    },\n    {\n      name: 'Troy',\n      formal: 'Mr. Barnes',\n    },\n    {\n      name: 'Vaughn',\n      formal: 'Mr. Miller',\n    },\n    {\n      name: 'Vicki',\n      formal: 'Ms. Jenkins',\n    },\n  ];\n\n  public names: any[] = [this.people[15]];\n\n  public showMoreConfig: SkyLookupShowMoreConfig = {\n    nativePickerConfig: {},\n  };\n\n  @ViewChild('modalItemTemplate')\n  public set modalItemTempalte(template: TemplateRef<any>) {\n    this.showMoreConfig.nativePickerConfig.itemTemplate = template;\n  }\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 names: any[] = this.myForm.controls.names.value;\n    return [\n      (searchText: string, item: any): boolean => {\n        const found = names.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  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      names: new FormControl(this.names),\n    });\n  }\n}\n"
     },
     {
       "fileName": "lookup-result-templates-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/result-templates/lookup-result-templates-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 { LookupResultTemplatesDemoComponent } from './lookup-result-templates-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n  ],\n  declarations: [LookupResultTemplatesDemoComponent],\n  exports: [LookupResultTemplatesDemoComponent],\n})\nexport class LookupResultTemplatesDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyLookupModule } from '@skyux/lookup';\n\nimport { LookupResultTemplatesDemoComponent } from './lookup-result-templates-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n  ],\n  declarations: [LookupResultTemplatesDemoComponent],\n  exports: [LookupResultTemplatesDemoComponent],\n})\nexport class LookupResultTemplatesDemoModule {}\n"
     },
     {
       "fileName": "lookup-single-demo.component.html",
@@ -9625,12 +9631,12 @@
     {
       "fileName": "lookup-single-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/single-select/lookup-single-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport { SkyAutocompleteSearchFunctionFilter } from '@skyux/lookup';\n\n@Component({\n  selector: 'app-single-select-lookup-demo',\n  templateUrl: './lookup-single-demo.component.html',\n  styleUrls: ['./lookup-single-demo.component.scss'],\n})\nexport class LookupSingleSelectDemoComponent 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  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      name: new FormControl(this.name),\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyAutocompleteSearchFunctionFilter } from '@skyux/lookup';\n\n@Component({\n  selector: 'app-single-select-lookup-demo',\n  templateUrl: './lookup-single-demo.component.html',\n  styleUrls: ['./lookup-single-demo.component.scss'],\n})\nexport class LookupSingleSelectDemoComponent 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  private createForm(): void {\n    this.myForm = this.formBuilder.group({\n      name: new FormControl(this.name),\n    });\n  }\n}\n"
     },
     {
       "fileName": "lookup-single-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/single-select/lookup-single-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 { LookupSingleSelectDemoComponent } from './lookup-single-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n  ],\n  declarations: [LookupSingleSelectDemoComponent],\n  exports: [LookupSingleSelectDemoComponent],\n})\nexport class LookupSingleSelectDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyLookupModule } from '@skyux/lookup';\n\nimport { LookupSingleSelectDemoComponent } from './lookup-single-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule,\n  ],\n  declarations: [LookupSingleSelectDemoComponent],\n  exports: [LookupSingleSelectDemoComponent],\n})\nexport class LookupSingleSelectDemoModule {}\n"
     },
     {
       "fileName": "search-demo.component.html",
@@ -9640,12 +9646,12 @@
     {
       "fileName": "search-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/search/basic/search-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-search-demo',\n  templateUrl: './search-demo.component.html',\n})\nexport class SearchDemoComponent {\n  public displayedItems: any;\n\n  private items: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift. We should call to thank him.',\n    },\n    {\n      title: 'Send invitation to ball',\n      note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n    },\n    {\n      title: 'Clean up desk',\n      note: 'File and organize papers.',\n    },\n    {\n      title: 'Investigate leads',\n      note: 'Check out leads for important charity event funding.',\n    },\n    {\n      title: 'Send thank you note',\n      note: 'Send a thank you note to Timothy for his donation.',\n    },\n  ];\n\n  public searchText: string;\n\n  constructor() {\n    this.displayedItems = this.items;\n  }\n\n  public searchApplied(searchText: string): void {\n    let filteredItems = this.items;\n    this.searchText = searchText;\n\n    if (searchText) {\n      filteredItems = this.items.filter(function (item: any) {\n        let property: any;\n\n        for (property in item) {\n          if (\n            item.hasOwnProperty(property) &&\n            (property === 'title' || property === 'note')\n          ) {\n            if (item[property].indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n    this.displayedItems = filteredItems;\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-search-demo',\n  templateUrl: './search-demo.component.html',\n})\nexport class SearchDemoComponent {\n  public displayedItems: any;\n\n  private items: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift. We should call to thank him.',\n    },\n    {\n      title: 'Send invitation to ball',\n      note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n    },\n    {\n      title: 'Clean up desk',\n      note: 'File and organize papers.',\n    },\n    {\n      title: 'Investigate leads',\n      note: 'Check out leads for important charity event funding.',\n    },\n    {\n      title: 'Send thank you note',\n      note: 'Send a thank you note to Timothy for his donation.',\n    },\n  ];\n\n  public searchText: string;\n\n  constructor() {\n    this.displayedItems = this.items;\n  }\n\n  public searchApplied(searchText: string): void {\n    let filteredItems = this.items;\n    this.searchText = searchText;\n\n    if (searchText) {\n      filteredItems = this.items.filter(function (item: any) {\n        let property: any;\n\n        for (property in item) {\n          if (\n            Object.prototype.hasOwnProperty.call(item, property) &&\n            (property === 'title' || property === 'note')\n          ) {\n            if (item[property].indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n    this.displayedItems = filteredItems;\n  }\n}\n"
     },
     {
       "fileName": "search-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/search/basic/search-demo.module.ts",
-      "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"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\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"
     }
   ]
 }