@skyux/lookup 7.2.0 → 7.4.0

package/documentation.json

@@ -6,6 +6,8 @@
     "SkyLookupShowMoreCustomPickerContext": "class-skylookupshowmorecustompickercontext",
     "SkySearchComponent": "class-skysearchcomponent",
     "SkySearchModule": "class-skysearchmodule",
+    "SkySelectionModalModule": "class-skyselectionmodalmodule",
+    "SkySelectionModalService": "class-skyselectionmodalservice",
     "SkyAutocompleteInputDirective": "class-skyautocompleteinputdirective",
     "SkyAutocompleteComponent": "class-skyautocompletecomponent",
     "SkyCountryFieldComponent": "class-skycountryfieldcomponent",
@@ -19,6 +21,13 @@
     "SkyLookupShowMoreConfig": "interface-skylookupshowmoreconfig",
     "SkyLookupShowMoreCustomPicker": "interface-skylookupshowmorecustompicker",
     "SkyLookupShowMoreNativePickerConfig": "interface-skylookupshowmorenativepickerconfig",
+    "SkySelectionModalAddCallbackArgs": "interface-skyselectionmodaladdcallbackargs",
+    "SkySelectionModalAddClickEventArgs": "interface-skyselectionmodaladdclickeventargs",
+    "SkySelectionModalCloseArgs": "interface-skyselectionmodalcloseargs",
+    "SkySelectionModalOpenArgs": "interface-skyselectionmodalopenargs",
+    "SkySelectionModalResult": "interface-skyselectionmodalresult",
+    "SkySelectionModalSearchArgs": "interface-skyselectionmodalsearchargs",
+    "SkySelectionModalSearchResult": "interface-skyselectionmodalsearchresult",
     "AutocompleteSearchAsyncResultDisplayType": "type-alias-autocompletesearchasyncresultdisplaytype",
     "SkyAutocompleteSearchArgs": "type-alias-skyautocompletesearchargs",
     "SkyAutocompleteSearchContext": "type-alias-skyautocompletesearchcontext",
@@ -36,7 +45,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 623,
+        "id": 638,
         "name": "SkyAutocompleteModule",
         "kind": 128,
         "kindString": "Class",
@@ -61,7 +70,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              624
+              639
             ]
           }
         ],
@@ -74,7 +83,7 @@
         ]
       },
       {
-        "id": 626,
+        "id": 641,
         "name": "SkyCountryFieldModule",
         "kind": 128,
         "kindString": "Class",
@@ -99,7 +108,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              627
+              642
             ]
           }
         ],
@@ -112,7 +121,7 @@
         ]
       },
       {
-        "id": 635,
+        "id": 650,
         "name": "SkyLookupModule",
         "kind": 128,
         "kindString": "Class",
@@ -127,7 +136,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyLookupComponent,\n    SkyLookupItemSelectedPipe,\n    SkyLookupShowMoreAsyncModalComponent,\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    SkyWaitModule,\n  ],\n  exports: [SkyLookupComponent],\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    SkySelectionModalModule,\n    SkyThemeModule,\n    SkyTokensModule,\n    SkyToolbarModule,\n    SkyViewkeeperModule,\n    SkyWaitModule,\n  ],\n  exports: [SkyLookupComponent],\n}"
             }
           }
         ],
@@ -137,20 +146,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              636
+              651
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/lookup/src/modules/lookup/lookup.module.ts",
-            "line": 53,
+            "line": 48,
             "character": 13
           }
         ]
       },
       {
-        "id": 656,
+        "id": 671,
         "name": "SkyLookupShowMoreCustomPickerContext",
         "kind": 128,
         "kindString": "Class",
@@ -160,7 +169,7 @@
         },
         "children": [
           {
-            "id": 660,
+            "id": 675,
             "name": "initialSearch",
             "kind": 1024,
             "kindString": "Property",
@@ -183,7 +192,7 @@
             }
           },
           {
-            "id": 661,
+            "id": 676,
             "name": "initialValue",
             "kind": 1024,
             "kindString": "Property",
@@ -206,7 +215,7 @@
             }
           },
           {
-            "id": 659,
+            "id": 674,
             "name": "items",
             "kind": 1024,
             "kindString": "Property",
@@ -237,16 +246,16 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              657
+              672
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              660,
-              661,
-              659
+              675,
+              676,
+              674
             ]
           }
         ],
@@ -259,7 +268,7 @@
         ]
       },
       {
-        "id": 672,
+        "id": 734,
         "name": "SkySearchComponent",
         "kind": 128,
         "kindString": "Class",
@@ -280,7 +289,7 @@
         ],
         "children": [
           {
-            "id": 673,
+            "id": 735,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -294,14 +303,14 @@
             ],
             "signatures": [
               {
-                "id": 674,
+                "id": 736,
                 "name": "new SkySearchComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 675,
+                    "id": 737,
                     "name": "mediaQueryService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -312,7 +321,7 @@
                     }
                   },
                   {
-                    "id": 676,
+                    "id": 738,
                     "name": "elRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -331,7 +340,7 @@
                     }
                   },
                   {
-                    "id": 677,
+                    "id": 739,
                     "name": "searchAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -342,7 +351,7 @@
                     }
                   },
                   {
-                    "id": 678,
+                    "id": 740,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -357,14 +366,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 672,
+                  "id": 734,
                   "name": "SkySearchComponent"
                 }
               }
             ]
           },
           {
-            "id": 696,
+            "id": 758,
             "name": "breakpointSubscription",
             "kind": 1024,
             "kindString": "Property",
@@ -386,7 +395,7 @@
             }
           },
           {
-            "id": 697,
+            "id": 759,
             "name": "clearButtonShown",
             "kind": 1024,
             "kindString": "Property",
@@ -407,7 +416,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 698,
+            "id": 760,
             "name": "dismissButtonShown",
             "kind": 1024,
             "kindString": "Property",
@@ -428,7 +437,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 699,
+            "id": 761,
             "name": "inputAnimate",
             "kind": 1024,
             "kindString": "Property",
@@ -449,7 +458,7 @@
             "defaultValue": "INPUT_SHOWN_STATE"
           },
           {
-            "id": 700,
+            "id": 762,
             "name": "isCollapsible",
             "kind": 1024,
             "kindString": "Property",
@@ -470,7 +479,7 @@
             "defaultValue": "true"
           },
           {
-            "id": 701,
+            "id": 763,
             "name": "isFullWidth",
             "kind": 1024,
             "kindString": "Property",
@@ -491,7 +500,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 702,
+            "id": 764,
             "name": "mobileSearchShown",
             "kind": 1024,
             "kindString": "Property",
@@ -512,7 +521,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 695,
+            "id": 757,
             "name": "placeholderText",
             "kind": 1024,
             "kindString": "Property",
@@ -553,7 +562,7 @@
             }
           },
           {
-            "id": 679,
+            "id": 741,
             "name": "searchApply",
             "kind": 1024,
             "kindString": "Property",
@@ -597,7 +606,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 703,
+            "id": 765,
             "name": "searchButtonShown",
             "kind": 1024,
             "kindString": "Property",
@@ -618,7 +627,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 680,
+            "id": 742,
             "name": "searchChange",
             "kind": 1024,
             "kindString": "Property",
@@ -662,7 +671,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 681,
+            "id": 743,
             "name": "searchClear",
             "kind": 1024,
             "kindString": "Property",
@@ -706,7 +715,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 682,
+            "id": 744,
             "name": "searchText",
             "kind": 1024,
             "kindString": "Property",
@@ -741,7 +750,7 @@
             }
           },
           {
-            "id": 687,
+            "id": 749,
             "name": "debounceTime",
             "kind": 262144,
             "kindString": "Accessor",
@@ -769,7 +778,7 @@
             ],
             "getSignature": [
               {
-                "id": 688,
+                "id": 750,
                 "name": "debounceTime",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -791,7 +800,7 @@
             ],
             "setSignature": [
               {
-                "id": 689,
+                "id": 751,
                 "name": "debounceTime",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -807,7 +816,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 690,
+                    "id": 752,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -826,7 +835,7 @@
             ]
           },
           {
-            "id": 691,
+            "id": 753,
             "name": "disabled",
             "kind": 262144,
             "kindString": "Accessor",
@@ -854,7 +863,7 @@
             ],
             "getSignature": [
               {
-                "id": 692,
+                "id": 754,
                 "name": "disabled",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -876,7 +885,7 @@
             ],
             "setSignature": [
               {
-                "id": 693,
+                "id": 755,
                 "name": "disabled",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -892,7 +901,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 694,
+                    "id": 756,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -911,7 +920,7 @@
             ]
           },
           {
-            "id": 683,
+            "id": 745,
             "name": "expandMode",
             "kind": 262144,
             "kindString": "Accessor",
@@ -939,7 +948,7 @@
             ],
             "getSignature": [
               {
-                "id": 684,
+                "id": 746,
                 "name": "expandMode",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -961,7 +970,7 @@
             ],
             "setSignature": [
               {
-                "id": 685,
+                "id": 747,
                 "name": "expandMode",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -977,7 +986,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 686,
+                    "id": 748,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -996,7 +1005,7 @@
             ]
           },
           {
-            "id": 724,
+            "id": 786,
             "name": "applySearchText",
             "kind": 2048,
             "kindString": "Method",
@@ -1012,14 +1021,14 @@
             ],
             "signatures": [
               {
-                "id": 725,
+                "id": 787,
                 "name": "applySearchText",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 726,
+                    "id": 788,
                     "name": "searchText",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1038,7 +1047,7 @@
             ]
           },
           {
-            "id": 718,
+            "id": 780,
             "name": "clearSearchText",
             "kind": 2048,
             "kindString": "Method",
@@ -1054,7 +1063,7 @@
             ],
             "signatures": [
               {
-                "id": 719,
+                "id": 781,
                 "name": "clearSearchText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1067,7 +1076,7 @@
             ]
           },
           {
-            "id": 720,
+            "id": 782,
             "name": "enterPress",
             "kind": 2048,
             "kindString": "Method",
@@ -1083,14 +1092,14 @@
             ],
             "signatures": [
               {
-                "id": 721,
+                "id": 783,
                 "name": "enterPress",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 722,
+                    "id": 784,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1103,7 +1112,7 @@
                     }
                   },
                   {
-                    "id": 723,
+                    "id": 785,
                     "name": "searchText",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1122,7 +1131,7 @@
             ]
           },
           {
-            "id": 736,
+            "id": 798,
             "name": "inputAnimationEnd",
             "kind": 2048,
             "kindString": "Method",
@@ -1138,14 +1147,14 @@
             ],
             "signatures": [
               {
-                "id": 737,
+                "id": 799,
                 "name": "inputAnimationEnd",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 738,
+                    "id": 800,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1166,7 +1175,7 @@
             ]
           },
           {
-            "id": 733,
+            "id": 795,
             "name": "inputAnimationStart",
             "kind": 2048,
             "kindString": "Method",
@@ -1182,14 +1191,14 @@
             ],
             "signatures": [
               {
-                "id": 734,
+                "id": 796,
                 "name": "inputAnimationStart",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 735,
+                    "id": 797,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1210,7 +1219,7 @@
             ]
           },
           {
-            "id": 715,
+            "id": 777,
             "name": "ngOnChanges",
             "kind": 2048,
             "kindString": "Method",
@@ -1226,14 +1235,14 @@
             ],
             "signatures": [
               {
-                "id": 716,
+                "id": 778,
                 "name": "ngOnChanges",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 717,
+                    "id": 779,
                     "name": "changes",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1262,7 +1271,7 @@
             }
           },
           {
-            "id": 739,
+            "id": 801,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -1278,7 +1287,7 @@
             ],
             "signatures": [
               {
-                "id": 740,
+                "id": 802,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1299,7 +1308,7 @@
             }
           },
           {
-            "id": 713,
+            "id": 775,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -1315,7 +1324,7 @@
             ],
             "signatures": [
               {
-                "id": 714,
+                "id": 776,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1336,7 +1345,7 @@
             }
           },
           {
-            "id": 727,
+            "id": 789,
             "name": "searchTextChanged",
             "kind": 2048,
             "kindString": "Method",
@@ -1352,14 +1361,14 @@
             ],
             "signatures": [
               {
-                "id": 728,
+                "id": 790,
                 "name": "searchTextChanged",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 729,
+                    "id": 791,
                     "name": "searchText",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1378,7 +1387,7 @@
             ]
           },
           {
-            "id": 730,
+            "id": 792,
             "name": "toggleSearchInput",
             "kind": 2048,
             "kindString": "Method",
@@ -1394,14 +1403,14 @@
             ],
             "signatures": [
               {
-                "id": 731,
+                "id": 793,
                 "name": "toggleSearchInput",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 732,
+                    "id": 794,
                     "name": "showInput",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1425,51 +1434,51 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              673
+              735
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              696,
-              697,
-              698,
-              699,
-              700,
-              701,
-              702,
-              695,
-              679,
-              703,
-              680,
-              681,
-              682
+              758,
+              759,
+              760,
+              761,
+              762,
+              763,
+              764,
+              757,
+              741,
+              765,
+              742,
+              743,
+              744
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              687,
-              691,
-              683
+              749,
+              753,
+              745
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              724,
-              718,
-              720,
-              736,
-              733,
-              715,
-              739,
-              713,
-              727,
-              730
+              786,
+              780,
+              782,
+              798,
+              795,
+              777,
+              801,
+              775,
+              789,
+              792
             ]
           }
         ],
@@ -1502,7 +1511,7 @@
         ]
       },
       {
-        "id": 669,
+        "id": 684,
         "name": "SkySearchModule",
         "kind": 128,
         "kindString": "Class",
@@ -1527,7 +1536,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              670
+              685
             ]
           }
         ],
