@skyux/lookup 5.0.3 → 5.0.4

package/documentation.json

@@ -44,7 +44,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyAutocompleteComponent,\n    SkyAutocompleteInputDirective\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyAffixModule,\n    SkyTextHighlightModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyLookupResourcesModule,\n    SkyOverlayModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyAutocompleteComponent,\n    SkyAutocompleteInputDirective\n  ]\n}"
+              "obj": "{\n  declarations: [SkyAutocompleteComponent, SkyAutocompleteInputDirective],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyAffixModule,\n    SkyTextHighlightModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyLookupResourcesModule,\n    SkyOverlayModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyAutocompleteComponent, SkyAutocompleteInputDirective],\n}"
             }
           }
         ],
@@ -83,7 +83,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.module.ts",
-            "line": 61,
+            "line": 34,
             "character": 13
           }
         ]
@@ -102,7 +102,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyCountryFieldComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIconModule,\n    SkyI18nModule,\n    SkyLookupResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyCountryFieldComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyCountryFieldComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIconModule,\n    SkyI18nModule,\n    SkyLookupResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyCountryFieldComponent],\n}"
             }
           }
         ],
@@ -141,7 +141,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/country-field/country-field.module.ts",
-            "line": 56,
+            "line": 33,
             "character": 13
           }
         ]
@@ -160,7 +160,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyLookupComponent,\n    SkyLookupShowMoreModalComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyAutocompleteModule,\n    SkyCheckboxModule,\n    SkyIconModule,\n    SkyInfiniteScrollModule,\n    SkyI18nModule,\n    SkyLookupResourcesModule,\n    SkyModalModule,\n    SkyRepeaterModule,\n    SkySearchModule,\n    SkyThemeModule,\n    SkyTokensModule,\n    SkyToolbarModule,\n    SkyViewkeeperModule\n  ],\n  entryComponents: [\n    SkyLookupShowMoreModalComponent\n  ],\n  exports: [\n    SkyLookupComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyLookupComponent, SkyLookupShowMoreModalComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyAutocompleteModule,\n    SkyCheckboxModule,\n    SkyIconModule,\n    SkyInfiniteScrollModule,\n    SkyI18nModule,\n    SkyLookupResourcesModule,\n    SkyModalModule,\n    SkyRepeaterModule,\n    SkySearchModule,\n    SkyThemeModule,\n    SkyTokensModule,\n    SkyToolbarModule,\n    SkyViewkeeperModule,\n  ],\n  entryComponents: [SkyLookupShowMoreModalComponent],\n  exports: [SkyLookupComponent],\n}"
             }
           }
         ],
@@ -199,7 +199,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/lookup.module.ts",
-            "line": 96,
+            "line": 55,
             "character": 13
           }
         ]
@@ -348,7 +348,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-search',\n  templateUrl: './search.component.html',\n  styleUrls: ['./search.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  animations: [\n    trigger('inputState', [\n      state(INPUT_HIDDEN_STATE,\n        style({\n          opacity: 0,\n          width: 0\n      })),\n      state(INPUT_SHOWN_STATE,\n        style({\n          opacity: 1,\n          width: '100%'\n      })),\n      transition('* <=> *', animate('150ms'))\n    ])\n  ],\n  providers: [\n    SkySearchAdapterService\n  ]\n}"
+              "obj": "{\n  selector: 'sky-search',\n  templateUrl: './search.component.html',\n  styleUrls: ['./search.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  animations: [\n    trigger('inputState', [\n      state(\n        INPUT_HIDDEN_STATE,\n        style({\n          opacity: 0,\n          width: 0,\n        })\n      ),\n      state(\n        INPUT_SHOWN_STATE,\n        style({\n          opacity: 1,\n          width: '100%',\n        })\n      ),\n      transition('* <=> *', animate('150ms')),\n    ]),\n  ],\n  providers: [SkySearchAdapterService],\n}"
             }
           }
         ],
@@ -362,7 +362,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 144,
+                "line": 134,
                 "character": 2
               }
             ],
@@ -444,7 +444,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 136,
+                "line": 126,
                 "character": 9
               }
             ],
@@ -464,7 +464,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 140,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -504,7 +504,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 114,
+                "line": 104,
                 "character": 9
               }
             ],
@@ -544,7 +544,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 121,
+                "line": 111,
                 "character": 9
               }
             ],
@@ -565,7 +565,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 139,
+                "line": 129,
                 "character": 9
               }
             ],
@@ -605,7 +605,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 107,
+                "line": 97,
                 "character": 9
               }
             ],
@@ -626,7 +626,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 135,
+                "line": 125,
                 "character": 9
               }
             ],
@@ -647,7 +647,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 125,
+                "line": 115,
                 "character": 9
               }
             ],
@@ -668,7 +668,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 123,
+                "line": 113,
                 "character": 9
               }
             ],
@@ -689,7 +689,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 138,
+                "line": 128,
                 "character": 9
               }
             ],
@@ -729,7 +729,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 133,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -762,7 +762,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 79,
+                "line": 69,
                 "character": 9
               }
             ],
@@ -789,7 +789,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 137,
+                "line": 127,
                 "character": 9
               }
             ],
@@ -823,7 +823,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 85,
+                "line": 75,
                 "character": 9
               }
             ],
@@ -863,7 +863,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 91,
+                "line": 81,
                 "character": 9
               }
             ],
@@ -903,7 +903,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 97,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -923,7 +923,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 217,
+                "line": 204,
                 "character": 9
               }
             ],
@@ -965,7 +965,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 199,
+                "line": 186,
                 "character": 9
               }
             ],
@@ -994,7 +994,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 211,
+                "line": 198,
                 "character": 9
               }
             ],
@@ -1047,7 +1047,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 263,
+                "line": 250,
                 "character": 9
               }
             ],
@@ -1089,7 +1089,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 249,
+                "line": 236,
                 "character": 9
               }
             ],
@@ -1131,7 +1131,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 171,
+                "line": 159,
                 "character": 9
               }
             ],
@@ -1181,7 +1181,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 278,
+                "line": 268,
                 "character": 9
               }
             ],
@@ -1218,7 +1218,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 151,
+                "line": 141,
                 "character": 9
               }
             ],
@@ -1255,7 +1255,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 234,
+                "line": 221,
                 "character": 9
               }
             ],
@@ -1297,7 +1297,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/search/search.component.ts",
-                "line": 239,
+                "line": 226,
                 "character": 9
               }
             ],
@@ -1379,7 +1379,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/search/search.component.ts",
-            "line": 73,
+            "line": 64,
             "character": 13
           }
         ],