@@ -1539,6 +1548,183 @@
           }
         ]
       },
+      {
+        "id": 687,
+        "name": "SkySelectionModalModule",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "decorators": [
+          {
+            "name": "NgModule",
+            "type": {
+              "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
+              "name": "NgModule"
+            },
+            "arguments": {
+              "obj": "{\n  declarations: [SkySelectionModalComponent, SkySelectionModalItemSelectedPipe],\n  imports: [\n    CommonModule,\n    SkyCheckboxModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyInfiniteScrollModule,\n    SkyModalModule,\n    SkyRepeaterModule,\n    SkySearchModule,\n    SkyThemeModule,\n    SkyToolbarModule,\n    SkyViewkeeperModule,\n    SkyWaitModule,\n  ],\n}"
+            }
+          }
+        ],
+        "children": [],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              688
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/selection-modal/selection-modal.module.ts",
+            "line": 34,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 690,
+        "name": "SkySelectionModalService",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Displays a modal for selecting one or more values."
+        },
+        "decorators": [
+          {
+            "name": "Injectable",
+            "type": {
+              "type": "reference",
+              "qualifiedName": "InjectableDecorator",
+              "package": "@angular/core",
+              "name": "Injectable"
+            },
+            "arguments": {
+              "options": "{\n  providedIn: 'any',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 691,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/selection-modal.service.ts",
+                "line": 24,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 692,
+                "name": "new SkySelectionModalService",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 693,
+                    "name": "modalSvc",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyModalService"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 690,
+                  "name": "SkySelectionModalService"
+                }
+              }
+            ]
+          },
+          {
+            "id": 695,
+            "name": "open",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/selection-modal.service.ts",
+                "line": 32,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 696,
+                "name": "open",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Opens the selection modal."
+                },
+                "parameters": [
+                  {
+                    "id": 697,
+                    "name": "args",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "Parameters for the selection modal.\n"
+                    },
+                    "type": {
+                      "type": "reference",
+                      "id": 707,
+                      "name": "SkySelectionModalOpenArgs"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "name": "SkySelectionModalInstance"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              691
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              695
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/selection-modal/selection-modal.service.ts",
+            "line": 21,
+            "character": 13
+          }
+        ]
+      },
       {
         "id": 3,
         "name": "SkyAutocompleteInputDirective",
@@ -3194,7 +3380,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 596,
+                  "id": 611,
                   "name": "SkyAutocompleteSearchAsyncArgs"
                 }
               ],
@@ -3221,7 +3407,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 608,
+              "id": 623,
               "name": "SkyAutocompleteSearchFunction"
             }
           },
@@ -3344,7 +3530,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 621,
+                  "id": 636,
                   "name": "SkyAutocompleteSelectionChange"
                 }
               ],
@@ -3965,7 +4151,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 608,
+                  "id": 623,
                   "name": "SkyAutocompleteSearchFunction"
                 }
               }
@@ -3995,7 +4181,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 608,
+                      "id": 623,
                       "name": "SkyAutocompleteSearchFunction"
                     }
                   }
@@ -4054,7 +4240,7 @@
                   "type": "array",
                   "elementType": {
                     "type": "reference",
-                    "id": 614,
+                    "id": 629,
                     "name": "SkyAutocompleteSearchFunctionFilter"
                   }
                 }
@@ -4087,7 +4273,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 614,
+                        "id": 629,
                         "name": "SkyAutocompleteSearchFunctionFilter"
                       }
                     }
@@ -4960,7 +5146,7 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 629,
+                "id": 644,
                 "name": "SkyCountryFieldCountry"
               }
             },
@@ -5227,7 +5413,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 629,
+                  "id": 644,
                   "name": "SkyCountryFieldCountry"
                 }
               ],
@@ -5601,7 +5787,7 @@
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 629,
+                  "id": 644,
                   "name": "SkyCountryFieldCountry"
                 }
               }
@@ -5622,7 +5808,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 629,
+                      "id": 644,
                       "name": "SkyCountryFieldCountry"
                     }
                   }
@@ -5781,7 +5967,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 629,
+                      "id": 644,
                       "name": "SkyCountryFieldCountry"
                     }
                   }
@@ -5875,7 +6061,7 @@
                                 "flags": {},
                                 "type": {
                                   "type": "reference",
-                                  "id": 629,
+                                  "id": 644,
                                   "name": "SkyCountryFieldCountry"
                                 }
                               }
@@ -6119,7 +6305,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 629,
+                      "id": 644,
                       "name": "SkyCountryFieldCountry"
                     }
                   }
@@ -6263,7 +6449,7 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 323,
+                "line": 310,
                 "character": 2
               }
             ],
@@ -6353,6 +6539,29 @@
                   },
                   {
                     "id": 399,
+                    "name": "selectionModalSvc",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 690,
+                      "name": "SkySelectionModalService"
+                    }
+                  },
+                  {
+                    "id": 400,
+                    "name": "logSvc",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyLogService"
+                    }
+                  },
+                  {
+                    "id": 401,
                     "name": "ngControl",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -6389,7 +6598,7 @@
                     }
                   },
                   {
-                    "id": 400,
+                    "id": 402,
                     "name": "inputBoxHostSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -6414,7 +6623,7 @@
                     }
                   },
                   {
-                    "id": 401,
+                    "id": 403,
                     "name": "themeSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -6456,7 +6665,7 @@
             }
           },
           {
-            "id": 429,
+            "id": 431,
             "name": "addClick",
             "kind": 1024,
             "kindString": "Property",
@@ -6490,7 +6699,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 641,
+                  "id": 656,
                   "name": "SkyLookupAddClickEventArgs"
                 }
               ],
@@ -6501,7 +6710,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 402,
+            "id": 404,
             "name": "ariaLabel",
             "kind": 1024,
             "kindString": "Property",
@@ -6536,7 +6745,7 @@
             }
           },
           {
-            "id": 403,
+            "id": 405,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -6571,7 +6780,7 @@
             }
           },
           {
-            "id": 404,
+            "id": 406,
             "name": "autocompleteAttribute",
             "kind": 1024,
             "kindString": "Property",
@@ -6606,7 +6815,7 @@
             }
           },
           {
-            "id": 438,
+            "id": 440,
             "name": "autocompleteController",
             "kind": 1024,
             "kindString": "Property",
@@ -6635,7 +6844,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 562,
+            "id": 577,
             "name": "debounceTime",
             "kind": 1024,
             "kindString": "Property",
@@ -6680,7 +6889,7 @@
             }
           },
           {
-            "id": 418,
+            "id": 420,
             "name": "idProperty",
             "kind": 1024,
             "kindString": "Property",
@@ -6715,7 +6924,7 @@
             }
           },
           {
-            "id": 447,
+            "id": 449,
             "name": "inputTemplateRef",
             "kind": 1024,
             "kindString": "Property",
@@ -6758,7 +6967,7 @@
             }
           },
           {
-            "id": 439,
+            "id": 441,
             "name": "isInputFocused",
             "kind": 1024,
             "kindString": "Property",
@@ -6779,7 +6988,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 448,
+            "id": 450,
             "name": "lookupWrapperRef",
             "kind": 1024,
             "kindString": "Property",
@@ -6822,7 +7031,7 @@
             }
           },
           {
-            "id": 417,
+            "id": 419,
             "name": "placeholderText",
             "kind": 1024,
             "kindString": "Property",
@@ -6857,7 +7066,7 @@
             }
           },
           {
-            "id": 582,
+            "id": 597,
             "name": "searchAsync",
             "kind": 1024,
             "kindString": "Property",
@@ -6891,7 +7100,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 596,
+                  "id": 611,
                   "name": "SkyAutocompleteSearchAsyncArgs"
                 }
               ],
@@ -6906,7 +7115,7 @@
             }
           },
           {
-            "id": 449,
+            "id": 451,
             "name": "searchIconTemplateRef",
             "kind": 1024,
             "kindString": "Property",
@@ -6949,7 +7158,7 @@
             }
           },
           {
-            "id": 583,
+            "id": 598,
             "name": "searchOrDefault",
             "kind": 1024,
             "kindString": "Property",
@@ -6965,7 +7174,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 608,
+              "id": 623,
               "name": "SkyAutocompleteSearchFunction"
             },
             "defaultValue": "...",