@@ -1412,7 +1412,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkySearchComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyInputBoxModule,\n    SkyLookupResourcesModule,\n    FormsModule,\n    SkyIconModule,\n    SkyThemeModule,\n    SkyIdModule\n  ],\n  exports: [\n    SkySearchComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkySearchComponent],\n  imports: [\n    CommonModule,\n    SkyInputBoxModule,\n    SkyLookupResourcesModule,\n    FormsModule,\n    SkyIconModule,\n    SkyThemeModule,\n    SkyIdModule,\n  ],\n  exports: [SkySearchComponent],\n}"
             }
           }
         ],
@@ -1451,7 +1451,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/search/search.module.ts",
-            "line": 54,
+            "line": 32,
             "character": 13
           }
         ]
@@ -1470,7 +1470,7 @@
               "name": "Directive"
             },
             "arguments": {
-              "obj": "{\n  selector: 'input[skyAutocomplete], textarea[skyAutocomplete]',\n  providers: [\n    SKY_AUTOCOMPLETE_VALUE_ACCESSOR,\n    SKY_AUTOCOMPLETE_VALIDATOR\n  ]\n}"
+              "obj": "{\n  selector: 'input[skyAutocomplete], textarea[skyAutocomplete]',\n  providers: [SKY_AUTOCOMPLETE_VALUE_ACCESSOR, SKY_AUTOCOMPLETE_VALIDATOR],\n}"
             }
           }
         ],
@@ -1484,7 +1484,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 177,
+                "line": 165,
                 "character": 2
               }
             ],
@@ -1554,7 +1554,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 62,
+                "line": 52,
                 "character": 13
               }
             ],
@@ -1621,7 +1621,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 96,
+                "line": 84,
                 "character": 13
               }
             ],
@@ -1666,7 +1666,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 83,
+                "line": 75,
                 "character": 13
               }
             ],
@@ -1733,7 +1733,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 100,
+                "line": 88,
                 "character": 13
               }
             ],
@@ -1788,7 +1788,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 116,
+                "line": 104,
                 "character": 13
               }
             ],
@@ -1823,7 +1823,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 120,
+                "line": 108,
                 "character": 13
               }
             ],
@@ -1878,7 +1878,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 128,
+                "line": 116,
                 "character": 13
               }
             ],
@@ -1913,7 +1913,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 132,
+                "line": 120,
                 "character": 13
               }
             ],
@@ -1968,7 +1968,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 227,
+                "line": 212,
                 "character": 9
               }
             ],
@@ -2005,7 +2005,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 182,
+                "line": 167,
                 "character": 9
               }
             ],
@@ -2042,7 +2042,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 296,
+                "line": 279,
                 "character": 9
               }
             ],
@@ -2084,7 +2084,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 298,
+                "line": 281,
                 "character": 9
               }
             ],
@@ -2113,7 +2113,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 300,
+                "line": 283,
                 "character": 9
               }
             ],
@@ -2142,7 +2142,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 243,
+                "line": 226,
                 "character": 9
               }
             ],
@@ -2224,7 +2224,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 247,
+                "line": 230,
                 "character": 9
               }
             ],
@@ -2293,7 +2293,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 251,
+                "line": 234,
                 "character": 9
               }
             ],
@@ -2362,7 +2362,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 255,
+                "line": 238,
                 "character": 9
               }
             ],
@@ -2391,7 +2391,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 279,
+                "line": 262,
                 "character": 9
               }
             ],
@@ -2433,7 +2433,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 267,
+                "line": 250,
                 "character": 9
               }
             ],
@@ -2483,7 +2483,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 271,
+                "line": 254,
                 "character": 9
               }
             ],
@@ -2533,7 +2533,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-                "line": 239,
+                "line": 222,
                 "character": 9
               }
             ],
@@ -2618,7 +2618,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/autocomplete/autocomplete-input.directive.ts",
-            "line": 55,
+            "line": 44,
             "character": 13
           }
         ],
@@ -2655,7 +2655,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-autocomplete',\n  templateUrl: './autocomplete.component.html',\n  styleUrls: ['./autocomplete.component.scss'],\n  providers: [\n    SkyAutocompleteAdapterService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-autocomplete',\n  templateUrl: './autocomplete.component.html',\n  styleUrls: ['./autocomplete.component.scss'],\n  providers: [SkyAutocompleteAdapterService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2669,7 +2669,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 443,
+                "line": 415,
                 "character": 2
               }
             ],
@@ -2798,7 +2798,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 107,
+                "line": 78,
                 "character": 9
               }
             ],
@@ -2818,7 +2818,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 314,
+                "line": 289,
                 "character": 9
               }
             ],
@@ -2858,7 +2858,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 278,
+                "line": 253,
                 "character": 9
               }
             ],
@@ -2878,7 +2878,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 316,
+                "line": 291,
                 "character": 9
               }
             ],
@@ -2898,7 +2898,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 318,
+                "line": 293,
                 "character": 9
               }
             ],
@@ -2931,7 +2931,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 247,
+                "line": 222,
                 "character": 9
               }
             ],
@@ -2955,7 +2955,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 320,
+                "line": 295,
                 "character": 9
               }
             ],
@@ -2985,7 +2985,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 115,
+                "line": 86,
                 "character": 13
               }
             ],
@@ -3062,7 +3062,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 129,
+                "line": 100,
                 "character": 13
               }
             ],
@@ -3139,7 +3139,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 143,
+                "line": 114,
                 "character": 13
               }
             ],
@@ -3206,7 +3206,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 310,
+                "line": 285,
                 "character": 13
               }
             ],
@@ -3245,7 +3245,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 183,
+                "line": 154,
                 "character": 13
               }
             ],
@@ -3328,7 +3328,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 198,
+                "line": 169,
                 "character": 13
               }
             ],
@@ -3401,7 +3401,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 215,
+                "line": 189,
                 "character": 13
               }
             ],
@@ -3474,7 +3474,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 306,
+                "line": 281,
                 "character": 13
               }
             ],
@@ -3516,7 +3516,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 254,
+                "line": 229,
                 "character": 13
               }
             ],
@@ -3587,7 +3587,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 230,
+                "line": 204,
                 "character": 13
               }
             ],
@@ -3664,7 +3664,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 298,
+                "line": 273,
                 "character": 13
               }
             ],
@@ -3703,7 +3703,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 322,
+                "line": 297,
                 "character": 13
               }
             ],
@@ -3732,7 +3732,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 479,
+                "line": 453,
                 "character": 9
               }
             ],
@@ -3761,7 +3761,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 485,
+                "line": 459,
                 "character": 9
               }
             ],
@@ -3803,7 +3803,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 593,
+                "line": 568,
                 "character": 9
               }
             ],
@@ -3845,7 +3845,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 565,
+                "line": 540,
                 "character": 9
               }
             ],