@@ -6975,7 +7184,7 @@
             }
           },
           {
-            "id": 575,
+            "id": 590,
             "name": "searchResultTemplate",
             "kind": 1024,
             "kindString": "Property",
@@ -7022,7 +7231,7 @@
             }
           },
           {
-            "id": 581,
+            "id": 596,
             "name": "searchResultsLimit",
             "kind": 1024,
             "kindString": "Property",
@@ -7061,7 +7270,7 @@
             }
           },
           {
-            "id": 576,
+            "id": 591,
             "name": "searchTextMinimumCharacters",
             "kind": 1024,
             "kindString": "Property",
@@ -7106,7 +7315,7 @@
             }
           },
           {
-            "id": 446,
+            "id": 448,
             "name": "showMoreButtonTemplateRef",
             "kind": 1024,
             "kindString": "Property",
@@ -7149,7 +7358,7 @@
             }
           },
           {
-            "id": 423,
+            "id": 425,
             "name": "showMoreConfig",
             "kind": 1024,
             "kindString": "Property",
@@ -7180,12 +7389,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 649,
+              "id": 664,
               "name": "SkyLookupShowMoreConfig"
             }
           },
           {
-            "id": 440,
+            "id": 442,
             "name": "showMorePickerId",
             "kind": 1024,
             "kindString": "Property",
@@ -7205,7 +7414,7 @@
             }
           },
           {
-            "id": 441,
+            "id": 443,
             "name": "tokensController",
             "kind": 1024,
             "kindString": "Property",
@@ -7234,7 +7443,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 442,
+            "id": 444,
             "name": "autocompleteInputDirective",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7265,7 +7474,7 @@
             ],
             "getSignature": [
               {
-                "id": 443,
+                "id": 445,
                 "name": "autocompleteInputDirective",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7279,14 +7488,14 @@
             ],
             "setSignature": [
               {
-                "id": 444,
+                "id": 446,
                 "name": "autocompleteInputDirective",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 445,
+                    "id": 447,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7306,7 +7515,7 @@
             ]
           },
           {
-            "id": 405,
+            "id": 407,
             "name": "data",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7334,7 +7543,7 @@
             ],
             "getSignature": [
               {
-                "id": 406,
+                "id": 408,
                 "name": "data",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7359,7 +7568,7 @@
             ],
             "setSignature": [
               {
-                "id": 407,
+                "id": 409,
                 "name": "data",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -7375,7 +7584,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 408,
+                    "id": 410,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7397,7 +7606,7 @@
             ]
           },
           {
-            "id": 563,
+            "id": 578,
             "name": "descriptorProperty",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7425,7 +7634,7 @@
             ],
             "getSignature": [
               {
-                "id": 564,
+                "id": 579,
                 "name": "descriptorProperty",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7451,7 +7660,7 @@
             ],
             "setSignature": [
               {
-                "id": 565,
+                "id": 580,
                 "name": "descriptorProperty",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -7467,7 +7676,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 566,
+                    "id": 581,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7494,7 +7703,7 @@
             }
           },
           {
-            "id": 409,
+            "id": 411,
             "name": "disabled",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7522,7 +7731,7 @@
             ],
             "getSignature": [
               {
-                "id": 410,
+                "id": 412,
                 "name": "disabled",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7544,7 +7753,7 @@
             ],
             "setSignature": [
               {
-                "id": 411,
+                "id": 413,
                 "name": "disabled",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -7560,7 +7769,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 412,
+                    "id": 414,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7579,7 +7788,7 @@
             ]
           },
           {
-            "id": 413,
+            "id": 415,
             "name": "enableShowMore",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7607,7 +7816,7 @@
             ],
             "getSignature": [
               {
-                "id": 414,
+                "id": 416,
                 "name": "enableShowMore",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7629,7 +7838,7 @@
             ],
             "setSignature": [
               {
-                "id": 415,
+                "id": 417,
                 "name": "enableShowMore",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -7645,7 +7854,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 416,
+                    "id": 418,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7664,7 +7873,7 @@
             ]
           },
           {
-            "id": 567,
+            "id": 582,
             "name": "propertiesToSearch",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7692,7 +7901,7 @@
             ],
             "getSignature": [
               {
-                "id": 568,
+                "id": 583,
                 "name": "propertiesToSearch",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7721,7 +7930,7 @@
             ],
             "setSignature": [
               {
-                "id": 569,
+                "id": 584,
                 "name": "propertiesToSearch",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -7737,7 +7946,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 570,
+                    "id": 585,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7767,7 +7976,7 @@
             }
           },
           {
-            "id": 571,
+            "id": 586,
             "name": "search",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7795,7 +8004,7 @@
             ],
             "getSignature": [
               {
-                "id": 572,
+                "id": 587,
                 "name": "search",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7805,7 +8014,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 608,
+                  "id": 623,
                   "name": "SkyAutocompleteSearchFunction"
                 },
                 "inheritedFrom": {
@@ -7816,7 +8025,7 @@
             ],
             "setSignature": [
               {
-                "id": 573,
+                "id": 588,
                 "name": "search",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -7826,14 +8035,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 574,
+                    "id": 589,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 608,
+                      "id": 623,
                       "name": "SkyAutocompleteSearchFunction"
                     }
                   }
@@ -7854,7 +8063,7 @@
             }
           },
           {
-            "id": 577,
+            "id": 592,
             "name": "searchFilters",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7882,7 +8091,7 @@
             ],
             "getSignature": [
               {
-                "id": 578,
+                "id": 593,
                 "name": "searchFilters",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7894,7 +8103,7 @@
                   "type": "array",
                   "elementType": {
                     "type": "reference",
-                    "id": 614,
+                    "id": 629,
                     "name": "SkyAutocompleteSearchFunctionFilter"
                   }
                 },
@@ -7906,7 +8115,7 @@
             ],
             "setSignature": [
               {
-                "id": 579,
+                "id": 594,
                 "name": "searchFilters",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -7916,7 +8125,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 580,
+                    "id": 595,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7925,7 +8134,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 614,
+                        "id": 629,
                         "name": "SkyAutocompleteSearchFunctionFilter"
                       }
                     }
@@ -7947,7 +8156,7 @@
             }
           },
           {
-            "id": 424,
+            "id": 426,
             "name": "selectMode",
             "kind": 262144,
             "kindString": "Accessor",
@@ -7975,7 +8184,7 @@
             ],
             "getSignature": [
               {
-                "id": 425,
+                "id": 427,
                 "name": "selectMode",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -7991,14 +8200,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 648,
+                  "id": 663,
                   "name": "SkyLookupSelectModeType"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 426,
+                "id": 428,
                 "name": "selectMode",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -8014,14 +8223,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 427,
+                    "id": 429,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 648,
+                      "id": 663,
                       "name": "SkyLookupSelectModeType"
                     }
                   }
@@ -8034,7 +8243,7 @@
             ]
           },
           {
-            "id": 419,
+            "id": 421,
             "name": "showAddButton",
             "kind": 262144,
             "kindString": "Accessor",
@@ -8062,7 +8271,7 @@
             ],
             "getSignature": [
               {
-                "id": 420,
+                "id": 422,
                 "name": "showAddButton",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -8084,7 +8293,7 @@
             ],
             "setSignature": [
               {
-                "id": 421,
+                "id": 423,
                 "name": "showAddButton",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -8100,7 +8309,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 422,
+                    "id": 424,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8119,7 +8328,7 @@
             ]
           },
           {
-            "id": 430,
+            "id": 432,
             "name": "tokens",
             "kind": 262144,
             "kindString": "Accessor",
@@ -8135,7 +8344,7 @@
             ],
             "getSignature": [
               {
-                "id": 431,
+                "id": 433,
                 "name": "tokens",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -8157,14 +8366,14 @@
             ],
             "setSignature": [
               {
-                "id": 432,
+                "id": 434,
                 "name": "tokens",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 433,
+                    "id": 435,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8192,7 +8401,7 @@
             ]
           },
           {
-            "id": 434,
+            "id": 436,
             "name": "value",
             "kind": 262144,
             "kindString": "Accessor",
@@ -8208,7 +8417,7 @@
             ],
             "getSignature": [
               {
-                "id": 435,
+                "id": 437,
                 "name": "value",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -8224,14 +8433,14 @@
             ],
             "setSignature": [
               {
-                "id": 436,
+                "id": 438,
                 "name": "value",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 437,
+                    "id": 439,
                     "name": "newValue",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8253,7 +8462,7 @@
             ]
           },
           {
-            "id": 476,
+            "id": 481,
             "name": "addButtonClicked",
             "kind": 2048,
             "kindString": "Method",
@@ -8263,13 +8472,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 386,
+                "line": 377,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 477,
+                "id": 482,
                 "name": "addButtonClicked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8282,7 +8491,7 @@
             ]
           },
           {
-            "id": 515,
+            "id": 520,
             "name": "clearSearchText",
             "kind": 2048,
             "kindString": "Method",
@@ -8292,13 +8501,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 495,
+                "line": 486,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 516,
+                "id": 521,
                 "name": "clearSearchText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8311,7 +8520,7 @@
             ]
           },
           {
-            "id": 517,
+            "id": 522,
             "name": "inputKeydown",
             "kind": 2048,
             "kindString": "Method",
@@ -8321,20 +8530,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 506,
+                "line": 497,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 518,
+                "id": 523,
                 "name": "inputKeydown",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 519,
+                    "id": 524,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8355,7 +8564,7 @@
             ]
           },
           {
-            "id": 520,
+            "id": 525,
             "name": "inputKeyup",
             "kind": 2048,
             "kindString": "Method",
@@ -8365,20 +8574,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 530,
+                "line": 521,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 521,
+                "id": 526,
                 "name": "inputKeyup",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 522,
+                    "id": 527,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8399,7 +8608,7 @@
             ]
           },
           {
-            "id": 472,
+            "id": 477,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -8409,13 +8618,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 373,
+                "line": 364,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 473,
+                "id": 478,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8436,7 +8645,7 @@
             }
           },
           {
-            "id": 474,
+            "id": 479,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -8446,13 +8655,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 379,
+                "line": 370,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 475,
+                "id": 480,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8473,7 +8682,7 @@
             }
           },
           {
-            "id": 470,
+            "id": 475,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -8483,13 +8692,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 348,
+                "line": 339,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 471,
+                "id": 476,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8510,7 +8719,7 @@
             }
           },
           {
-            "id": 481,
+            "id": 486,
             "name": "onAutocompleteBlur",
             "kind": 2048,
             "kindString": "Method",
@@ -8520,13 +8729,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 404,
+                "line": 395,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 482,
+                "id": 487,
                 "name": "onAutocompleteBlur",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8539,7 +8748,7 @@
             ]
           },
           {
-            "id": 478,
+            "id": 483,
             "name": "onAutocompleteSelectionChange",
             "kind": 2048,
             "kindString": "Method",
@@ -8549,27 +8758,27 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 393,
+                "line": 384,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 479,
+                "id": 484,
                 "name": "onAutocompleteSelectionChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 480,
+                    "id": 485,
                     "name": "change",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 621,
+                      "id": 636,
                       "name": "SkyAutocompleteSelectionChange"
                     }
                   }
@@ -8582,7 +8791,7 @@
             ]
           },
           {
-            "id": 496,
+            "id": 501,
             "name": "onChange",
             "kind": 2048,
             "kindString": "Method",
@@ -8592,20 +8801,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 471,
+                "line": 462,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 497,
+                "id": 502,
                 "name": "onChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 498,
+                    "id": 503,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8627,7 +8836,7 @@
             ]
           },
           {
-            "id": 534,
+            "id": 545,
             "name": "onSearchAsync",
             "kind": 2048,
             "kindString": "Method",
@@ -8637,27 +8846,27 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 707,
+                "line": 726,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 535,
+                "id": 546,
                 "name": "onSearchAsync",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 536,
+                    "id": 547,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 596,
+                      "id": 611,
                       "name": "SkyAutocompleteSearchAsyncArgs"
                     }
                   }
@@ -8670,7 +8879,7 @@
             ]
           },
           {
-            "id": 523,
+            "id": 528,
             "name": "onSearchButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -8680,13 +8889,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 556,
+                "line": 547,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 524,
+                "id": 529,
                 "name": "onSearchButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8699,7 +8908,7 @@
             ]
           },
           {
-            "id": 525,
+            "id": 530,
             "name": "onShowMoreClick",
             "kind": 2048,
             "kindString": "Method",
@@ -8709,20 +8918,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 580,
+                "line": 571,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 526,
+                "id": 531,
                 "name": "onShowMoreClick",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 527,
+                    "id": 532,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8741,7 +8950,7 @@
             ]
           },
           {
-            "id": 483,
+            "id": 488,
             "name": "onTokensChange",
             "kind": 2048,
             "kindString": "Method",
@@ -8751,20 +8960,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 408,
+                "line": 399,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 484,
+                "id": 489,
                 "name": "onTokensChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 485,
+                    "id": 490,
                     "name": "change",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8792,7 +9001,7 @@
             ]
           },
           {
-            "id": 486,
+            "id": 491,
             "name": "onTokensFocusIndexOverRange",
             "kind": 2048,
             "kindString": "Method",
@@ -8802,13 +9011,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 429,
+                "line": 420,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 487,
+                "id": 492,
                 "name": "onTokensFocusIndexOverRange",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8821,7 +9030,7 @@
             ]
           },
           {
-            "id": 488,
+            "id": 493,
             "name": "onTokensKeyUp",
             "kind": 2048,
             "kindString": "Method",
@@ -8831,20 +9040,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 435,
+                "line": 426,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 489,
+                "id": 494,
                 "name": "onTokensKeyUp",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 490,
+                    "id": 495,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8865,7 +9074,7 @@
             ]
           },
           {
-            "id": 491,
+            "id": 496,
             "name": "onTokensRendered",
             "kind": 2048,
             "kindString": "Method",
@@ -8875,13 +9084,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 457,
+                "line": 448,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 492,
+                "id": 497,
                 "name": "onTokensRendered",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8894,7 +9103,7 @@
             ]
           },
           {
-            "id": 499,
+            "id": 504,
             "name": "onTouched",
             "kind": 2048,
             "kindString": "Method",
@@ -8904,13 +9113,13 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 473,
+                "line": 464,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 500,
+                "id": 505,
                 "name": "onTouched",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8923,7 +9132,7 @@
             ]
           },
           {
-            "id": 531,
+            "id": 533,
             "name": "openPicker",
             "kind": 2048,
             "kindString": "Method",
@@ -8933,20 +9142,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 653,
+                "line": 579,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 532,
+                "id": 534,
                 "name": "openPicker",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 533,
+                    "id": 535,
                     "name": "initialSearch",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8965,7 +9174,7 @@
             ]
           },
           {
-            "id": 501,
+            "id": 506,
             "name": "registerOnChange",
             "kind": 2048,
             "kindString": "Method",
@@ -8975,20 +9184,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 475,
+                "line": 466,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 502,
+                "id": 507,
                 "name": "registerOnChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 503,
+                    "id": 508,
                     "name": "fn",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8996,21 +9205,21 @@
                     "type": {
                       "type": "reflection",
                       "declaration": {
-                        "id": 504,
+                        "id": 509,
                         "name": "__type",
                         "kind": 65536,
                         "kindString": "Type literal",
                         "flags": {},
                         "signatures": [
                           {
-                            "id": 505,
+                            "id": 510,
                             "name": "__type",
                             "kind": 4096,
                             "kindString": "Call signature",
                             "flags": {},
                             "parameters": [
                               {
-                                "id": 506,
+                                "id": 511,
                                 "name": "value",
                                 "kind": 32768,
                                 "kindString": "Parameter",
@@ -9047,7 +9256,7 @@
             }
           },
           {
-            "id": 507,
+            "id": 512,
             "name": "registerOnTouched",
             "kind": 2048,
             "kindString": "Method",
@@ -9057,20 +9266,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 479,
+                "line": 470,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 508,
+                "id": 513,
                 "name": "registerOnTouched",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 509,
+                    "id": 514,
                     "name": "fn",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -9078,14 +9287,14 @@
                     "type": {
                       "type": "reflection",
                       "declaration": {
-                        "id": 510,
+                        "id": 515,
                         "name": "__type",
                         "kind": 65536,
                         "kindString": "Type literal",
                         "flags": {},
                         "signatures": [
                           {
-                            "id": 511,
+                            "id": 516,
                             "name": "__type",
                             "kind": 4096,
                             "kindString": "Call signature",
@@ -9116,7 +9325,7 @@
             }
           },
           {
-            "id": 512,
+            "id": 517,
             "name": "setDisabledState",
             "kind": 2048,
             "kindString": "Method",
@@ -9126,20 +9335,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 484,
+                "line": 475,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 513,
+                "id": 518,
                 "name": "setDisabledState",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 514,
+                    "id": 519,
                     "name": "disabled",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -9166,7 +9375,7 @@
             }
           },
           {
-            "id": 493,
+            "id": 498,
             "name": "writeValue",
             "kind": 2048,
             "kindString": "Method",
@@ -9176,20 +9385,20 @@
             "sources": [
               {
                 "fileName": "projects/lookup/src/modules/lookup/lookup.component.ts",
-                "line": 463,
+                "line": 454,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 494,
+                "id": 499,
                 "name": "writeValue",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 495,
+                    "id": 500,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -9231,76 +9440,76 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              429,
-              402,
-              403,
+              431,
               404,
-              438,
-              562,
-              418,
-              468,
-              447,
-              439,
-              448,
-              417,
-              582,
-              449,
-              583,
-              575,
-              581,
-              576,
-              446,
-              423,
+              405,
+              406,
               440,
-              469,
-              441
+              577,
+              420,
+              473,
+              449,
+              441,
+              450,
+              419,
+              597,
+              451,
+              598,
+              590,
+              596,
+              591,
+              448,
+              425,
+              442,
+              474,
+              443
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              442,
-              405,
-              563,
-              409,
-              413,
-              567,
-              571,
-              577,
-              424,
-              419,
-              430,
-              434
+              444,
+              407,
+              578,
+              411,
+              415,
+              582,
+              586,
+              592,
+              426,
+              421,
+              432,
+              436
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              476,
-              515,
-              517,
-              520,
-              472,
-              474,
-              470,
               481,
-              478,
-              496,
-              534,
-              523,
+              520,
+              522,
               525,
-              483,
+              477,
+              479,
+              475,
               486,
+              483,
+              501,
+              545,
+              528,
+              530,
               488,
               491,
-              499,
-              531,
-              501,
-              507,
+              493,
+              496,
+              504,
+              533,
+              506,
               512,
-              493
+              517,
+              498
             ]
           }
         ],
@@ -9345,7 +9554,7 @@
         ]
       },
       {
-        "id": 596,
+        "id": 611,
         "name": "SkyAutocompleteSearchAsyncArgs",
         "kind": 256,
         "kindString": "Interface",
@@ -9355,7 +9564,7 @@
         },
         "children": [
           {
-            "id": 600,
+            "id": 615,
             "name": "continuationData",
             "kind": 1024,
             "kindString": "Property",
@@ -9378,7 +9587,7 @@
             }
           },
           {
-            "id": 598,
+            "id": 613,
             "name": "displayType",
             "kind": 1024,
             "kindString": "Property",
@@ -9395,12 +9604,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 607,
+              "id": 622,
               "name": "AutocompleteSearchAsyncResultDisplayType"
             }
           },
           {
-            "id": 599,
+            "id": 614,
             "name": "offset",
             "kind": 1024,
             "kindString": "Property",
@@ -9421,7 +9630,7 @@
             }
           },
           {
-            "id": 601,
+            "id": 616,
             "name": "result",
             "kind": 1024,
             "kindString": "Property",
@@ -9443,7 +9652,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 602,
+                  "id": 617,
                   "name": "SkyAutocompleteSearchAsyncResult"
                 }
               ],
@@ -9453,7 +9662,7 @@
             }
           },
           {
-            "id": 597,
+            "id": 612,
             "name": "searchText",
             "kind": 1024,
             "kindString": "Property",
@@ -9479,11 +9688,11 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              600,
-              598,
-              599,
-              601,
-              597
+              615,
+              613,
+              614,
+              616,
+              612
             ]
           }
         ],
@@ -9496,7 +9705,7 @@
         ]
       },
       {
-        "id": 602,
+        "id": 617,
         "name": "SkyAutocompleteSearchAsyncResult",
         "kind": 256,
         "kindString": "Interface",
@@ -9506,7 +9715,7 @@
         },
         "children": [
           {
-            "id": 603,
+            "id": 618,
             "name": "continuationData",
             "kind": 1024,
             "kindString": "Property",
@@ -9529,7 +9738,7 @@
             }
           },
           {
-            "id": 604,
+            "id": 619,
             "name": "hasMore",
             "kind": 1024,
             "kindString": "Property",
@@ -9552,7 +9761,7 @@
             }
           },
           {
-            "id": 605,
+            "id": 620,
             "name": "items",
             "kind": 1024,
             "kindString": "Property",
@@ -9576,7 +9785,7 @@
             }
           },
           {
-            "id": 606,
+            "id": 621,
             "name": "totalCount",
             "kind": 1024,
             "kindString": "Property",
@@ -9602,10 +9811,10 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              603,
-              604,
-              605,
-              606
+              618,
+              619,
+              620,
+              621
             ]
           }
         ],
@@ -9618,14 +9827,14 @@
         ]
       },
       {
-        "id": 621,
+        "id": 636,
         "name": "SkyAutocompleteSelectionChange",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 622,
+            "id": 637,
             "name": "selectedItem",
             "kind": 1024,
             "kindString": "Property",
@@ -9653,7 +9862,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              622
+              637
             ]
           }
         ],
@@ -9666,7 +9875,7 @@
         ]
       },
       {
-        "id": 629,
+        "id": 644,
         "name": "SkyCountryFieldCountry",
         "kind": 256,
         "kindString": "Interface",
@@ -9676,7 +9885,7 @@
         },
         "children": [
           {
-            "id": 632,
+            "id": 647,
             "name": "dialCode",
             "kind": 1024,
             "kindString": "Property",
@@ -9699,7 +9908,7 @@
             }
           },
           {
-            "id": 630,
+            "id": 645,
             "name": "iso2",
             "kind": 1024,
             "kindString": "Property",
@@ -9726,7 +9935,7 @@
             }
           },
           {
-            "id": 631,
+            "id": 646,
             "name": "name",
             "kind": 1024,
             "kindString": "Property",
@@ -9754,9 +9963,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              632,
-              630,
-              631
+              647,
+              645,
+              646
             ]
           }
         ],