@@ -3874,7 +3874,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 456,
+                "line": 428,
                 "character": 9
               }
             ],
@@ -3911,7 +3911,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 466,
+                "line": 440,
                 "character": 9
               }
             ],
@@ -3948,7 +3948,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 470,
+                "line": 444,
                 "character": 9
               }
             ],
@@ -3985,7 +3985,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 571,
+                "line": 546,
                 "character": 9
               }
             ],
@@ -4038,7 +4038,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-                "line": 584,
+                "line": 559,
                 "character": 9
               }
             ],
@@ -4128,7 +4128,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/autocomplete/autocomplete.component.ts",
-            "line": 96,
+            "line": 67,
             "character": 13
           }
         ],
@@ -4161,7 +4161,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-country-field',\n  templateUrl: './country-field.component.html',\n  styleUrls: ['./country-field.component.scss'],\n  providers: [\n    SKY_COUNTRY_FIELD_VALIDATOR\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-country-field',\n  templateUrl: './country-field.component.html',\n  styleUrls: ['./country-field.component.scss'],\n  providers: [SKY_COUNTRY_FIELD_VALIDATOR],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -4175,7 +4175,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 281,
+                "line": 267,
                 "character": 2
               }
             ],
@@ -4322,7 +4322,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 92,
+                "line": 74,
                 "character": 9
               }
             ],
@@ -4342,7 +4342,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 183,
+                "line": 166,
                 "character": 9
               }
             ],
@@ -4378,7 +4378,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 192,
+                "line": 175,
                 "character": 9
               }
             ],
@@ -4399,7 +4399,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 185,
+                "line": 168,
                 "character": 9
               }
             ],
@@ -4419,7 +4419,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 243,
+                "line": 229,
                 "character": 9
               }
             ],
@@ -4459,7 +4459,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 141,
+                "line": 124,
                 "character": 9
               }
             ],
@@ -4493,7 +4493,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 245,
+                "line": 231,
                 "character": 9
               }
             ],
@@ -4513,7 +4513,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 187,
+                "line": 170,
                 "character": 9
               }
             ],
@@ -4534,7 +4534,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 383,
+                "line": 372,
                 "character": 9
               }
             ],
@@ -4555,7 +4555,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 386,
+                "line": 375,
                 "character": 9
               }
             ],
@@ -4576,7 +4576,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 189,
+                "line": 172,
                 "character": 9
               }
             ],
@@ -4610,7 +4610,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 181,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -4648,7 +4648,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 101,
+                "line": 83,
                 "character": 13
               }
             ],
@@ -4725,7 +4725,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 120,
+                "line": 103,
                 "character": 13
               }
             ],
@@ -4796,7 +4796,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 148,
+                "line": 131,
                 "character": 13
               }
             ],
@@ -4863,7 +4863,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 194,
+                "line": 177,
                 "character": 13
               }
             ],
@@ -4930,7 +4930,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 163,
+                "line": 146,
                 "character": 13
               }
             ],
@@ -4997,7 +4997,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 335,
+                "line": 322,
                 "character": 9
               }
             ],
@@ -5034,7 +5034,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 388,
+                "line": 377,
                 "character": 9
               }
             ],
@@ -5116,7 +5116,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 392,
+                "line": 381,
                 "character": 9
               }
             ],
@@ -5185,7 +5185,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 397,
+                "line": 386,
                 "character": 9
               }
             ],
@@ -5235,7 +5235,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 401,
+                "line": 390,
                 "character": 9
               }
             ],
@@ -5285,7 +5285,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-                "line": 413,
+                "line": 404,
                 "character": 9
               }
             ],
@@ -5380,7 +5380,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/country-field/country-field.component.ts",
-            "line": 85,
+            "line": 66,
             "character": 13
           }
         ],
@@ -5421,7 +5421,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-lookup',\n  templateUrl: './lookup.component.html',\n  styleUrls: ['./lookup.component.scss'],\n  providers: [\n    SkyLookupAdapterService\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-lookup',\n  templateUrl: './lookup.component.html',\n  styleUrls: ['./lookup.component.scss'],\n  providers: [SkyLookupAdapterService],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -5435,7 +5435,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 335,
+                "line": 288,
                 "character": 2
               }
             ],
@@ -5635,7 +5635,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 243,
+                "line": 196,
                 "character": 9
               }
             ],
@@ -5676,7 +5676,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 133,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -5709,7 +5709,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 142,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -5748,7 +5748,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 149,
+                "line": 101,
                 "character": 9
               }
             ],
@@ -5768,7 +5768,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 284,
+                "line": 237,
                 "character": 9
               }
             ],
@@ -5814,7 +5814,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 31,
+                "line": 20,
                 "character": 9
               }
             ],
@@ -5851,7 +5851,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 174,
+                "line": 126,
                 "character": 9
               }
             ],
@@ -5885,7 +5885,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 180,
+                "line": 132,
                 "character": 9
               }
             ],
@@ -5919,7 +5919,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 193,
+                "line": 145,
                 "character": 9
               }
             ],
@@ -5953,7 +5953,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 285,
+                "line": 238,
                 "character": 9
               }
             ],
@@ -5987,7 +5987,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 186,
+                "line": 138,
                 "character": 9
               }
             ],
@@ -6020,7 +6020,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 103,
+                "line": 95,
                 "character": 9
               }
             ],
@@ -6061,7 +6061,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 84,
+                "line": 76,
                 "character": 9
               }
             ],
@@ -6104,7 +6104,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 110,
+                "line": 102,
                 "character": 9
               }
             ],
@@ -6147,7 +6147,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 93,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -6184,7 +6184,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 199,
+                "line": 151,
                 "character": 9
               }
             ],
@@ -6218,7 +6218,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 205,
+                "line": 157,
                 "character": 9
               }
             ],
@@ -6253,7 +6253,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 286,
+                "line": 239,
                 "character": 9
               }
             ],
@@ -6290,7 +6290,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 158,
+                "line": 110,
                 "character": 13
               }
             ],
@@ -6373,7 +6373,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 39,
+                "line": 28,
                 "character": 13
               }
             ],
@@ -6450,8 +6450,8 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 52,
-                "character": 14
+                "line": 41,
+                "character": 13
               }
             ],
             "getSignature": [
@@ -6533,8 +6533,8 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup-autocomplete-adapter.ts",
-                "line": 67,
-                "character": 14
+                "line": 56,
+                "character": 13
               }
             ],
             "getSignature": [
@@ -6606,7 +6606,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 212,
+                "line": 164,
                 "character": 13
               }
             ],
@@ -6675,7 +6675,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 245,
+                "line": 198,
                 "character": 13
               }
             ],