@@ -9769,7 +9978,7 @@
         ]
       },
       {
-        "id": 638,
+        "id": 653,
         "name": "SkyLookupAddCallbackArgs",
         "kind": 256,
         "kindString": "Interface",
@@ -9779,7 +9988,7 @@
         },
         "children": [
           {
-            "id": 640,
+            "id": 655,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -9805,7 +10014,7 @@
             }
           },
           {
-            "id": 639,
+            "id": 654,
             "name": "item",
             "kind": 1024,
             "kindString": "Property",
@@ -9831,8 +10040,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              640,
-              639
+              655,
+              654
             ]
           }
         ],
@@ -9845,7 +10054,7 @@
         ]
       },
       {
-        "id": 641,
+        "id": 656,
         "name": "SkyLookupAddClickEventArgs",
         "kind": 256,
         "kindString": "Interface",
@@ -9855,7 +10064,7 @@
         },
         "children": [
           {
-            "id": 642,
+            "id": 657,
             "name": "itemAdded",
             "kind": 2048,
             "kindString": "Method",
@@ -9869,112 +10078,918 @@
             ],
             "signatures": [
               {
-                "id": 643,
+                "id": 658,
                 "name": "itemAdded",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "A callback function for the consumer to use to notify the lookup that a new item has been added."
+                  "shortText": "A callback function for the consumer to use to notify the lookup that a new item has been added."
+                },
+                "parameters": [
+                  {
+                    "id": 659,
+                    "name": "args",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "Specifies information about the item that was added.\n"
+                    },
+                    "type": {
+                      "type": "reference",
+                      "id": 653,
+                      "name": "SkyLookupAddCallbackArgs"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              657
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/lookup/types/lookup-add-click-event-args.ts",
+            "line": 6,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 664,
+        "name": "SkyLookupShowMoreConfig",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies configuration options for the picker to display when users select the button\nto view all options. You can use a native, out-of-the-box modal picker, or you can create\na custom picker. If you provide configuration options for both, the lookup component uses\nthe custom configuration."
+        },
+        "children": [
+          {
+            "id": 665,
+            "name": "customPicker",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies a configuration object to display a custom picker."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
+                "line": 14,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "id": 667,
+              "name": "SkyLookupShowMoreCustomPicker"
+            }
+          },
+          {
+            "id": 666,
+            "name": "nativePickerConfig",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies configuration options for the native picker."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
+                "line": 19,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "id": 677,
+              "name": "SkyLookupShowMoreNativePickerConfig"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              665,
+              666
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
+            "line": 10,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 667,
+        "name": "SkyLookupShowMoreCustomPicker",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Defines a custom picker to display when users select the button to view all options."
+        },
+        "children": [
+          {
+            "id": 668,
+            "name": "open",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-custom-picker.ts",
+                "line": 7,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 669,
+                "name": "open",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 670,
+                    "name": "pickerContext",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 671,
+                      "name": "SkyLookupShowMoreCustomPickerContext"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              668
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-custom-picker.ts",
+            "line": 6,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 677,
+        "name": "SkyLookupShowMoreNativePickerConfig",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies configuration options to display the native picker when users select\nthe button to view all options."
+        },
+        "children": [
+          {
+            "id": 678,
+            "name": "itemTemplate",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies a template to format each option in the picker. The lookup component\ninjects values into the template as `item` variables that reference all the object\nproperties of the options. If you do not specify a template, the picker uses\nthe same template as the dropdown list."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
+                "line": 14,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "unknown"
+                }
+              ],
+              "qualifiedName": "TemplateRef",
+              "package": "@angular/core",
+              "name": "TemplateRef"
+            }
+          },
+          {
+            "id": 679,
+            "name": "title",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies a title for the picker.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"Select an option/Select options\"\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
+                "line": 20,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              678,
+              679
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
+            "line": 7,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 698,
+        "name": "SkySelectionModalAddCallbackArgs",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies the information for the callback used when adding a new item to a selection modal instance."
+        },
+        "children": [
+          {
+            "id": 699,
+            "name": "item",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "The new item which has been added to the data. This item will be automatically selected."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-add-click-callback-args.ts",
+                "line": 8,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              699
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-add-click-callback-args.ts",
+            "line": 4,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 700,
+        "name": "SkySelectionModalAddClickEventArgs",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies a callback function for the consumer to use to notify the selection modal that a new item has been added."
+        },
+        "children": [
+          {
+            "id": 701,
+            "name": "itemAdded",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-add-click-event-args.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 702,
+                "name": "itemAdded",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "A callback function for the consumer to use to notify the selection modal that a new item has been added."
+                },
+                "parameters": [
+                  {
+                    "id": 703,
+                    "name": "args",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "comment": {
+                      "shortText": "Specifies information about the item that was added.\n"
+                    },
+                    "type": {
+                      "type": "reference",
+                      "id": 698,
+                      "name": "SkySelectionModalAddCallbackArgs"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              701
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-add-click-event-args.ts",
+            "line": 6,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 704,
+        "name": "SkySelectionModalCloseArgs",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "The result from the selection modal."
+        },
+        "children": [
+          {
+            "id": 705,
+            "name": "reason",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Indicates why the selection modal was closed."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-close-args.ts",
+                "line": 8,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "literal",
+                  "value": "close"
+                },
+                {
+                  "type": "literal",
+                  "value": "cancel"
+                },
+                {
+                  "type": "literal",
+                  "value": "save"
+                }
+              ]
+            }
+          },
+          {
+            "id": 706,
+            "name": "selectedItems",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "A collection of items the user selected. This property is only\nset when the `result` property is set to `save`."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-close-args.ts",
+                "line": 14,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "unknown"
+              }
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              705,
+              706
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-close-args.ts",
+            "line": 4,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 707,
+        "name": "SkySelectionModalOpenArgs",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Parameters for the selection modal."
+        },
+        "children": [
+          {
+            "id": 711,
+            "name": "descriptorProperty",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Specifies an object property to display in the text input after users\nselect an item in the dropdown list."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 38,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 712,
+            "name": "idProperty",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "An object property that represents the object's unique identifier."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 43,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 713,
+            "name": "initialSearch",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The initial search text."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 48,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 708,
+            "name": "itemTemplate",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The template to format each option in the search results. The selection modal\ninjects values into the template as `item` variables that reference all the object\nproperties of the options. If you do not specify a template, the item's descriptor\nproperty value is displayed."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 21,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "unknown"
+                }
+              ],
+              "qualifiedName": "TemplateRef",
+              "package": "@angular/core",
+              "name": "TemplateRef"
+            }
+          },
+          {
+            "id": 717,
+            "name": "selectMode",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Specifies whether users can select one option or multiple options.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"multiple\"\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 61,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "id": 663,
+              "name": "SkyLookupSelectModeType"
+            }
+          },
+          {
+            "id": 718,
+            "name": "showAddButton",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Whether to display a button that lets users add options to the list.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "false\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 67,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            }
+          },
+          {
+            "id": 709,
+            "name": "title",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The title for the selection modal.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"Select an option/Select options\"\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 27,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 710,
+            "name": "value",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The initial value for the selection modal."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 32,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "unknown"
+              }
+            }
+          },
+          {
+            "id": 719,
+            "name": "addClick",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isOptional": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 72,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 720,
+                "name": "addClick",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Called when users select the button to add options to the list."
+                },
+                "parameters": [
+                  {
+                    "id": 721,
+                    "name": "args",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 700,
+                      "name": "SkySelectionModalAddClickEventArgs"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 714,
+            "name": "searchAsync",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+                "line": 53,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 715,
+                "name": "searchAsync",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Called when users enter new search information and returns results via an observable."
                 },
                 "parameters": [
                   {
-                    "id": 644,
+                    "id": 716,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
-                    "comment": {
-                      "shortText": "Specifies information about the item that was added.\n"
-                    },
                     "type": {
                       "type": "reference",
-                      "id": 638,
-                      "name": "SkyLookupAddCallbackArgs"
+                      "id": 725,
+                      "name": "SkySelectionModalSearchArgs"
                     }
                   }
                 ],
                 "type": {
-                  "type": "intrinsic",
-                  "name": "void"
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 729,
+                      "name": "SkySelectionModalSearchResult"
+                    }
+                  ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
+                  "name": "Observable"
                 }
               }
             ]
           }
         ],
         "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              711,
+              712,
+              713,
+              708,
+              717,
+              718,
+              709,
+              710
+            ]
+          },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              642
+              719,
+              714
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/lookup/src/modules/lookup/types/lookup-add-click-event-args.ts",
-            "line": 6,
+            "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-open-args.ts",
+            "line": 14,
             "character": 17
           }
         ]
       },
       {
-        "id": 649,
-        "name": "SkyLookupShowMoreConfig",
+        "id": 722,
+        "name": "SkySelectionModalResult",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "comment": {
-          "shortText": "Specifies configuration options for the picker to display when users select the button\nto view all options. You can use a native, out-of-the-box modal picker, or you can create\na custom picker. If you provide configuration options for both, the lookup component uses\nthe custom configuration."
+          "shortText": "The result from the selection modal."
         },
         "children": [
           {
-            "id": 650,
-            "name": "customPicker",
+            "id": 723,
+            "name": "result",
             "kind": 1024,
             "kindString": "Property",
-            "flags": {
-              "isOptional": true
-            },
+            "flags": {},
             "comment": {
-              "shortText": "Specifies a configuration object to display a custom picker."
+              "shortText": "Indicates whether the user saved or canceled the modal."
             },
             "sources": [
               {
-                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-                "line": 14,
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-result.ts",
+                "line": 8,
                 "character": 2
               }
             ],
             "type": {
-              "type": "reference",
-              "id": 652,
-              "name": "SkyLookupShowMoreCustomPicker"
+              "type": "union",
+              "types": [
+                {
+                  "type": "literal",
+                  "value": "cancel"
+                },
+                {
+                  "type": "literal",
+                  "value": "save"
+                }
+              ]
             }
           },
           {
-            "id": 651,
-            "name": "nativePickerConfig",
+            "id": 724,
+            "name": "selectedItems",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies configuration options for the native picker."
+              "shortText": "A collection of items the user selected. This property is only\nset when the `result` property is set to `save`."
             },
             "sources": [
               {
-                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-                "line": 19,
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-result.ts",
+                "line": 14,
                 "character": 2
               }
             ],
             "type": {
-              "type": "reference",
-              "id": 662,
-              "name": "SkyLookupShowMoreNativePickerConfig"
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "unknown"
+              }
             }
           }
         ],
@@ -9983,156 +10998,213 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              650,
-              651
+              723,
+              724
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-config.ts",
-            "line": 10,
+            "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-result.ts",
+            "line": 4,
             "character": 17
           }
         ]
       },
       {
-        "id": 652,
-        "name": "SkyLookupShowMoreCustomPicker",
+        "id": 725,
+        "name": "SkySelectionModalSearchArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "comment": {
-          "shortText": "Defines a custom picker to display when users select the button to view all options."
+          "shortText": "Arguments passed when an asynchronous search is executed from the\nselection modal service."
         },
         "children": [
           {
-            "id": 653,
-            "name": "open",
-            "kind": 2048,
-            "kindString": "Method",
+            "id": 728,
+            "name": "continuationData",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "A continuation token which can be set and then will be passed back with any future searches.\nThis is helpful for applications which utilize a token instead of an offset when fetching data."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-args.ts",
+                "line": 22,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "unknown"
+            }
+          },
+          {
+            "id": 727,
+            "name": "offset",
+            "kind": 1024,
+            "kindString": "Property",
             "flags": {},
+            "comment": {
+              "shortText": "The offset index of the first result to return. When search is executed\nas a result of an infinite scroll event, for example, offset will be set\nto the number of items already displayed."
+            },
             "sources": [
               {
-                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-custom-picker.ts",
-                "line": 7,
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-args.ts",
+                "line": 16,
                 "character": 2
               }
             ],
-            "signatures": [
+            "type": {
+              "type": "intrinsic",
+              "name": "number"
+            }
+          },
+          {
+            "id": 726,
+            "name": "searchText",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "The search text entered by the user."
+            },
+            "sources": [
               {
-                "id": 654,
-                "name": "open",
-                "kind": 4096,
-                "kindString": "Call signature",
-                "flags": {},
-                "parameters": [
-                  {
-                    "id": 655,
-                    "name": "pickerContext",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "id": 656,
-                      "name": "SkyLookupShowMoreCustomPickerContext"
-                    }
-                  }
-                ],
-                "type": {
-                  "type": "intrinsic",
-                  "name": "void"
-                }
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-args.ts",
+                "line": 9,
+                "character": 2
               }
-            ]
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
           }
         ],
         "groups": [
           {
-            "title": "Methods",
-            "kind": 2048,
+            "title": "Properties",
+            "kind": 1024,
             "children": [
-              653
+              728,
+              727,
+              726
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-custom-picker.ts",
-            "line": 6,
+            "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-args.ts",
+            "line": 5,
             "character": 17
           }
         ]
       },
       {
-        "id": 662,
-        "name": "SkyLookupShowMoreNativePickerConfig",
+        "id": 729,
+        "name": "SkySelectionModalSearchResult",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "comment": {
-          "shortText": "Specifies configuration options to display the native picker when users select\nthe button to view all options."
+          "shortText": "The result of searching for items to display in a selection modal."
         },
         "children": [
           {
-            "id": 663,
-            "name": "itemTemplate",
+            "id": 730,
+            "name": "continuationData",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies a template to format each option in the picker. The lookup component\ninjects values into the template as `item` variables that reference all the object\nproperties of the options. If you do not specify a template, the picker uses\nthe same template as the dropdown list."
+              "shortText": "Data provided on \"load more\" search result requests. Use this property for\ninformation such as a continuation token for paged database queries."
             },
             "sources": [
               {
-                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
-                "line": 14,
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-result.ts",
+                "line": 9,
                 "character": 2
               }
             ],
             "type": {
-              "type": "reference",
-              "typeArguments": [
-                {
-                  "type": "intrinsic",
-                  "name": "unknown"
-                }
-              ],
-              "qualifiedName": "TemplateRef",
-              "package": "@angular/core",
-              "name": "TemplateRef"
+              "type": "intrinsic",
+              "name": "unknown"
             }
           },
           {
-            "id": 664,
-            "name": "title",
+            "id": 731,
+            "name": "hasMore",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies a title for the picker.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "\"Select an option/Select options\"\n"
-                }
-              ]
+              "shortText": "Indicates whether there are more results that match the search criteria."
             },
             "sources": [
               {
-                "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
-                "line": 20,
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-result.ts",
+                "line": 13,
                 "character": 2
               }
             ],
             "type": {
               "type": "intrinsic",
-              "name": "string"
+              "name": "boolean"
+            }
+          },
+          {
+            "id": 732,
+            "name": "items",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "A list of items matching the search criteria. When there are more items that match\nthe search criteria, set the `hasMore` property to `true` more records can be lazy-loaded\nas the user scrolls through the search results."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-result.ts",
+                "line": 19,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "unknown"
+              }
+            }
+          },
+          {
+            "id": 733,
+            "name": "totalCount",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "The total number of records that match the search criteria, including items not returned in\nthe current list of items."
+            },
+            "sources": [
+              {
+                "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-result.ts",
+                "line": 24,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "number"
             }
           }
         ],
@@ -10141,21 +11213,23 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              663,
-              664
+              730,
+              731,
+              732,
+              733
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/lookup/src/modules/lookup/types/lookup-show-more-native-picker-config.ts",
-            "line": 7,
+            "fileName": "projects/lookup/src/modules/selection-modal/types/selection-modal-search-result.ts",
+            "line": 4,
             "character": 17
           }
         ]
       },
       {
-        "id": 607,
+        "id": 622,
         "name": "AutocompleteSearchAsyncResultDisplayType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -10182,7 +11256,7 @@
         }
       },
       {
-        "id": 665,
+        "id": 680,
         "name": "SkyAutocompleteSearchArgs",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -10197,14 +11271,14 @@
         "type": {
           "type": "reflection",
           "declaration": {
-            "id": 666,
+            "id": 681,
             "name": "__type",
             "kind": 65536,
             "kindString": "Type literal",
             "flags": {},
             "children": [
               {
-                "id": 667,
+                "id": 682,
                 "name": "context",
                 "kind": 1024,
                 "kindString": "Property",
@@ -10220,7 +11294,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 668,
+                  "id": 683,
                   "name": "SkyAutocompleteSearchContext"
                 }
               }
@@ -10230,7 +11304,7 @@
                 "title": "Properties",
                 "kind": 1024,
                 "children": [
-                  667
+                  682
                 ]
               }
             ],
@@ -10245,7 +11319,7 @@
         }
       },
       {
-        "id": 668,
+        "id": 683,
         "name": "SkyAutocompleteSearchContext",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -10272,7 +11346,7 @@
         }
       },
       {
-        "id": 608,
+        "id": 623,
         "name": "SkyAutocompleteSearchFunction",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -10287,7 +11361,7 @@
         "type": {
           "type": "reflection",
           "declaration": {
-            "id": 609,
+            "id": 624,
             "name": "__type",
             "kind": 65536,
             "kindString": "Type literal",
@@ -10301,14 +11375,14 @@
             ],
             "signatures": [
               {
-                "id": 610,
+                "id": 625,
                 "name": "__type",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 611,
+                    "id": 626,
                     "name": "searchText",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10319,7 +11393,7 @@
                     }
                   },
                   {
-                    "id": 612,
+                    "id": 627,
                     "name": "data",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10333,7 +11407,7 @@
                     }
                   },
                   {
-                    "id": 613,
+                    "id": 628,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10342,14 +11416,14 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 665,
+                      "id": 680,
                       "name": "SkyAutocompleteSearchArgs"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 620,
+                  "id": 635,
                   "name": "SkyAutocompleteSearchFunctionResponse"
                 }
               }
@@ -10358,7 +11432,7 @@
         }
       },
       {
-        "id": 614,
+        "id": 629,
         "name": "SkyAutocompleteSearchFunctionFilter",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -10373,7 +11447,7 @@
         "type": {
           "type": "reflection",
           "declaration": {
-            "id": 615,
+            "id": 630,
             "name": "__type",
             "kind": 65536,
             "kindString": "Type literal",
@@ -10387,14 +11461,14 @@
             ],
             "signatures": [
               {
-                "id": 616,
+                "id": 631,
                 "name": "__type",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 617,
+                    "id": 632,
                     "name": "searchText",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10405,7 +11479,7 @@
                     }
                   },
                   {
-                    "id": 618,
+                    "id": 633,
                     "name": "item",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10416,7 +11490,7 @@
                     }
                   },
                   {
-                    "id": 619,
+                    "id": 634,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10425,7 +11499,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 665,
+                      "id": 680,
                       "name": "SkyAutocompleteSearchArgs"
                     }
                   }