@@ -6736,7 +6736,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 269,
+                "line": 222,
                 "character": 13
               }
             ],
@@ -6797,7 +6797,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 388,
+                "line": 341,
                 "character": 9
               }
             ],
@@ -6826,7 +6826,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 485,
+                "line": 445,
                 "character": 9
               }
             ],
@@ -6855,7 +6855,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 494,
+                "line": 454,
                 "character": 9
               }
             ],
@@ -6908,7 +6908,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 516,
+                "line": 476,
                 "character": 9
               }
             ],
@@ -6950,7 +6950,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 375,
+                "line": 328,
                 "character": 9
               }
             ],
@@ -6987,7 +6987,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 381,
+                "line": 334,
                 "character": 9
               }
             ],
@@ -7024,7 +7024,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 350,
+                "line": 303,
                 "character": 9
               }
             ],
@@ -7061,7 +7061,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 401,
+                "line": 359,
                 "character": 9
               }
             ],
@@ -7090,7 +7090,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 392,
+                "line": 348,
                 "character": 9
               }
             ],
@@ -7133,7 +7133,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 461,
+                "line": 421,
                 "character": 9
               }
             ],
@@ -7178,7 +7178,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 542,
+                "line": 502,
                 "character": 9
               }
             ],
@@ -7207,7 +7207,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 557,
+                "line": 521,
                 "character": 9
               }
             ],
@@ -7249,7 +7249,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 405,
+                "line": 363,
                 "character": 9
               }
             ],
@@ -7294,7 +7294,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 425,
+                "line": 385,
                 "character": 9
               }
             ],
@@ -7323,7 +7323,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 431,
+                "line": 391,
                 "character": 9
               }
             ],
@@ -7365,7 +7365,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 463,
+                "line": 423,
                 "character": 9
               }
             ],
@@ -7394,7 +7394,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 565,
+                "line": 529,
                 "character": 9
               }
             ],
@@ -7436,7 +7436,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 465,
+                "line": 425,
                 "character": 9
               }
             ],
@@ -7518,7 +7518,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 469,
+                "line": 429,
                 "character": 9
               }
             ],
@@ -7587,7 +7587,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 474,
+                "line": 434,
                 "character": 9
               }
             ],
@@ -7637,7 +7637,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 454,
+                "line": 414,
                 "character": 9
               }
             ],
@@ -7758,7 +7758,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-            "line": 123,
+            "line": 75,
             "character": 13
           }
         ],
@@ -7859,7 +7859,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/types/country.ts",
-                "line": 22,
+                "line": 21,
                 "character": 2
               }
             ],
@@ -7886,7 +7886,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/types/country.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -7909,7 +7909,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/country-field/types/country.ts",
-                "line": 16,
+                "line": 15,
                 "character": 2
               }
             ],
@@ -7962,7 +7962,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-add-click-callback-args.ts",
-                "line": 17,
+                "line": 16,
                 "character": 2
               }
             ],
@@ -7986,7 +7986,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-add-click-callback-args.ts",
-                "line": 9,
+                "line": 8,
                 "character": 2
               }
             ],
@@ -8033,7 +8033,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-add-click-event-args.ts",
-                "line": 14,
+                "line": 11,
                 "character": 2
               }
             ],
@@ -8084,7 +8084,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/types/lookup-add-click-event-args.ts",
-            "line": 8,
+            "line": 6,
             "character": 17
           }
         ]
@@ -8113,7 +8113,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-                "line": 19,
+                "line": 15,
                 "character": 2
               }
             ],
@@ -8137,7 +8137,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-                "line": 24,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -8161,7 +8161,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-            "line": 15,
+            "line": 11,
             "character": 17
           }
         ]
@@ -8185,7 +8185,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-custom-picker.ts",
-                "line": 10,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -8230,7 +8230,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-custom-picker.ts",
-            "line": 8,
+            "line": 6,
             "character": 17
           }
         ]
@@ -8259,7 +8259,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
-                "line": 16,
+                "line": 14,
                 "character": 2
               }
             ],
@@ -8294,7 +8294,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
-                "line": 22,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -8317,7 +8317,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
-            "line": 9,
+            "line": 7,
             "character": 17
           }
         ]
@@ -8331,7 +8331,7 @@
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-function.ts",
-            "line": 5,
+            "line": 3,
             "character": 12
           }
         ],
@@ -8346,8 +8346,8 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-function.ts",
-                "line": 6,
-                "character": 2
+                "line": 3,
+                "character": 44
               }
             ],
             "signatures": [
@@ -8418,8 +8418,8 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/autocomplete/types/autocomplete-search-function-filter.ts",
-                "line": 2,
-                "character": 2
+                "line": 1,
+                "character": 50
               }
             ],
             "signatures": [
@@ -8582,92 +8582,92 @@
     {
       "fileName": "autocomplete-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/advanced/autocomplete-demo.component.html",
-      "rawContents": "<form\n  novalidate\n  [formGroup]=\"myForm\"\n>\n  <div\n    class=\"sky-margin-stacked-default\"\n  >\n    The following field:<br>\n    <ul>\n      <li>utilizes a custom search result template,</li>\n      <li>searches against the name and description properties,</li>\n      <li>limits the search results to two,</li>\n      <li>runs the search if the query is at least three characters long,</li>\n      <li>and fires an event when a selection is made.</li>\n    </ul>\n  </div>\n\n  <div\n    class=\"sky-form-group\"\n  >\n    <label\n      class=\"sky-control-label\"\n      [for]=\"planetInput.id\"\n    >\n     Farthest planet from the sun\n    </label>\n    <sky-autocomplete\n      [data]=\"planets\"\n      [propertiesToSearch]=\"['name', 'description']\"\n      [searchResultsLimit]=\"2\"\n      [searchResultTemplate]=\"planetSearchResultTemplate\"\n      [searchTextMinimumCharacters]=\"3\"\n      (selectionChange)=\"onPlanetSelection($event)\"\n    >\n      <input\n        formControlName=\"farthestPlanet\"\n        skyAutocomplete\n        skyId\n        type=\"text\"\n        #planetInput\n      >\n    </sky-autocomplete>\n  </div>\n  <p\n    class=\"sky-emphasized\"\n  >\n    Form model:\n  </p>\n  <pre>{{ myForm.value | json }}</pre>\n</form>\n\n<ng-template\n  let-item=\"item\"\n  #planetSearchResultTemplate\n>\n  <strong>\n    {{ item.name }}\n  </strong>\n  <br>\n  {{ item.description }}\n</ng-template>\n"
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <div class=\"sky-margin-stacked-default\">\n    The following field:<br />\n    <ul>\n      <li>utilizes a custom search result template,</li>\n      <li>searches against the name and description properties,</li>\n      <li>limits the search results to two,</li>\n      <li>runs the search if the query is at least three characters long,</li>\n      <li>and fires an event when a selection is made.</li>\n    </ul>\n  </div>\n\n  <div class=\"sky-form-group\">\n    <label class=\"sky-control-label\" [for]=\"planetInput.id\">\n      Farthest planet from the sun\n    </label>\n    <sky-autocomplete\n      [data]=\"planets\"\n      [propertiesToSearch]=\"['name', 'description']\"\n      [searchResultsLimit]=\"2\"\n      [searchResultTemplate]=\"planetSearchResultTemplate\"\n      [searchTextMinimumCharacters]=\"3\"\n      (selectionChange)=\"onPlanetSelection($event)\"\n    >\n      <input\n        formControlName=\"farthestPlanet\"\n        skyAutocomplete\n        skyId\n        type=\"text\"\n        #planetInput\n      />\n    </sky-autocomplete>\n  </div>\n  <p class=\"sky-emphasized\">Form model:</p>\n  <pre>{{ myForm.value | json }}</pre>\n</form>\n\n<ng-template let-item=\"item\" #planetSearchResultTemplate>\n  <strong>\n    {{ item.name }}\n  </strong>\n  <br />\n  {{ item.description }}\n</ng-template>\n"
     },
     {
       "fileName": "autocomplete-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/advanced/autocomplete-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup\n} 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\n  public farthestPlanet: any;\n\n  public myForm: FormGroup;\n\n  public planets: any[] = [\n    { name: 'Mercury', description: 'Mercury is a planet in our solar system.' },\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    { name: 'Jupiter', description: 'Jupiter is a planet in our solar system.' },\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    { name: 'Neptune', description: 'Neptune is a planet in our solar system.' }\n  ];\n\n  public searchFilters: SkyAutocompleteSearchFunctionFilter[] = [\n    (searchText: string, item: any): boolean => {\n      return (item.name !== 'Red');\n    }\n  ];\n\n  constructor(\n    private formBuilder: FormBuilder\n  ) { }\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';\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"
     },
     {
       "fileName": "autocomplete-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/advanced/autocomplete-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyAutocompleteModule\n} from '@skyux/lookup';\n\nimport {\n  AutocompleteDemoComponent\n} from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIconModule\n  ],\n  declarations: [\n    AutocompleteDemoComponent\n  ],\n  exports: [\n    AutocompleteDemoComponent\n  ]\n})\nexport class AutocompleteDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "autocomplete-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/basic/autocomplete-demo.component.html",
-      "rawContents": "<form\n  novalidate\n  [formGroup]=\"myForm\"\n>\n  <div\n    class=\"sky-form-group\"\n  >\n    <label\n      class=\"sky-control-label\"\n      [for]=\"favoriteColorInput.id\"\n    >\n      Favorite color\n    </label>\n    <sky-autocomplete\n      [data]=\"colors\"\n    >\n      <input\n        formControlName=\"favoriteColor\"\n        id=\"my-autocomplete-reactive-basic\"\n        type=\"text\"\n        skyAutocomplete\n        skyId\n        #favoriteColorInput\n      >\n    </sky-autocomplete>\n  </div>\n  <p\n    class=\"sky-emphasized\"\n  >\n    Form model:\n  </p>\n  <pre>{{ myForm.value | json }}</pre>\n</form>\n"
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <div class=\"sky-form-group\">\n    <label class=\"sky-control-label\" [for]=\"favoriteColorInput.id\">\n      Favorite color\n    </label>\n    <sky-autocomplete [data]=\"colors\">\n      <input\n        formControlName=\"favoriteColor\"\n        id=\"my-autocomplete-reactive-basic\"\n        type=\"text\"\n        skyAutocomplete\n        skyId\n        #favoriteColorInput\n      />\n    </sky-autocomplete>\n  </div>\n  <p class=\"sky-emphasized\">Form model:</p>\n  <pre>{{ myForm.value | json }}</pre>\n</form>\n"
     },
     {
       "fileName": "autocomplete-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/basic/autocomplete-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup\n} from '@angular/forms';\n\n@Component({\n  selector: 'app-autocomplete-demo',\n  templateUrl: './autocomplete-demo.component.html'\n})\nexport class AutocompleteDemoComponent implements OnInit {\n\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(\n    private formBuilder: FormBuilder\n  ) { }\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';\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"
     },
     {
       "fileName": "autocomplete-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/basic/autocomplete-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyAutocompleteModule\n} from '@skyux/lookup';\n\nimport {\n  AutocompleteDemoComponent\n} from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIdModule\n  ],\n  declarations: [\n    AutocompleteDemoComponent\n  ],\n  exports: [\n    AutocompleteDemoComponent\n  ]\n})\nexport class AutocompleteDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "autocomplete-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/custom-search/autocomplete-demo.component.html",
-      "rawContents": "<form\n  novalidate\n  [formGroup]=\"myForm\"\n>\n  <p>\n    The following field has a preselected value and utilizes a custom search function, as well as a custom template for the search results.\n  </p>\n  <div\n    class=\"sky-form-group\"\n  >\n    <label\n      class=\"sky-control-label\"\n      [for]=\"largestOceanInput.id\"\n    >\n      Largest ocean\n    </label>\n    <sky-autocomplete\n      descriptorProperty=\"title\"\n      [data]=\"oceans\"\n      [search]=\"getOceanSearchFunction()\"\n      [searchResultTemplate]=\"oceanSearchResultTemplate\"\n    >\n      <input\n        formControlName=\"largestOcean\"\n        type=\"text\"\n        skyAutocomplete\n        skyId\n        #largestOceanInput=\"skyId\"\n      >\n    </sky-autocomplete>\n  </div>\n  <p\n    class=\"sky-emphasized\"\n  >\n    Form model:\n  </p>\n  <pre>{{ myForm.value | json }}</pre>\n</form>\n\n<ng-template\n  let-item=\"item\"\n  #oceanSearchResultTemplate\n>\n  <sky-icon\n    icon=\"long-arrow-right\"\n  ></sky-icon>\n  {{ item.title }} &bull; ID {{ item.id }}\n</ng-template>\n"
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <p>\n    The following field has a preselected value and utilizes a custom search\n    function, as well as a custom template for the search results.\n  </p>\n  <div class=\"sky-form-group\">\n    <label class=\"sky-control-label\" [for]=\"largestOceanInput.id\">\n      Largest ocean\n    </label>\n    <sky-autocomplete\n      descriptorProperty=\"title\"\n      [data]=\"oceans\"\n      [search]=\"getOceanSearchFunction()\"\n      [searchResultTemplate]=\"oceanSearchResultTemplate\"\n    >\n      <input\n        formControlName=\"largestOcean\"\n        type=\"text\"\n        skyAutocomplete\n        skyId\n        #largestOceanInput=\"skyId\"\n      />\n    </sky-autocomplete>\n  </div>\n  <p class=\"sky-emphasized\">Form model:</p>\n  <pre>{{ myForm.value | json }}</pre>\n</form>\n\n<ng-template let-item=\"item\" #oceanSearchResultTemplate>\n  <sky-icon icon=\"long-arrow-right\"></sky-icon>\n  {{ item.title }} &bull; ID {{ item.id }}\n</ng-template>\n"
     },
     {
       "fileName": "autocomplete-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/custom-search/autocomplete-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup\n} 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\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(\n    private formBuilder: FormBuilder\n  ) { }\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  public getOceanSearchFunction(): SkyAutocompleteSearchFunction {\n    const searchFunction = (searchText: string, oceans: any[]): 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 = (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';\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"
     },
     {
       "fileName": "autocomplete-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/custom-search/autocomplete-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyAutocompleteModule\n} from '@skyux/lookup';\n\nimport {\n  AutocompleteDemoComponent\n} from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIconModule,\n    SkyIdModule\n  ],\n  declarations: [\n    AutocompleteDemoComponent\n  ],\n  exports: [\n    AutocompleteDemoComponent\n  ]\n})\nexport class AutocompleteDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "autocomplete-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/search-filters/autocomplete-demo.component.html",
-      "rawContents": "<form\n  novalidate\n  [formGroup]=\"myForm\"\n>\n  <p>\n    The following field provides a custom function that filters the data before every search attempt.\n  </p>\n  <div\n    class=\"sky-form-group\"\n  >\n    <label\n      class=\"sky-control-label\"\n      [for]=\"favoriteColorInput.id\"\n    >\n      Color (\"Red\" is not available)\n    </label>\n    <sky-autocomplete\n      [data]=\"colors\"\n      [searchFilters]=\"searchFilters\"\n    >\n      <input\n        formControlName=\"favoriteColor\"\n        skyAutocomplete\n        skyId\n        type=\"text\"\n        #favoriteColorInput=\"skyId\"\n      >\n    </sky-autocomplete>\n  </div>\n  <p\n    class=\"sky-emphasized\"\n  >\n    Form model:\n  </p>\n  <pre>{{ myForm.value | json }}</pre>\n</form>\n"
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <p>\n    The following field provides a custom function that filters the data before\n    every search attempt.\n  </p>\n  <div class=\"sky-form-group\">\n    <label class=\"sky-control-label\" [for]=\"favoriteColorInput.id\">\n      Color (\"Red\" is not available)\n    </label>\n    <sky-autocomplete [data]=\"colors\" [searchFilters]=\"searchFilters\">\n      <input\n        formControlName=\"favoriteColor\"\n        skyAutocomplete\n        skyId\n        type=\"text\"\n        #favoriteColorInput=\"skyId\"\n      />\n    </sky-autocomplete>\n  </div>\n  <p class=\"sky-emphasized\">Form model:</p>\n  <pre>{{ myForm.value | json }}</pre>\n</form>\n"
     },
     {
       "fileName": "autocomplete-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/search-filters/autocomplete-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyAutocompleteSearchFunctionFilter\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\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(\n    private formBuilder: FormBuilder\n  ) { }\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';\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"
     },
     {
       "fileName": "autocomplete-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/autocomplete/search-filters/autocomplete-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyAutocompleteModule\n} from '@skyux/lookup';\n\nimport {\n  AutocompleteDemoComponent\n} from './autocomplete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyAutocompleteModule,\n    SkyIdModule\n  ],\n  declarations: [\n    AutocompleteDemoComponent\n  ],\n  exports: [\n    AutocompleteDemoComponent\n  ]\n})\nexport class AutocompleteDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "country-field-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/country-field/basic/country-field-demo.component.html",
-      "rawContents": "<form\n  [formGroup]=\"countryForm\"\n>\n  <sky-input-box>\n    <sky-country-field\n      formControlName=\"countryControl\"\n    >\n    </sky-country-field>\n  </sky-input-box>\n</form>\n"
+      "rawContents": "<form [formGroup]=\"countryForm\">\n  <sky-input-box>\n    <sky-country-field formControlName=\"countryControl\"> </sky-country-field>\n  </sky-input-box>\n</form>\n"
     },
     {
       "fileName": "country-field-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/country-field/basic/country-field-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormControl,\n  FormGroup,\n  Validators\n} from '@angular/forms';\n\nimport {\n  SkyCountryFieldCountry\n} 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\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';\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"
     },
     {
       "fileName": "country-field-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/country-field/basic/country-field-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyCountryFieldModule\n} from '@skyux/lookup';\n\nimport {\n  CountryFieldDemoComponent\n} from './country-field-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCountryFieldModule,\n    SkyInputBoxModule\n  ],\n  declarations: [\n    CountryFieldDemoComponent\n  ],\n  exports: [\n    CountryFieldDemoComponent\n  ]\n})\nexport class CountryFieldDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyCountryFieldModule } from '@skyux/lookup';\n\nimport { CountryFieldDemoComponent } from './country-field-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCountryFieldModule,\n    SkyInputBoxModule,\n  ],\n  declarations: [CountryFieldDemoComponent],\n  exports: [CountryFieldDemoComponent],\n})\nexport class CountryFieldDemoModule {}\n"
     },
     {
       "fileName": "lookup-custom-picker-demo-modal.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-demo-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    Custom picker\n  </sky-modal-header>\n  <sky-modal-content>\n    This is a custom picker!\n    <form\n      [formGroup]=\"myForm\"\n    >\n      <sky-checkbox\n        formControlName=\"selectLast\"\n      >\n        <sky-checkbox-label>\n          Select last item\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </form>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"modalInstance.save(myForm.get('selectLast').value)\"\n    >\n      Save\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Custom picker </sky-modal-header>\n  <sky-modal-content>\n    This is a custom picker!\n    <form [formGroup]=\"myForm\">\n      <sky-checkbox formControlName=\"selectLast\">\n        <sky-checkbox-label> Select last item </sky-checkbox-label>\n      </sky-checkbox>\n    </form>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"modalInstance.save(myForm.get('selectLast').value)\"\n    >\n      Save\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "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 {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyLookupShowMoreCustomPickerContext\n} from '@skyux/lookup';\n\nimport {\n  SkyModalInstance\n} 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\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}\n"
+      "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"
     },
     {
       "fileName": "lookup-custom-picker-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-demo.component.html",
-      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div\n    class=\"sky-form-group\"\n  >\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        skyId\n        #namesLabel=\"skyId\"\n      >\n        Favorite names\n      </label>\n      <sky-lookup\n        formControlName=\"names\"\n        [ariaLabelledBy]=\"namesLabel.id\"\n        [data]=\"people\"\n        [enableShowMore]=\"true\"\n        [searchFilters]=\"getSearchFilters()\"\n        [showAddButton]=\"true\"\n        [showMoreConfig]=\"showMoreConfig\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div\n    class=\"lookup-demo-alert\"\n  >\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button\n    class=\"sky-btn sky-btn-default\"\n    type=\"submit\"\n  >\n    Submit\n  </button>\n</form>\n"
+      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"sky-form-group\">\n    <sky-input-box>\n      <label class=\"sky-control-label\" skyId #namesLabel=\"skyId\">\n        Favorite names\n      </label>\n      <sky-lookup\n        formControlName=\"names\"\n        [ariaLabelledBy]=\"namesLabel.id\"\n        [data]=\"people\"\n        [enableShowMore]=\"true\"\n        [searchFilters]=\"getSearchFilters()\"\n        [showAddButton]=\"true\"\n        [showMoreConfig]=\"showMoreConfig\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button class=\"sky-btn sky-btn-default\" type=\"submit\">Submit</button>\n</form>\n"
     },
     {
       "fileName": "lookup-custom-picker-demo.component.scss",
@@ -8677,17 +8677,17 @@
     {
       "fileName": "lookup-custom-picker-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectorRef,\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyAutocompleteSearchFunctionFilter,\n  SkyLookupShowMoreConfig,\n  SkyLookupShowMoreCustomPickerContext\n} from '@skyux/lookup';\n\nimport {\n  SkyModalCloseArgs,\n  SkyModalService\n} from '@skyux/modals';\n\nimport {\n  LookupCustomPickerDemoModalComponent\n} 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\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[] = [\n    this.people[15]\n  ];\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(LookupCustomPickerDemoModalComponent, {\n            providers: [\n              {\n                provide: SkyLookupShowMoreCustomPickerContext,\n                useValue: context\n              }\n            ]\n          });\n\n          instance.closed.subscribe((closeArgs: SkyModalCloseArgs) => {\n            if (closeArgs.reason === 'save') {\n              if (closeArgs.data) {\n                this.myForm\n                  .setValue({ 'names': [this.people[this.people.length - 1]] });\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}\n"
+      "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"
     },
     {
       "fileName": "lookup-custom-picker-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/custom-picker/lookup-custom-picker-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyCheckboxModule,\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyLookupModule\n} from '@skyux/lookup';\n\nimport {\n  SkyModalModule\n} from '@skyux/modals';\n\nimport {\n  LookupCustomPickerDemoComponent\n} from './lookup-custom-picker-demo.component';\n\nimport {\n  LookupCustomPickerDemoModalComponent\n} 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: [\n    LookupCustomPickerDemoComponent\n  ],\n  entryComponents: [\n    LookupCustomPickerDemoModalComponent\n  ]\n})\nexport class LookupCustomPickerDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "lookup-multiple-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/multi-select/lookup-multiple-demo.component.html",
-      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div\n    class=\"sky-form-group\"\n  >\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        skyId\n        #namesLabel=\"skyId\"\n      >\n        Favorite names\n      </label>\n      <sky-lookup\n        formControlName=\"names\"\n        [ariaLabelledBy]=\"namesLabel.id\"\n        [data]=\"people\"\n        [enableShowMore]=\"true\"\n        [searchFilters]=\"getSearchFilters()\"\n        [showAddButton]=\"true\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div\n    class=\"lookup-demo-alert\"\n  >\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button\n    class=\"sky-btn sky-btn-default\"\n    type=\"submit\"\n  >\n    Submit\n  </button>\n</form>\n"
+      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"sky-form-group\">\n    <sky-input-box>\n      <label class=\"sky-control-label\" skyId #namesLabel=\"skyId\">\n        Favorite names\n      </label>\n      <sky-lookup\n        formControlName=\"names\"\n        [ariaLabelledBy]=\"namesLabel.id\"\n        [data]=\"people\"\n        [enableShowMore]=\"true\"\n        [searchFilters]=\"getSearchFilters()\"\n        [showAddButton]=\"true\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button class=\"sky-btn sky-btn-default\" type=\"submit\">Submit</button>\n</form>\n"
     },
     {
       "fileName": "lookup-multiple-demo.component.scss",
@@ -8697,17 +8697,17 @@
     {
       "fileName": "lookup-multiple-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/multi-select/lookup-multiple-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyAutocompleteSearchFunctionFilter\n} 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\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[] = [\n    this.people[15]\n  ];\n\n  constructor(\n    private formBuilder: FormBuilder\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}\n"
+      "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"
     },
     {
       "fileName": "lookup-multiple-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/multi-select/lookup-multiple-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyLookupModule\n} from '@skyux/lookup';\n\nimport {\n  LookupMultipleSelectDemoComponent\n} from './lookup-multiple-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule\n  ],\n  declarations: [\n    LookupMultipleSelectDemoComponent\n  ],\n  exports: [\n    LookupMultipleSelectDemoComponent\n  ]\n})\nexport class LookupMultipleSelectDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "lookup-result-templates-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/result-templates/lookup-result-templates-demo.component.html",
-      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div\n    class=\"sky-form-group\"\n  >\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        skyId\n        #namesLabel=\"skyId\"\n      >\n        Favorite names\n      </label>\n      <sky-lookup\n        formControlName=\"names\"\n        [ariaLabelledBy]=\"namesLabel.id\"\n        [data]=\"people\"\n        [enableShowMore]=\"true\"\n        [searchFilters]=\"getSearchFilters()\"\n        [searchResultTemplate]=\"dropdownItemTemplate\"\n        [showAddButton]=\"true\"\n        [showMoreConfig]=\"showMoreConfig\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div\n    class=\"lookup-demo-alert\"\n  >\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button\n    class=\"sky-btn sky-btn-default\"\n    type=\"submit\"\n  >\n    Submit\n  </button>\n</form>\n\n<ng-template\n  let-item=\"item\"\n  #dropdownItemTemplate\n>\n  <strong>{{item.name}}</strong><br/>\n  {{item.formal}}\n</ng-template>\n<ng-template\n  let-item=\"item\"\n  #modalItemTemplate\n>\n  {{item.name}}<br/>\n  <i>{{item.formal}}</i>\n</ng-template>\n"
+      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"sky-form-group\">\n    <sky-input-box>\n      <label class=\"sky-control-label\" skyId #namesLabel=\"skyId\">\n        Favorite names\n      </label>\n      <sky-lookup\n        formControlName=\"names\"\n        [ariaLabelledBy]=\"namesLabel.id\"\n        [data]=\"people\"\n        [enableShowMore]=\"true\"\n        [searchFilters]=\"getSearchFilters()\"\n        [searchResultTemplate]=\"dropdownItemTemplate\"\n        [showAddButton]=\"true\"\n        [showMoreConfig]=\"showMoreConfig\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button class=\"sky-btn sky-btn-default\" type=\"submit\">Submit</button>\n</form>\n\n<ng-template let-item=\"item\" #dropdownItemTemplate>\n  <strong>{{ item.name }}</strong\n  ><br />\n  {{ item.formal }}\n</ng-template>\n<ng-template let-item=\"item\" #modalItemTemplate>\n  {{ item.name }}<br />\n  <i>{{ item.formal }}</i>\n</ng-template>\n"
     },
     {
       "fileName": "lookup-result-templates-demo.component.scss",
@@ -8717,17 +8717,17 @@
     {
       "fileName": "lookup-result-templates-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/result-templates/lookup-result-templates-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit,\n  TemplateRef,\n  ViewChild\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} 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\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[] = [\n    this.people[15]\n  ];\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(\n    private formBuilder: FormBuilder\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}\n"
+      "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"
     },
     {
       "fileName": "lookup-result-templates-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/result-templates/lookup-result-templates-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyLookupModule\n} from '@skyux/lookup';\n\nimport {\n  LookupResultTemplatesDemoComponent\n} from './lookup-result-templates-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule\n  ],\n  declarations: [\n    LookupResultTemplatesDemoComponent\n  ],\n  exports: [\n    LookupResultTemplatesDemoComponent\n  ]\n})\nexport class LookupResultTemplatesDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "lookup-single-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/single-select/lookup-single-demo.component.html",
-      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div\n    class=\"sky-form-group\"\n  >\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        skyId\n        #nameLabel=\"skyId\"\n      >\n        Favorite name\n      </label>\n      <sky-lookup\n        formControlName=\"name\"\n        selectMode=\"single\"\n        [ariaLabelledBy]=\"nameLabel.id\"\n        [data]=\"people\"\n        [enableShowMore]=\"true\"\n        [searchFilters]=\"getSearchFilters()\"\n        [showAddButton]=\"true\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div\n    class=\"lookup-demo-alert\"\n  >\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button\n    class=\"sky-btn sky-btn-default\"\n    type=\"submit\"\n  >\n    Submit\n  </button>\n</form>\n"
+      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"myForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"sky-form-group\">\n    <sky-input-box>\n      <label class=\"sky-control-label\" skyId #nameLabel=\"skyId\">\n        Favorite name\n      </label>\n      <sky-lookup\n        formControlName=\"name\"\n        selectMode=\"single\"\n        [ariaLabelledBy]=\"nameLabel.id\"\n        [data]=\"people\"\n        [enableShowMore]=\"true\"\n        [searchFilters]=\"getSearchFilters()\"\n        [showAddButton]=\"true\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ myForm.value | json }}</pre>\n  </div>\n  <button class=\"sky-btn sky-btn-default\" type=\"submit\">Submit</button>\n</form>\n"
     },
     {
       "fileName": "lookup-single-demo.component.scss",
@@ -8737,27 +8737,27 @@
     {
       "fileName": "lookup-single-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/single-select/lookup-single-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyAutocompleteSearchFunctionFilter\n} 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\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[] = [\n    this.people[15]\n  ];\n\n  constructor(\n    private formBuilder: FormBuilder\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 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}\n"
+      "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"
     },
     {
       "fileName": "lookup-single-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/single-select/lookup-single-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyLookupModule\n} from '@skyux/lookup';\n\nimport {\n  LookupSingleSelectDemoComponent\n} from './lookup-single-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyLookupModule\n  ],\n  declarations: [\n    LookupSingleSelectDemoComponent\n  ],\n  exports: [\n    LookupSingleSelectDemoComponent\n  ]\n})\nexport class LookupSingleSelectDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "search-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/search/basic/search-demo.component.html",
-      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <button\n      class=\"sky-btn sky-btn-default sky-demo-search-bar-item\"\n      (click)=\"searchApplied('Robert')\"\n    >\n      Predefined search text\n    </button>\n  </sky-toolbar-item>\n  <sky-toolbar-item>\n    <sky-search\n      [searchText]=\"searchText\"\n      [debounceTime]=\"250\"\n      (searchApply)=\"searchApplied($event)\"\n      (searchChange)=\"searchApplied($event)\">\n    </sky-search>\n  </sky-toolbar-item>\n</sky-toolbar>\n<sky-repeater\n  expandMode=\"none\"\n>\n  <sky-repeater-item *ngFor=\"let item of displayedItems\">\n    <sky-repeater-item-title>\n      {{item.title}}\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      <div>\n        {{item.note}}\n      </div>\n    </sky-repeater-item-content>\n  </sky-repeater-item>\n</sky-repeater>\n"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <button\n      class=\"sky-btn sky-btn-default sky-demo-search-bar-item\"\n      (click)=\"searchApplied('Robert')\"\n    >\n      Predefined search text\n    </button>\n  </sky-toolbar-item>\n  <sky-toolbar-item>\n    <sky-search\n      [searchText]=\"searchText\"\n      [debounceTime]=\"250\"\n      (searchApply)=\"searchApplied($event)\"\n      (searchChange)=\"searchApplied($event)\"\n    >\n    </sky-search>\n  </sky-toolbar-item>\n</sky-toolbar>\n<sky-repeater expandMode=\"none\">\n  <sky-repeater-item *ngFor=\"let item of displayedItems\">\n    <sky-repeater-item-title>\n      {{ item.title }}\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      <div>\n        {{ item.note }}\n      </div>\n    </sky-repeater-item-content>\n  </sky-repeater-item>\n</sky-repeater>\n"
     },
     {
       "fileName": "search-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/search/basic/search-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-search-demo',\n  templateUrl: './search-demo.component.html'\n})\nexport class SearchDemoComponent {\n\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 (item.hasOwnProperty(property) && (property === 'title' || property === 'note')) {\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            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"
     },
     {
       "fileName": "search-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/search/basic/search-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyToolbarModule\n} from '@skyux/layout';\n\nimport {\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  SkySearchModule\n} from '@skyux/lookup';\n\nimport {\n  SearchDemoComponent\n} from './search-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyRepeaterModule,\n    SkySearchModule,\n    SkyToolbarModule\n  ],\n  declarations: [\n    SearchDemoComponent\n  ],\n  exports: [\n    SearchDemoComponent\n  ]\n})\nexport class SearchDemoModule { }\n"
+      "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"
     }
   ]
 }