@@ -10440,7 +11514,7 @@
         }
       },
       {
-        "id": 620,
+        "id": 635,
         "name": "SkyAutocompleteSearchFunctionResponse",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -10481,7 +11555,7 @@
         }
       },
       {
-        "id": 648,
+        "id": 663,
         "name": "SkyLookupSelectModeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -10508,7 +11582,7 @@
         }
       },
       {
-        "id": 920,
+        "id": 982,
         "name": "SkyLookupHarness",
         "kind": 128,
         "kindString": "Class",
@@ -10518,7 +11592,7 @@
         },
         "children": [
           {
-            "id": 953,
+            "id": 1015,
             "name": "blur",
             "kind": 2048,
             "kindString": "Method",
@@ -10534,7 +11608,7 @@
             ],
             "signatures": [
               {
-                "id": 954,
+                "id": 1016,
                 "name": "blur",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10566,7 +11640,7 @@
             }
           },
           {
-            "id": 955,
+            "id": 1017,
             "name": "clear",
             "kind": 2048,
             "kindString": "Method",
@@ -10582,7 +11656,7 @@
             ],
             "signatures": [
               {
-                "id": 956,
+                "id": 1018,
                 "name": "clear",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10614,7 +11688,7 @@
             }
           },
           {
-            "id": 937,
+            "id": 999,
             "name": "clickAddButton",
             "kind": 2048,
             "kindString": "Method",
@@ -10630,7 +11704,7 @@
             ],
             "signatures": [
               {
-                "id": 938,
+                "id": 1000,
                 "name": "clickAddButton",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10662,7 +11736,7 @@
             }
           },
           {
-            "id": 939,
+            "id": 1001,
             "name": "clickShowMoreButton",
             "kind": 2048,
             "kindString": "Method",
@@ -10678,7 +11752,7 @@
             ],
             "signatures": [
               {
-                "id": 940,
+                "id": 1002,
                 "name": "clickShowMoreButton",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10710,7 +11784,7 @@
             }
           },
           {
-            "id": 941,
+            "id": 1003,
             "name": "dismissSelections",
             "kind": 2048,
             "kindString": "Method",
@@ -10726,7 +11800,7 @@
             ],
             "signatures": [
               {
-                "id": 942,
+                "id": 1004,
                 "name": "dismissSelections",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10750,7 +11824,7 @@
             ]
           },
           {
-            "id": 957,
+            "id": 1019,
             "name": "enterText",
             "kind": 2048,
             "kindString": "Method",
@@ -10766,7 +11840,7 @@
             ],
             "signatures": [
               {
-                "id": 958,
+                "id": 1020,
                 "name": "enterText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10776,7 +11850,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 959,
+                    "id": 1021,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10811,7 +11885,7 @@
             }
           },
           {
-            "id": 960,
+            "id": 1022,
             "name": "focus",
             "kind": 2048,
             "kindString": "Method",
@@ -10827,7 +11901,7 @@
             ],
             "signatures": [
               {
-                "id": 961,
+                "id": 1023,
                 "name": "focus",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10859,7 +11933,7 @@
             }
           },
           {
-            "id": 962,
+            "id": 1024,
             "name": "getSearchResults",
             "kind": 2048,
             "kindString": "Method",
@@ -10875,7 +11949,7 @@
             ],
             "signatures": [
               {
-                "id": 963,
+                "id": 1025,
                 "name": "getSearchResults",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10885,7 +11959,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 964,
+                    "id": 1026,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10925,7 +11999,7 @@
             }
           },
           {
-            "id": 965,
+            "id": 1027,
             "name": "getSearchResultsText",
             "kind": 2048,
             "kindString": "Method",
@@ -10941,7 +12015,7 @@
             ],
             "signatures": [
               {
-                "id": 966,
+                "id": 1028,
                 "name": "getSearchResultsText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -10951,7 +12025,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 967,
+                    "id": 1029,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -10991,7 +12065,7 @@
             }
           },
           {
-            "id": 945,
+            "id": 1007,
             "name": "getSelections",
             "kind": 2048,
             "kindString": "Method",
@@ -11007,7 +12081,7 @@
             ],
             "signatures": [
               {
-                "id": 946,
+                "id": 1008,
                 "name": "getSelections",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11034,7 +12108,7 @@
             ]
           },
           {
-            "id": 947,
+            "id": 1009,
             "name": "getSelectionsText",
             "kind": 2048,
             "kindString": "Method",
@@ -11050,7 +12124,7 @@
             ],
             "signatures": [
               {
-                "id": 948,
+                "id": 1010,
                 "name": "getSelectionsText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11077,7 +12151,7 @@
             ]
           },
           {
-            "id": 943,
+            "id": 1005,
             "name": "getShowMorePicker",
             "kind": 2048,
             "kindString": "Method",
@@ -11093,7 +12167,7 @@
             ],
             "signatures": [
               {
-                "id": 944,
+                "id": 1006,
                 "name": "getShowMorePicker",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11117,7 +12191,7 @@
             ]
           },
           {
-            "id": 968,
+            "id": 1030,
             "name": "getValue",
             "kind": 2048,
             "kindString": "Method",
@@ -11133,7 +12207,7 @@
             ],
             "signatures": [
               {
-                "id": 969,
+                "id": 1031,
                 "name": "getValue",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11165,7 +12239,7 @@
             }
           },
           {
-            "id": 984,
+            "id": 1046,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -11179,7 +12253,7 @@
             ],
             "signatures": [
               {
-                "id": 985,
+                "id": 1047,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11213,7 +12287,7 @@
             }
           },
           {
-            "id": 970,
+            "id": 1032,
             "name": "isDisabled",
             "kind": 2048,
             "kindString": "Method",
@@ -11229,7 +12303,7 @@
             ],
             "signatures": [
               {
-                "id": 971,
+                "id": 1033,
                 "name": "isDisabled",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11261,7 +12335,7 @@
             }
           },
           {
-            "id": 972,
+            "id": 1034,
             "name": "isFocused",
             "kind": 2048,
             "kindString": "Method",
@@ -11277,7 +12351,7 @@
             ],
             "signatures": [
               {
-                "id": 973,
+                "id": 1035,
                 "name": "isFocused",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11309,7 +12383,7 @@
             }
           },
           {
-            "id": 949,
+            "id": 1011,
             "name": "isMultiselect",
             "kind": 2048,
             "kindString": "Method",
@@ -11325,7 +12399,7 @@
             ],
             "signatures": [
               {
-                "id": 950,
+                "id": 1012,
                 "name": "isMultiselect",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11349,7 +12423,7 @@
             ]
           },
           {
-            "id": 974,
+            "id": 1036,
             "name": "isOpen",
             "kind": 2048,
             "kindString": "Method",
@@ -11365,7 +12439,7 @@
             ],
             "signatures": [
               {
-                "id": 975,
+                "id": 1037,
                 "name": "isOpen",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11397,7 +12471,7 @@
             }
           },
           {
-            "id": 976,
+            "id": 1038,
             "name": "selectSearchResult",
             "kind": 2048,
             "kindString": "Method",
@@ -11413,7 +12487,7 @@
             ],
             "signatures": [
               {
-                "id": 977,
+                "id": 1039,
                 "name": "selectSearchResult",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11423,7 +12497,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 978,
+                    "id": 1040,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -11458,7 +12532,7 @@
             }
           },
           {
-            "id": 922,
+            "id": 984,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -11475,7 +12549,7 @@
             ],
             "signatures": [
               {
-                "id": 923,
+                "id": 985,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -11485,7 +12559,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 924,
+                    "id": 986,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -11501,7 +12575,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 920,
+                      "id": 982,
                       "name": "SkyLookupHarness"
                     }
                   ],
@@ -11526,33 +12600,33 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              930
+              992
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              953,
-              955,
-              937,
-              939,
-              941,
-              957,
-              960,
-              962,
-              965,
-              945,
-              947,
-              943,
-              968,
-              984,
-              970,
-              972,
-              949,
-              974,
-              976,
-              922
+              1015,
+              1017,
+              999,
+              1001,
+              1003,
+              1019,
+              1022,
+              1024,
+              1027,
+              1007,
+              1009,
+              1005,
+              1030,
+              1046,
+              1032,
+              1034,
+              1011,
+              1036,
+              1038,
+              984
             ]
           }
         ],
@@ -11676,7 +12750,7 @@
     {
       "fileName": "lookup-async-demo.component.html",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/async/lookup-async-demo.component.html",
-      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"favoritesForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"sky-form-group\">\n    <sky-input-box data-sky-id=\"favorite-names-field\">\n      <label class=\"sky-control-label\" skyId #favoriteNamesLabel=\"skyId\">\n        Favorite name(s)\n      </label>\n      <sky-lookup\n        formControlName=\"favoriteNames\"\n        idProperty=\"name\"\n        [ariaLabelledBy]=\"favoriteNamesLabel.id\"\n        [enableShowMore]=\"true\"\n        (searchAsync)=\"searchAsync($event)\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ favoritesForm.value | json }}</pre>\n  </div>\n  <button class=\"sky-btn sky-btn-default\" type=\"submit\">Submit</button>\n</form>\n"
+      "rawContents": "<form\n  class=\"lookup-demo-form\"\n  novalidate\n  [formGroup]=\"favoritesForm\"\n  (ngSubmit)=\"onSubmit()\"\n>\n  <div class=\"sky-form-group\">\n    <sky-input-box data-sky-id=\"favorite-names-field\">\n      <label class=\"sky-control-label\" skyId #favoriteNamesLabel=\"skyId\">\n        Favorite name(s)\n      </label>\n      <sky-lookup\n        formControlName=\"favoriteNames\"\n        idProperty=\"name\"\n        [ariaLabelledBy]=\"favoriteNamesLabel.id\"\n        [enableShowMore]=\"true\"\n        (searchAsync)=\"searchAsync($event)\"\n        [showAddButton]=\"true\"\n        (addClick)=\"addClick($event)\"\n      >\n      </sky-lookup>\n    </sky-input-box>\n  </div>\n  <div class=\"lookup-demo-alert\">\n    <strong>Form model:</strong>\n    <pre>{{ favoritesForm.value | json }}</pre>\n  </div>\n  <button class=\"sky-btn sky-btn-default\" type=\"submit\">Submit</button>\n</form>\n"
     },
     {
       "fileName": "lookup-async-demo.component.scss",
@@ -11691,7 +12765,7 @@
     {
       "fileName": "lookup-async-demo.component.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/async/lookup-async-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyAutocompleteSearchAsyncArgs } from '@skyux/lookup';\n\nimport { map } from 'rxjs/operators';\n\nimport { LookupAsyncDemoService } from './lookup-async-demo.service';\nimport { LookupDemoPerson } from './lookup-demo-person';\n\n@Component({\n  selector: 'app-async-lookup-demo',\n  templateUrl: './lookup-async-demo.component.html',\n  styleUrls: ['./lookup-async-demo.component.scss'],\n})\nexport class LookupAsyncDemoComponent implements OnInit {\n  public favoritesForm: FormGroup<{\n    favoriteNames: FormControl<LookupDemoPerson[] | null>;\n  }>;\n\n  #searchSvc: LookupAsyncDemoService;\n\n  constructor(formBuilder: FormBuilder, searchSvc: LookupAsyncDemoService) {\n    this.#searchSvc = searchSvc;\n\n    const names = new FormControl<LookupDemoPerson[]>([{ name: 'Shirley' }]);\n\n    this.favoritesForm = formBuilder.group({\n      favoriteNames: names,\n    });\n  }\n\n  public ngOnInit(): void {\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.favoritesForm.valueChanges.subscribe((changes) => {\n      console.log('Lookup value changes:', changes);\n    });\n  }\n\n  public onSubmit(): void {\n    alert('Form submitted with: ' + JSON.stringify(this.favoritesForm.value));\n  }\n\n  public searchAsync(args: SkyAutocompleteSearchAsyncArgs): void {\n    // In a real-world application the search service might return an Observable\n    // created by calling HttpClient.get(). Assigning that Observable to the result\n    // allows the lookup component to cancel the web request if it does not complete\n    // before the user searches again.\n    args.result = this.#searchSvc.search(args.searchText).pipe(\n      map((result) => ({\n        hasMore: result.hasMore,\n        items: result.people,\n        totalCount: result.totalCount,\n      }))\n    );\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyWaitService } from '@skyux/indicators';\nimport {\n  SkyAutocompleteSearchAsyncArgs,\n  SkyLookupAddClickEventArgs,\n} from '@skyux/lookup';\n\nimport { map } from 'rxjs/operators';\n\nimport { LookupAsyncDemoService } from './lookup-async-demo.service';\nimport { LookupDemoPerson } from './lookup-demo-person';\n\n@Component({\n  selector: 'app-async-lookup-demo',\n  templateUrl: './lookup-async-demo.component.html',\n  styleUrls: ['./lookup-async-demo.component.scss'],\n})\nexport class LookupAsyncDemoComponent implements OnInit {\n  public favoritesForm: FormGroup<{\n    favoriteNames: FormControl<LookupDemoPerson[] | null>;\n  }>;\n\n  #svc: LookupAsyncDemoService;\n  #waitSvc: SkyWaitService;\n\n  constructor(\n    formBuilder: FormBuilder,\n    svc: LookupAsyncDemoService,\n    waitSvc: SkyWaitService\n  ) {\n    this.#svc = svc;\n    this.#waitSvc = waitSvc;\n\n    const names = new FormControl<LookupDemoPerson[]>([{ name: 'Shirley' }]);\n\n    this.favoritesForm = formBuilder.group({\n      favoriteNames: names,\n    });\n  }\n\n  public ngOnInit(): void {\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.favoritesForm.valueChanges.subscribe((changes) => {\n      console.log('Lookup value changes:', changes);\n    });\n  }\n\n  public onSubmit(): void {\n    alert('Form submitted with: ' + JSON.stringify(this.favoritesForm.value));\n  }\n\n  public searchAsync(args: SkyAutocompleteSearchAsyncArgs): void {\n    // In a real-world application the search service might return an Observable\n    // created by calling HttpClient.get(). Assigning that Observable to the result\n    // allows the lookup component to cancel the web request if it does not complete\n    // before the user searches again.\n    args.result = this.#svc.search(args.searchText).pipe(\n      map((result) => ({\n        hasMore: result.hasMore,\n        items: result.people,\n        totalCount: result.totalCount,\n      }))\n    );\n  }\n\n  public addClick(args: SkyLookupAddClickEventArgs): void {\n    const person: LookupDemoPerson = {\n      name: 'Newman',\n    };\n\n    this.#waitSvc.blockingWrap(this.#svc.addPerson(person)).subscribe(() => {\n      args.itemAdded({\n        item: person,\n      });\n    });\n  }\n}\n"
     },
     {
       "fileName": "lookup-async-demo.module.ts",
@@ -11701,7 +12775,7 @@
     {
       "fileName": "lookup-async-demo.service.ts",
       "filePath": "/projects/lookup/documentation/code-examples/lookup/async/lookup-async-demo.service.ts",
-      "rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { LookupAsyncDemoSearchResults } from './lookup-async-demo-search-results';\nimport { LookupDemoPerson } from './lookup-demo-person';\n\nconst people: LookupDemoPerson[] = [\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@Injectable({\n  providedIn: 'root',\n})\nexport class LookupAsyncDemoService {\n  public search(searchText: string): Observable<LookupAsyncDemoSearchResults> {\n    // Simulate a network call with latency. A real-world application might\n    // use Angular's HttpClient to create an Observable from a call to a\n    // web service.\n    searchText = searchText.toUpperCase();\n\n    const matchingPeople = people.filter((person) =>\n      person.name.toUpperCase().includes(searchText)\n    );\n\n    return of({\n      hasMore: false,\n      people: matchingPeople,\n      totalCount: matchingPeople.length,\n    }).pipe(delay(800));\n  }\n}\n"
+      "rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { LookupAsyncDemoSearchResults } from './lookup-async-demo-search-results';\nimport { LookupDemoPerson } from './lookup-demo-person';\n\nconst people: LookupDemoPerson[] = [\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@Injectable({\n  providedIn: 'root',\n})\nexport class LookupAsyncDemoService {\n  public search(searchText: string): Observable<LookupAsyncDemoSearchResults> {\n    // Simulate a network call with latency. A real-world application might\n    // use Angular's HttpClient to create an Observable from a call to a\n    // web service.\n    searchText = searchText.toUpperCase();\n\n    const matchingPeople = people.filter((person) =>\n      person.name.toUpperCase().includes(searchText)\n    );\n\n    return of({\n      hasMore: false,\n      people: matchingPeople,\n      totalCount: matchingPeople.length,\n    }).pipe(delay(800));\n  }\n\n  public addPerson(person: LookupDemoPerson): Observable<number> {\n    // Simulate adding a person with a netowrk call.\n    if (!people.some((item) => item.name === person.name)) {\n      people.unshift(person);\n    }\n\n    return of(1).pipe(delay(800));\n  }\n}\n"
     },
     {
       "fileName": "lookup-demo-person.ts",
@@ -11867,6 +12941,41 @@
       "fileName": "search-demo.module.ts",
       "filePath": "/projects/lookup/documentation/code-examples/search/basic/search-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { SearchDemoComponent } from './search-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyRepeaterModule, SkySearchModule, SkyToolbarModule],\n  declarations: [SearchDemoComponent],\n  exports: [SearchDemoComponent],\n})\nexport class SearchDemoModule {}\n"
+    },
+    {
+      "fileName": "selection-modal-demo-person.ts",
+      "filePath": "/projects/lookup/documentation/code-examples/selection-modal/basic/selection-modal-demo-person.ts",
+      "rawContents": "export interface SelectionModalDemoPerson {\n  id: string;\n  name: string;\n}\n"
+    },
+    {
+      "fileName": "selection-modal-demo-search-results.ts",
+      "filePath": "/projects/lookup/documentation/code-examples/selection-modal/basic/selection-modal-demo-search-results.ts",
+      "rawContents": "import { SelectionModalDemoPerson } from './selection-modal-demo-person';\n\nexport interface SelectionModalAsyncDemoSearchResults {\n  hasMore: boolean;\n  people: SelectionModalDemoPerson[];\n  totalCount: number;\n}\n"
+    },
+    {
+      "fileName": "selection-modal-demo.component.html",
+      "filePath": "/projects/lookup/documentation/code-examples/selection-modal/basic/selection-modal-demo.component.html",
+      "rawContents": "<div class=\"sky-margin-stacked-xl\">\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-default selection-modal-demo-show-btn\"\n    (click)=\"showSelectionModal()\"\n  >\n    Select a value\n  </button>\n</div>\n\n<div *ngIf=\"selectedPeople?.length\">\n  Selected people:\n  <ul class=\"selection-modal-demo-selected\">\n    <li *ngFor=\"let selectedPerson of selectedPeople\">\n      {{ selectedPerson.name }}\n    </li>\n  </ul>\n</div>\n"
+    },
+    {
+      "fileName": "selection-modal-demo.component.spec.ts",
+      "filePath": "/projects/lookup/documentation/code-examples/selection-modal/basic/selection-modal-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkySelectionModalHarness } from '@skyux/lookup/testing';\n\nimport { of } from 'rxjs';\n\nimport { SelectionModalDemoComponent } from './selection-modal-demo.component';\nimport { SelectionModalDemoModule } from './selection-modal-demo.module';\nimport { SelectionModalDemoService } from './selection-modal-demo.service';\n\ndescribe('Selection modal demo', () => {\n  let mockSvc: jasmine.SpyObj<SelectionModalDemoService>;\n\n  async function setupTest(): Promise<{\n    harness: SkySelectionModalHarness;\n    fixture: ComponentFixture<SelectionModalDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(SelectionModalDemoComponent);\n    const openBtn = fixture.nativeElement.querySelector(\n      '.selection-modal-demo-show-btn'\n    );\n\n    openBtn.click();\n    fixture.detectChanges();\n\n    const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n\n    const harness = await rootLoader.getHarness(SkySelectionModalHarness);\n    return { harness, fixture };\n  }\n\n  beforeEach(() => {\n    // Create a mock search service. In a real-world application, the search\n    // service would make a web request which should be avoided in unit tests.\n    mockSvc = jasmine.createSpyObj('SelectionModalDemoService', ['search']);\n\n    mockSvc.search.and.callFake((searchText) => {\n      return of({\n        hasMore: false,\n        people:\n          searchText === 'ra'\n            ? [\n                {\n                  id: '1',\n                  name: 'Rachel',\n                },\n              ]\n            : [],\n        totalCount: 1,\n      });\n    });\n\n    TestBed.configureTestingModule({\n      imports: [NoopAnimationsModule, SelectionModalDemoModule],\n    });\n  });\n\n  it('should update the selected items list when an item is selected', async () => {\n    const { harness, fixture } = await setupTest();\n\n    await harness.enterSearchText('ra');\n    await harness.selectSearchResult({\n      contentText: 'Rachel',\n    });\n    await harness.saveAndClose();\n\n    const selectedItemEls = fixture.nativeElement.querySelectorAll(\n      '.selection-modal-demo-selected li'\n    );\n\n    expect(selectedItemEls).toHaveSize(1);\n    expect(selectedItemEls[0].innerText.trim()).toBe('Rachel');\n  });\n\n  it('should not update the selected items list when the user cancels the selection modal', async () => {\n    const { harness, fixture } = await setupTest();\n\n    await harness.enterSearchText('ra');\n    await harness.selectSearchResult({\n      contentText: 'Rachel',\n    });\n    await harness.cancel();\n\n    const selectedItemEls = fixture.nativeElement.querySelectorAll(\n      '.selection-modal-demo-selected li'\n    );\n\n    expect(selectedItemEls).toHaveSize(0);\n  });\n});\n"
+    },
+    {
+      "fileName": "selection-modal-demo.component.ts",
+      "filePath": "/projects/lookup/documentation/code-examples/selection-modal/basic/selection-modal-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\nimport {\n  SkySelectionModalSearchResult,\n  SkySelectionModalService,\n} from '@skyux/lookup';\n\nimport { map } from 'rxjs/operators';\n\nimport { SelectionModalDemoPerson } from './selection-modal-demo-person';\nimport { SelectionModalDemoService } from './selection-modal-demo.service';\n\n@Component({\n  selector: 'app-selection-modal-demo',\n  templateUrl: './selection-modal-demo.component.html',\n})\nexport class SelectionModalDemoComponent {\n  public selectedPeople: SelectionModalDemoPerson[] | undefined;\n\n  #searchSvc: SelectionModalDemoService;\n  #selectionModalSvc: SkySelectionModalService;\n\n  constructor(\n    searchSvc: SelectionModalDemoService,\n    selectionModalSvc: SkySelectionModalService\n  ) {\n    this.#searchSvc = searchSvc;\n    this.#selectionModalSvc = selectionModalSvc;\n  }\n\n  public showSelectionModal(): void {\n    const instance = this.#selectionModalSvc.open({\n      descriptorProperty: 'name',\n      idProperty: 'id',\n      searchAsync: (args) =>\n        this.#searchSvc.search(args.searchText).pipe(\n          map(\n            (results): SkySelectionModalSearchResult => ({\n              hasMore: results.hasMore,\n              items: results.people,\n              totalCount: results.totalCount,\n            })\n          )\n        ),\n      selectMode: 'single',\n    });\n\n    instance.closed.subscribe((args) => {\n      if (args.reason === 'save') {\n        this.selectedPeople = args.selectedItems as SelectionModalDemoPerson[];\n      }\n    });\n  }\n}\n"
+    },
+    {
+      "fileName": "selection-modal-demo.module.ts",
+      "filePath": "/projects/lookup/documentation/code-examples/selection-modal/basic/selection-modal-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkySelectionModalModule } from '@skyux/lookup';\n\nimport { SelectionModalDemoComponent } from './selection-modal-demo.component';\n\n@NgModule({\n  declarations: [SelectionModalDemoComponent],\n  exports: [SelectionModalDemoComponent],\n  imports: [CommonModule, SkySelectionModalModule],\n})\nexport class SelectionModalDemoModule {}\n"
+    },
+    {
+      "fileName": "selection-modal-demo.service.ts",
+      "filePath": "/projects/lookup/documentation/code-examples/selection-modal/basic/selection-modal-demo.service.ts",
+      "rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { SelectionModalDemoPerson } from './selection-modal-demo-person';\nimport { SelectionModalAsyncDemoSearchResults } from './selection-modal-demo-search-results';\n\nconst people: SelectionModalDemoPerson[] = [\n  { id: '1', name: 'Abed' },\n  { id: '2', name: 'Alex' },\n  { id: '3', name: 'Ben' },\n  { id: '4', name: 'Britta' },\n  { id: '5', name: 'Buzz' },\n  { id: '6', name: 'Craig' },\n  { id: '7', name: 'Elroy' },\n  { id: '8', name: 'Garrett' },\n  { id: '9', name: 'Ian' },\n  { id: '10', name: 'Jeff' },\n  { id: '11', name: 'Leonard' },\n  { id: '12', name: 'Neil' },\n  { id: '13', name: 'Pierce' },\n  { id: '14', name: 'Preston' },\n  { id: '15', name: 'Rachel' },\n  { id: '16', name: 'Shirley' },\n  { id: '17', name: 'Todd' },\n  { id: '18', name: 'Troy' },\n  { id: '19', name: 'Vaughn' },\n  { id: '20', name: 'Vicki' },\n];\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SelectionModalDemoService {\n  public search(\n    searchText: string\n  ): Observable<SelectionModalAsyncDemoSearchResults> {\n    // Simulate a network call with latency. A real-world application might\n    // use Angular's HttpClient to create an Observable from a call to a\n    // web service.\n    searchText = searchText.toUpperCase();\n\n    const matchingPeople = people.filter((person) =>\n      person.name.toUpperCase().includes(searchText)\n    );\n\n    return of({\n      hasMore: false,\n      people: matchingPeople,\n      totalCount: matchingPeople.length,\n    }).pipe(delay(800));\n  }\n}\n"
     }
   ]
 }