@skyux/popovers 8.2.7 → 8.3.0

package/documentation.json

@@ -20,9 +20,12 @@
     "SkyDropdownHarness": "class-skydropdownharness",
     "SkyDropdownItemHarness": "class-skydropdownitemharness",
     "SkyDropdownMenuHarness": "class-skydropdownmenuharness",
+    "SkyPopoverContentHarness": "class-skypopovercontentharness",
+    "SkyPopoverHarness": "class-skypopoverharness",
     "SkyDropdownHarnessFilters": "interface-skydropdownharnessfilters",
     "SkyDropdownItemHarnessFilters": "interface-skydropdownitemharnessfilters",
-    "SkyDropdownMenuHarnessFilters": "interface-skydropdownmenuharnessfilters"
+    "SkyDropdownMenuHarnessFilters": "interface-skydropdownmenuharnessfilters",
+    "SkyPopoverHarnessFilters": "interface-skypopoverharnessfilters"
   },
   "typedoc": {
     "id": 0,
@@ -32,7 +35,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 382,
+        "id": 391,
         "name": "SkyPopoverMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -42,7 +45,7 @@
         },
         "children": [
           {
-            "id": 384,
+            "id": 393,
             "name": "Close",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -60,7 +63,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 386,
+            "id": 395,
             "name": "Focus",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -78,7 +81,7 @@
             "defaultValue": "3"
           },
           {
-            "id": 383,
+            "id": 392,
             "name": "Open",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -96,7 +99,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 385,
+            "id": 394,
             "name": "Reposition",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -119,10 +122,10 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              384,
-              386,
-              383,
-              385
+              393,
+              395,
+              392,
+              394
             ]
           }
         ],
@@ -135,7 +138,7 @@
         ]
       },
       {
-        "id": 373,
+        "id": 382,
         "name": "SkyDropdownModule",
         "kind": 128,
         "kindString": "Class",
@@ -160,7 +163,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              374
+              383
             ]
           }
         ],
@@ -173,7 +176,7 @@
         ]
       },
       {
-        "id": 376,
+        "id": 385,
         "name": "SkyPopoverModule",
         "kind": 128,
         "kindString": "Class",
@@ -198,7 +201,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              377
+              386
             ]
           }
         ],
@@ -1035,7 +1038,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 355,
+                  "id": 364,
                   "name": "SkyDropdownButtonType"
                 }
               }
@@ -1065,7 +1068,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 355,
+                      "id": 364,
                       "name": "SkyDropdownButtonType"
                     }
                   }
@@ -1207,7 +1210,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 356,
+                  "id": 365,
                   "name": "SkyDropdownHorizontalAlignment"
                 }
               }
@@ -1237,7 +1240,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 356,
+                      "id": 365,
                       "name": "SkyDropdownHorizontalAlignment"
                     }
                   }
@@ -1418,7 +1421,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 372,
+                  "id": 381,
                   "name": "SkyDropdownTriggerType"
                 }
               }
@@ -1452,7 +1455,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 372,
+                      "id": 381,
                       "name": "SkyDropdownTriggerType"
                     }
                   }
@@ -2326,7 +2329,7 @@
         ]
       },
       {
-        "id": 256,
+        "id": 258,
         "name": "SkyPopoverComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2347,7 +2350,7 @@
         ],
         "children": [
           {
-            "id": 257,
+            "id": 259,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -2355,20 +2358,20 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 148,
+                "line": 152,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 258,
+                "id": 260,
                 "name": "SkyPopoverComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 259,
+                    "id": 261,
                     "name": "overlayService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2379,7 +2382,7 @@
                     }
                   },
                   {
-                    "id": 260,
+                    "id": 262,
                     "name": "stackingContext",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2418,14 +2421,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 256,
+                  "id": 258,
                   "name": "SkyPopoverComponent"
                 }
               }
             ]
           },
           {
-            "id": 282,
+            "id": 284,
             "name": "isMouseEnter",
             "kind": 1024,
             "kindString": "Property",
@@ -2435,7 +2438,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 120,
+                "line": 122,
                 "character": 9
               }
             ],
@@ -2446,7 +2449,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 278,
+            "id": 280,
             "name": "popoverClosed",
             "kind": 1024,
             "kindString": "Property",
@@ -2471,7 +2474,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 99,
+                "line": 101,
                 "character": 9
               }
             ],
@@ -2480,7 +2483,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 256,
+                  "id": 258,
                   "name": "SkyPopoverComponent"
                 }
               ],
@@ -2491,7 +2494,28 @@
             "defaultValue": "..."
           },
           {
-            "id": 279,
+            "id": 285,
+            "name": "popoverId",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
+                "line": 124,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "defaultValue": "..."
+          },
+          {
+            "id": 281,
             "name": "popoverOpened",
             "kind": 1024,
             "kindString": "Property",
@@ -2516,7 +2540,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 105,
+                "line": 107,
                 "character": 9
               }
             ],
@@ -2525,7 +2549,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 256,
+                  "id": 258,
                   "name": "SkyPopoverComponent"
                 }
               ],
@@ -2536,7 +2560,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 273,
+            "id": 275,
             "name": "popoverTitle",
             "kind": 1024,
             "kindString": "Property",
@@ -2561,7 +2585,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 80,
+                "line": 82,
                 "character": 9
               }
             ],
@@ -2571,7 +2595,7 @@
             }
           },
           {
-            "id": 283,
+            "id": 286,
             "name": "templateRef",
             "kind": 1024,
             "kindString": "Property",
@@ -2596,7 +2620,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 126,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -2614,7 +2638,7 @@
             }
           },
           {
-            "id": 261,
+            "id": 263,
             "name": "alignment",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2636,13 +2660,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 40,
+                "line": 42,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 262,
+                "id": 264,
                 "name": "alignment",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2658,14 +2682,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 379,
+                  "id": 388,
                   "name": "SkyPopoverAlignment"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 263,
+                "id": 265,
                 "name": "alignment",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2681,14 +2705,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 264,
+                    "id": 266,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 379,
+                      "id": 388,
                       "name": "SkyPopoverAlignment"
                     }
                   }
@@ -2701,7 +2725,7 @@
             ]
           },
           {
-            "id": 265,
+            "id": 267,
             "name": "dismissOnBlur",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2723,13 +2747,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 54,
+                "line": 56,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 266,
+                "id": 268,
                 "name": "dismissOnBlur",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2751,7 +2775,7 @@
             ],
             "setSignature": [
               {
-                "id": 267,
+                "id": 269,
                 "name": "dismissOnBlur",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2767,7 +2791,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 268,
+                    "id": 270,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2786,7 +2810,7 @@
             ]
           },
           {
-            "id": 269,
+            "id": 271,
             "name": "placement",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2808,13 +2832,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 68,
+                "line": 70,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 270,
+                "id": 272,
                 "name": "placement",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2830,14 +2854,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 387,
+                  "id": 396,
                   "name": "SkyPopoverPlacement"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 271,
+                "id": 273,
                 "name": "placement",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2853,14 +2877,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 272,
+                    "id": 274,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 387,
+                      "id": 396,
                       "name": "SkyPopoverPlacement"
                     }
                   }
@@ -2873,7 +2897,7 @@
             ]
           },
           {
-            "id": 274,
+            "id": 276,
             "name": "popoverType",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2895,13 +2919,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 87,
+                "line": 89,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 275,
+                "id": 277,
                 "name": "popoverType",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2917,14 +2941,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 396,
+                  "id": 405,
                   "name": "SkyPopoverType"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 276,
+                "id": 278,
                 "name": "popoverType",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2940,14 +2964,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 277,
+                    "id": 279,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 396,
+                      "id": 405,
                       "name": "SkyPopoverType"
                     }
                   }
@@ -2960,7 +2984,7 @@
             ]
           },
           {
-            "id": 294,
+            "id": 297,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -2970,13 +2994,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 158,
+                "line": 162,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 295,
+                "id": 298,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3002,42 +3026,43 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              257
+              259
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              282,
-              278,
-              279,
-              273,
-              283
+              284,
+              280,
+              285,
+              281,
+              275,
+              286
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              261,
-              265,
-              269,
-              274
+              263,
+              267,
+              271,
+              276
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              294
+              297
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-            "line": 33,
+            "line": 35,
             "character": 13
           }
         ],
@@ -3051,7 +3076,7 @@
         ]
       },
       {
-        "id": 309,
+        "id": 312,
         "name": "SkyPopoverDirective",
         "kind": 128,
         "kindString": "Class",
@@ -3072,7 +3097,7 @@
         ],
         "children": [
           {
-            "id": 310,
+            "id": 313,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -3080,20 +3105,20 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 73,
+                "line": 104,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 311,
+                "id": 314,
                 "name": "SkyPopoverDirective",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 312,
+                    "id": 315,
                     "name": "elementRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3114,28 +3139,22 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 309,
+                  "id": 312,
                   "name": "SkyPopoverDirective"
                 }
               }
             ]
           },
           {
-            "id": 313,
-            "name": "skyPopover",
+            "id": 322,
+            "name": "skyPopoverAlignment",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
             "comment": {
-              "shortText": "The popover component to display. Add this directive to the trigger element that opens the popover.",
-              "tags": [
-                {
-                  "tag": "required",
-                  "text": "\n"
-                }
-              ]
+              "shortText": "The horizontal alignment of the popover in relation to the trigger element."
             },
             "decorators": [
               {
@@ -3152,26 +3171,26 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 22,
+                "line": 57,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 256,
-              "name": "SkyPopoverComponent"
+              "id": 388,
+              "name": "SkyPopoverAlignment"
             }
           },
           {
-            "id": 314,
-            "name": "skyPopoverAlignment",
+            "id": 329,
+            "name": "skyPopoverPlacement",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
             "comment": {
-              "shortText": "The horizontal alignment of the popover in relation to the trigger element."
+              "shortText": "The placement of the popover in relation to the trigger element."
             },
             "decorators": [
               {
@@ -3188,27 +3207,24 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 28,
+                "line": 82,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 379,
-              "name": "SkyPopoverAlignment"
+              "id": 396,
+              "name": "SkyPopoverPlacement"
             }
           },
           {
-            "id": 321,
-            "name": "skyPopoverPlacement",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 318,
+            "name": "skyPopover",
+            "kind": 262144,
+            "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "The placement of the popover in relation to the trigger element."
-            },
             "decorators": [
               {
                 "name": "Input",
@@ -3224,18 +3240,72 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 53,
-                "character": 9
+                "line": 44,
+                "character": 13
               }
             ],
-            "type": {
-              "type": "reference",
-              "id": 387,
-              "name": "SkyPopoverPlacement"
-            }
+            "getSignature": [
+              {
+                "id": 319,
+                "name": "skyPopover",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "The popover component to display. Add this directive to the trigger element that opens the popover.",
+                  "tags": [
+                    {
+                      "tag": "required",
+                      "text": "\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "reference",
+                  "id": 258,
+                  "name": "SkyPopoverComponent"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 320,
+                "name": "skyPopover",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "The popover component to display. Add this directive to the trigger element that opens the popover.",
+                  "tags": [
+                    {
+                      "tag": "required",
+                      "text": "\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 321,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 258,
+                      "name": "SkyPopoverComponent"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
           },
           {
-            "id": 315,
+            "id": 323,
             "name": "skyPopoverMessageStream",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3257,13 +3327,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 34,
+                "line": 63,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 316,
+                "id": 324,
                 "name": "skyPopoverMessageStream",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3276,7 +3346,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 380,
+                      "id": 389,
                       "name": "SkyPopoverMessage"
                     }
                   ],
@@ -3288,7 +3358,7 @@
             ],
             "setSignature": [
               {
-                "id": 317,
+                "id": 325,
                 "name": "skyPopoverMessageStream",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3298,7 +3368,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 318,
+                    "id": 326,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3308,7 +3378,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 380,
+                          "id": 389,
                           "name": "SkyPopoverMessage"
                         }
                       ],
@@ -3326,7 +3396,7 @@
             ]
           },
           {
-            "id": 322,
+            "id": 330,
             "name": "skyPopoverTrigger",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3348,13 +3418,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 59,
+                "line": 88,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 323,
+                "id": 331,
                 "name": "skyPopoverTrigger",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3364,14 +3434,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 395,
+                  "id": 404,
                   "name": "SkyPopoverTrigger"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 324,
+                "id": 332,
                 "name": "skyPopoverTrigger",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3381,14 +3451,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 325,
+                    "id": 333,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 395,
+                      "id": 404,
                       "name": "SkyPopoverTrigger"
                     }
                   }
@@ -3401,7 +3471,7 @@
             ]
           },
           {
-            "id": 331,
+            "id": 340,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3411,13 +3481,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 82,
+                "line": 113,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 332,
+                "id": 341,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3438,7 +3508,7 @@
             }
           },
           {
-            "id": 329,
+            "id": 338,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -3448,13 +3518,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 78,
+                "line": 109,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 330,
+                "id": 339,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3475,7 +3545,7 @@
             }
           },
           {
-            "id": 333,
+            "id": 342,
             "name": "togglePopover",
             "kind": 2048,
             "kindString": "Method",
@@ -3485,13 +3555,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 87,
+                "line": 118,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 334,
+                "id": 343,
                 "name": "togglePopover",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3509,40 +3579,40 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              310
+              313
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              313,
-              314,
-              321
+              322,
+              329
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              315,
-              322
+              318,
+              323,
+              330
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              331,
-              329,
-              333
+              340,
+              338,
+              342
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-            "line": 16,
+            "line": 23,
             "character": 13
           }
         ],
@@ -3562,7 +3632,7 @@
         ]
       },
       {
-        "id": 380,
+        "id": 389,
         "name": "SkyPopoverMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -3572,7 +3642,7 @@
         },
         "children": [
           {
-            "id": 381,
+            "id": 390,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -3591,7 +3661,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 382,
+              "id": 391,
               "name": "SkyPopoverMessageType"
             }
           }
@@ -3601,7 +3671,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              381
+              390
             ]
           }
         ],
@@ -3614,7 +3684,7 @@
         ]
       },
       {
-        "id": 355,
+        "id": 364,
         "name": "SkyDropdownButtonType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3645,7 +3715,7 @@
         }
       },
       {
-        "id": 356,
+        "id": 365,
         "name": "SkyDropdownHorizontalAlignment",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3679,7 +3749,7 @@
         }
       },
       {
-        "id": 372,
+        "id": 381,
         "name": "SkyDropdownTriggerType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3709,7 +3779,7 @@
         }
       },
       {
-        "id": 379,
+        "id": 388,
         "name": "SkyPopoverAlignment",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3743,7 +3813,7 @@
         }
       },
       {
-        "id": 387,
+        "id": 396,
         "name": "SkyPopoverPlacement",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3781,7 +3851,7 @@
         }
       },
       {
-        "id": 395,
+        "id": 404,
         "name": "SkyPopoverTrigger",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3811,7 +3881,7 @@
         }
       },
       {
-        "id": 396,
+        "id": 405,
         "name": "SkyPopoverType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3841,14 +3911,14 @@
         }
       },
       {
-        "id": 491,
+        "id": 500,
         "name": "SkyDropdownHarness",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 506,
+            "id": 515,
             "name": "clickDropdownButton",
             "kind": 2048,
             "kindString": "Method",
@@ -3864,7 +3934,7 @@
             ],
             "signatures": [
               {
-                "id": 507,
+                "id": 516,
                 "name": "clickDropdownButton",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3888,7 +3958,7 @@
             ]
           },
           {
-            "id": 508,
+            "id": 517,
             "name": "getAriaLabel",
             "kind": 2048,
             "kindString": "Method",
@@ -3904,7 +3974,7 @@
             ],
             "signatures": [
               {
-                "id": 509,
+                "id": 518,
                 "name": "getAriaLabel",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3928,7 +3998,7 @@
             ]
           },
           {
-            "id": 510,
+            "id": 519,
             "name": "getButtonStyle",
             "kind": 2048,
             "kindString": "Method",
@@ -3944,7 +4014,7 @@
             ],
             "signatures": [
               {
-                "id": 511,
+                "id": 520,
                 "name": "getButtonStyle",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3968,7 +4038,7 @@
             ]
           },
           {
-            "id": 512,
+            "id": 521,
             "name": "getButtonType",
             "kind": 2048,
             "kindString": "Method",
@@ -3984,7 +4054,7 @@
             ],
             "signatures": [
               {
-                "id": 513,
+                "id": 522,
                 "name": "getButtonType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4008,7 +4078,7 @@
             ]
           },
           {
-            "id": 514,
+            "id": 523,
             "name": "getDropdownMenu",
             "kind": 2048,
             "kindString": "Method",
@@ -4024,7 +4094,7 @@
             ],
             "signatures": [
               {
-                "id": 515,
+                "id": 524,
                 "name": "getDropdownMenu",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4037,7 +4107,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 551,
+                      "id": 560,
                       "name": "SkyDropdownMenuHarness"
                     }
                   ],
@@ -4049,7 +4119,7 @@
             ]
           },
           {
-            "id": 516,
+            "id": 525,
             "name": "getTitle",
             "kind": 2048,
             "kindString": "Method",
@@ -4065,7 +4135,7 @@
             ],
             "signatures": [
               {
-                "id": 517,
+                "id": 526,
                 "name": "getTitle",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4089,7 +4159,7 @@
             ]
           },
           {
-            "id": 527,
+            "id": 536,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -4103,7 +4173,7 @@
             ],
             "signatures": [
               {
-                "id": 528,
+                "id": 537,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4137,7 +4207,7 @@
             }
           },
           {
-            "id": 518,
+            "id": 527,
             "name": "isDisabled",
             "kind": 2048,
             "kindString": "Method",
@@ -4153,7 +4223,7 @@
             ],
             "signatures": [
               {
-                "id": 519,
+                "id": 528,
                 "name": "isDisabled",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4177,7 +4247,7 @@
             ]
           },
           {
-            "id": 520,
+            "id": 529,
             "name": "isOpen",
             "kind": 2048,
             "kindString": "Method",
@@ -4193,7 +4263,7 @@
             ],
             "signatures": [
               {
-                "id": 521,
+                "id": 530,
                 "name": "isOpen",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4217,7 +4287,7 @@
             ]
           },
           {
-            "id": 493,
+            "id": 502,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -4234,7 +4304,7 @@
             ],
             "signatures": [
               {
-                "id": 494,
+                "id": 503,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4244,14 +4314,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 495,
+                    "id": 504,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 547,
+                      "id": 556,
                       "name": "SkyDropdownHarnessFilters"
                     }
                   }
@@ -4261,7 +4331,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 491,
+                      "id": 500,
                       "name": "SkyDropdownHarness"
                     }
                   ],
@@ -4278,23 +4348,23 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              501
+              510
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              506,
-              508,
-              510,
-              512,
-              514,
-              516,
+              515,
+              517,
+              519,
+              521,
+              523,
+              525,
+              536,
               527,
-              518,
-              520,
-              493
+              529,
+              502
             ]
           }
         ],
@@ -4313,14 +4383,14 @@
         ]
       },
       {
-        "id": 603,
+        "id": 612,
         "name": "SkyDropdownItemHarness",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 618,
+            "id": 627,
             "name": "click",
             "kind": 2048,
             "kindString": "Method",
@@ -4336,7 +4406,7 @@
             ],
             "signatures": [
               {
-                "id": 619,
+                "id": 628,
                 "name": "click",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4360,7 +4430,7 @@
             ]
           },
           {
-            "id": 620,
+            "id": 629,
             "name": "getAriaRole",
             "kind": 2048,
             "kindString": "Method",
@@ -4376,7 +4446,7 @@
             ],
             "signatures": [
               {
-                "id": 621,
+                "id": 630,
                 "name": "getAriaRole",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4400,7 +4470,7 @@
             ]
           },
           {
-            "id": 622,
+            "id": 631,
             "name": "getText",
             "kind": 2048,
             "kindString": "Method",
@@ -4416,7 +4486,7 @@
             ],
             "signatures": [
               {
-                "id": 623,
+                "id": 632,
                 "name": "getText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4440,7 +4510,7 @@
             ]
           },
           {
-            "id": 627,
+            "id": 636,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -4454,7 +4524,7 @@
             ],
             "signatures": [
               {
-                "id": 628,
+                "id": 637,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4488,7 +4558,7 @@
             }
           },
           {
-            "id": 605,
+            "id": 614,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -4505,7 +4575,7 @@
             ],
             "signatures": [
               {
-                "id": 606,
+                "id": 615,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4515,14 +4585,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 607,
+                    "id": 616,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 647,
+                      "id": 656,
                       "name": "SkyDropdownItemHarnessFilters"
                     }
                   }
@@ -4532,7 +4602,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 603,
+                      "id": 612,
                       "name": "SkyDropdownItemHarness"
                     }
                   ],
@@ -4549,18 +4619,18 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              613
+              622
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              618,
-              620,
-              622,
               627,
-              605
+              629,
+              631,
+              636,
+              614
             ]
           }
         ],
@@ -4579,7 +4649,7 @@
         ]
       },
       {
-        "id": 551,
+        "id": 560,
         "name": "SkyDropdownMenuHarness",
         "kind": 128,
         "kindString": "Class",
@@ -4589,7 +4659,7 @@
         },
         "children": [
           {
-            "id": 565,
+            "id": 574,
             "name": "clickOut",
             "kind": 2048,
             "kindString": "Method",
@@ -4605,7 +4675,7 @@
             ],
             "signatures": [
               {
-                "id": 566,
+                "id": 575,
                 "name": "clickOut",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4629,7 +4699,7 @@
             ]
           },
           {
-            "id": 567,
+            "id": 576,
             "name": "getAriaLabelledBy",
             "kind": 2048,
             "kindString": "Method",
@@ -4645,7 +4715,7 @@
             ],
             "signatures": [
               {
-                "id": 568,
+                "id": 577,
                 "name": "getAriaLabelledBy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4669,7 +4739,7 @@
             ]
           },
           {
-            "id": 569,
+            "id": 578,
             "name": "getAriaRole",
             "kind": 2048,
             "kindString": "Method",
@@ -4685,7 +4755,7 @@
             ],
             "signatures": [
               {
-                "id": 570,
+                "id": 579,
                 "name": "getAriaRole",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4709,7 +4779,7 @@
             ]
           },
           {
-            "id": 574,
+            "id": 583,
             "name": "getItem",
             "kind": 2048,
             "kindString": "Method",
@@ -4725,7 +4795,7 @@
             ],
             "signatures": [
               {
-                "id": 575,
+                "id": 584,
                 "name": "getItem",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4735,7 +4805,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 576,
+                    "id": 585,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4745,7 +4815,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 647,
+                      "id": 656,
                       "name": "SkyDropdownItemHarnessFilters"
                     }
                   }
@@ -4755,7 +4825,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 603,
+                      "id": 612,
                       "name": "SkyDropdownItemHarness"
                     }
                   ],
@@ -4767,7 +4837,7 @@
             ]
           },
           {
-            "id": 571,
+            "id": 580,
             "name": "getItems",
             "kind": 2048,
             "kindString": "Method",
@@ -4783,7 +4853,7 @@
             ],
             "signatures": [
               {
-                "id": 572,
+                "id": 581,
                 "name": "getItems",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4793,7 +4863,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 573,
+                    "id": 582,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4805,7 +4875,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 647,
+                      "id": 656,
                       "name": "SkyDropdownItemHarnessFilters"
                     }
                   }
@@ -4817,7 +4887,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 603,
+                        "id": 612,
                         "name": "SkyDropdownItemHarness"
                       }
                     }
@@ -4830,7 +4900,7 @@
             ]
           },
           {
-            "id": 580,
+            "id": 589,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -4844,7 +4914,7 @@
             ],
             "signatures": [
               {
-                "id": 581,
+                "id": 590,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4878,7 +4948,7 @@
             }
           },
           {
-            "id": 553,
+            "id": 562,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -4895,7 +4965,7 @@
             ],
             "signatures": [
               {
-                "id": 554,
+                "id": 563,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4905,14 +4975,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 555,
+                    "id": 564,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 600,
+                      "id": 609,
                       "name": "SkyDropdownMenuHarnessFilters"
                     }
                   }
@@ -4922,7 +4992,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 551,
+                      "id": 560,
                       "name": "SkyDropdownMenuHarness"
                     }
                   ],
@@ -4939,20 +5009,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              561
+              570
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              565,
-              567,
-              569,
               574,
-              571,
+              576,
+              578,
+              583,
               580,
-              553
+              589,
+              562
             ]
           }
         ],
@@ -4971,102 +5041,1014 @@
         ]
       },
       {
-        "id": 547,
-        "name": "SkyDropdownHarnessFilters",
-        "kind": 256,
-        "kindString": "Interface",
+        "id": 662,
+        "name": "SkyPopoverContentHarness",
+        "kind": 128,
+        "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "A set of criteria that can be used to filter a list of `SkyDropdownHarness` instances."
+          "shortText": "Harness for interacting with a popover content component in tests."
         },
         "children": [
           {
-            "id": 550,
-            "name": "ancestor",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 696,
+            "name": "clickOut",
+            "kind": 2048,
+            "kindString": "Method",
             "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "Only find instances that are nested under an element with the given selector."
+              "isPublic": true
             },
             "sources": [
               {
-                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
-                "line": 28,
-                "character": 4
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 120,
+                "character": 15
               }
             ],
-            "type": {
-              "type": "intrinsic",
-              "name": "string"
-            },
-            "inheritedFrom": {
-              "type": "reference",
-              "name": "SkyHarnessFilters.ancestor"
-            }
+            "signatures": [
+              {
+                "id": 697,
+                "name": "clickOut",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Clicks out of the popover. If `dismissOnBlur` property is set to false, then the popover does not close."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "void"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
           },
           {
-            "id": 548,
-            "name": "dataSkyId",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 690,
+            "name": "getAlignment",
+            "kind": 2048,
+            "kindString": "Method",
             "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "Only find instances whose `data-sky-id` attribute matches the given value."
+              "isPublic": true
             },
             "sources": [
               {
-                "fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
-                "line": 11,
-                "character": 2
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 89,
+                "character": 15
               }
             ],
-            "type": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "intrinsic",
-                  "name": "string"
+            "signatures": [
+              {
+                "id": 691,
+                "name": "getAlignment",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the alignment of the popover content."
                 },
-                {
+                "type": {
                   "type": "reference",
-                  "qualifiedName": "RegExp",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
                   "package": "typescript",
-                  "name": "RegExp"
+                  "name": "Promise"
                 }
-              ]
-            },
-            "inheritedFrom": {
-              "type": "reference",
-              "name": "SkyHarnessFilters.dataSkyId"
-            }
+              }
+            ]
           },
           {
-            "id": 549,
-            "name": "selector",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 694,
+            "name": "getBodyText",
+            "kind": 2048,
+            "kindString": "Method",
             "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "Only find instances whose host element matches the given selector."
+              "isPublic": true
             },
             "sources": [
               {
-                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
-                "line": 26,
-                "character": 4
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 113,
+                "character": 15
               }
             ],
-            "type": {
-              "type": "intrinsic",
-              "name": "string"
-            },
+            "signatures": [
+              {
+                "id": 695,
+                "name": "getBodyText",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the text of the popover content body."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 688,
+            "name": "getPlacement",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 72,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 689,
+                "name": "getPlacement",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the placement of the popover content."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 692,
+            "name": "getTitleText",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 106,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 693,
+                "name": "getTitleText",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the text of the popover content title."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 699,
+            "name": "host",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 40,
+                "character": 4
+              }
+            ],
+            "signatures": [
+              {
+                "id": 700,
+                "name": "host",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `Promise` for the `TestElement` representing the host element of the component."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "qualifiedName": "TestElement",
+                      "package": "@angular/cdk",
+                      "name": "TestElement"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "ComponentHarness.host"
+                }
+              }
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "ComponentHarness.host"
+            }
+          },
+          {
+            "id": 674,
+            "name": "queryHarness",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 40,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 675,
+                "name": "queryHarness",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Returns a child harness."
+                },
+                "typeParameter": [
+                  {
+                    "id": 676,
+                    "name": "T",
+                    "kind": 131072,
+                    "kindString": "Type parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 676,
+                          "name": "T"
+                        }
+                      ],
+                      "qualifiedName": "ComponentHarness",
+                      "package": "@angular/cdk",
+                      "name": "ComponentHarness"
+                    }
+                  }
+                ],
+                "parameters": [
+                  {
+                    "id": 677,
+                    "name": "harness",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 676,
+                          "name": "T"
+                        }
+                      ],
+                      "qualifiedName": "HarnessQuery",
+                      "package": "@angular/cdk",
+                      "name": "HarnessQuery"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 676,
+                      "name": "T"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 678,
+            "name": "queryHarnesses",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 49,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 679,
+                "name": "queryHarnesses",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Returns child harnesses."
+                },
+                "typeParameter": [
+                  {
+                    "id": 680,
+                    "name": "T",
+                    "kind": 131072,
+                    "kindString": "Type parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 680,
+                          "name": "T"
+                        }
+                      ],
+                      "qualifiedName": "ComponentHarness",
+                      "package": "@angular/cdk",
+                      "name": "ComponentHarness"
+                    }
+                  }
+                ],
+                "parameters": [
+                  {
+                    "id": 681,
+                    "name": "harness",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 680,
+                          "name": "T"
+                        }
+                      ],
+                      "qualifiedName": "HarnessQuery",
+                      "package": "@angular/cdk",
+                      "name": "HarnessQuery"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "array",
+                      "elementType": {
+                        "type": "reference",
+                        "id": 680,
+                        "name": "T"
+                      }
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 682,
+            "name": "querySelector",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 58,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 683,
+                "name": "querySelector",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Returns a child test element."
+                },
+                "parameters": [
+                  {
+                    "id": 684,
+                    "name": "selector",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "qualifiedName": "TestElement",
+                      "package": "@angular/cdk",
+                      "name": "TestElement"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 685,
+            "name": "querySelectorAll",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 65,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 686,
+                "name": "querySelectorAll",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Returns child test elements."
+                },
+                "parameters": [
+                  {
+                    "id": 687,
+                    "name": "selector",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "array",
+                      "elementType": {
+                        "type": "reference",
+                        "qualifiedName": "TestElement",
+                        "package": "@angular/cdk",
+                        "name": "TestElement"
+                      }
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 664,
+            "name": "with",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true,
+              "isStatic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+                "line": 31,
+                "character": 16
+              }
+            ],
+            "signatures": [
+              {
+                "id": 665,
+                "name": "with",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `HarnessPredicate` that can be used to search for a\n`SkyPopoverContentHarness` that meets certain criteria."
+                },
+                "parameters": [
+                  {
+                    "id": 666,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyPopoverContentHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 662,
+                      "name": "SkyPopoverContentHarness"
+                    }
+                  ],
+                  "qualifiedName": "HarnessPredicate",
+                  "package": "@angular/cdk",
+                  "name": "HarnessPredicate"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              667
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              696,
+              690,
+              694,
+              688,
+              692,
+              699,
+              674,
+              678,
+              682,
+              685,
+              664
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/popovers/src/testing/popover/harness/popover-content-harness.ts",
+            "line": 15,
+            "character": 13
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "qualifiedName": "ComponentHarness",
+            "package": "@angular/cdk",
+            "name": "ComponentHarness"
+          }
+        ]
+      },
+      {
+        "id": 722,
+        "name": "SkyPopoverHarness",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Harness for interacting with a popover component in tests."
+        },
+        "children": [
+          {
+            "id": 736,
+            "name": "clickPopoverButton",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-harness.ts",
+                "line": 31,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 737,
+                "name": "clickPopoverButton",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Toggles a popover open or closed."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "void"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 738,
+            "name": "getPopoverContent",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-harness.ts",
+                "line": 38,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 739,
+                "name": "getPopoverContent",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets the popover content component."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 662,
+                      "name": "SkyPopoverContentHarness"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 749,
+            "name": "host",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 40,
+                "character": 4
+              }
+            ],
+            "signatures": [
+              {
+                "id": 750,
+                "name": "host",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `Promise` for the `TestElement` representing the host element of the component."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "qualifiedName": "TestElement",
+                      "package": "@angular/cdk",
+                      "name": "TestElement"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "SkyComponentHarness.host"
+                }
+              }
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyComponentHarness.host"
+            }
+          },
+          {
+            "id": 740,
+            "name": "isOpen",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-harness.ts",
+                "line": 51,
+                "character": 15
+              }
+            ],
+            "signatures": [
+              {
+                "id": 741,
+                "name": "isOpen",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Whether the popover is open."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  ],
+                  "qualifiedName": "Promise",
+                  "package": "typescript",
+                  "name": "Promise"
+                }
+              }
+            ]
+          },
+          {
+            "id": 724,
+            "name": "with",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true,
+              "isStatic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/testing/popover/harness/popover-harness.ts",
+                "line": 22,
+                "character": 16
+              }
+            ],
+            "signatures": [
+              {
+                "id": 725,
+                "name": "with",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Gets a `HarnessPredicate` that can be used to search for a\n`SkyPopoverHarness` that meets certain criteria."
+                },
+                "parameters": [
+                  {
+                    "id": 726,
+                    "name": "filters",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 769,
+                      "name": "SkyPopoverHarnessFilters"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 722,
+                      "name": "SkyPopoverHarness"
+                    }
+                  ],
+                  "qualifiedName": "HarnessPredicate",
+                  "package": "@angular/cdk",
+                  "name": "HarnessPredicate"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              732
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              736,
+              738,
+              749,
+              740,
+              724
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/popovers/src/testing/popover/harness/popover-harness.ts",
+            "line": 10,
+            "character": 13
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyComponentHarness"
+          }
+        ]
+      },
+      {
+        "id": 556,
+        "name": "SkyDropdownHarnessFilters",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "A set of criteria that can be used to filter a list of `SkyDropdownHarness` instances."
+        },
+        "children": [
+          {
+            "id": 559,
+            "name": "ancestor",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances that are nested under an element with the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 28,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.ancestor"
+            }
+          },
+          {
+            "id": 557,
+            "name": "dataSkyId",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose `data-sky-id` attribute matches the given value."
+            },
+            "sources": [
+              {
+                "fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                {
+                  "type": "reference",
+                  "qualifiedName": "RegExp",
+                  "package": "typescript",
+                  "name": "RegExp"
+                }
+              ]
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.dataSkyId"
+            }
+          },
+          {
+            "id": 558,
+            "name": "selector",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose host element matches the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 26,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
             "inheritedFrom": {
               "type": "reference",
               "name": "SkyHarnessFilters.selector"
@@ -5078,9 +6060,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              550,
-              548,
-              549
+              559,
+              557,
+              558
             ]
           }
         ],
@@ -5099,7 +6081,7 @@
         ]
       },
       {
-        "id": 647,
+        "id": 656,
         "name": "SkyDropdownItemHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -5109,7 +6091,7 @@
         },
         "children": [
           {
-            "id": 652,
+            "id": 661,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -5136,7 +6118,7 @@
             }
           },
           {
-            "id": 648,
+            "id": 657,
             "name": "ariaRole",
             "kind": 1024,
             "kindString": "Property",
@@ -5159,7 +6141,7 @@
             }
           },
           {
-            "id": 650,
+            "id": 659,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -5197,7 +6179,7 @@
             }
           },
           {
-            "id": 651,
+            "id": 660,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -5224,7 +6206,7 @@
             }
           },
           {
-            "id": 649,
+            "id": 658,
             "name": "text",
             "kind": 1024,
             "kindString": "Property",
@@ -5252,11 +6234,11 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              652,
-              648,
-              650,
-              651,
-              649
+              661,
+              657,
+              659,
+              660,
+              658
             ]
           }
         ],
@@ -5275,7 +6257,7 @@
         ]
       },
       {
-        "id": 600,
+        "id": 609,
         "name": "SkyDropdownMenuHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -5285,7 +6267,7 @@
         },
         "children": [
           {
-            "id": 602,
+            "id": 611,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -5312,7 +6294,7 @@
             }
           },
           {
-            "id": 601,
+            "id": 610,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -5344,8 +6326,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              602,
-              601
+              611,
+              610
             ]
           }
         ],
@@ -5364,6 +6346,134 @@
             "name": "BaseHarnessFilters"
           }
         ]
+      },
+      {
+        "id": 769,
+        "name": "SkyPopoverHarnessFilters",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "A set of criteria that can be used to filter a list of SkyPopoverHarness instances."
+        },
+        "children": [
+          {
+            "id": 772,
+            "name": "ancestor",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances that are nested under an element with the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 28,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.ancestor"
+            }
+          },
+          {
+            "id": 770,
+            "name": "dataSkyId",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose `data-sky-id` attribute matches the given value."
+            },
+            "sources": [
+              {
+                "fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                {
+                  "type": "reference",
+                  "qualifiedName": "RegExp",
+                  "package": "typescript",
+                  "name": "RegExp"
+                }
+              ]
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.dataSkyId"
+            }
+          },
+          {
+            "id": 771,
+            "name": "selector",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Only find instances whose host element matches the given selector."
+            },
+            "sources": [
+              {
+                "fileName": "node_modules/@angular/cdk/testing/index.d.ts",
+                "line": 26,
+                "character": 4
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "SkyHarnessFilters.selector"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              772,
+              770,
+              771
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/popovers/src/testing/popover/harness/popover-harness-filters.ts",
+            "line": 7,
+            "character": 17
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "name": "SkyHarnessFilters"
+          }
+        ]
       }
     ],
     "groups": [
@@ -5406,12 +6516,17 @@
     {
       "fileName": "popover-demo.component.html",
       "filePath": "/projects/popovers/documentation/code-examples/popover/basic/popover-demo.component.html",
-      "rawContents": "<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  [skyPopover]=\"myPopover\"\n>\n  Open popover on click\n</button>\n\n<button\n  class=\"sky-btn sky-btn-link\"\n  type=\"button\"\n  [skyPopover]=\"myPopover\"\n  skyPopoverTrigger=\"mouseenter\"\n>\n  Open popover on hover\n</button>\n\n<sky-popover popoverTitle=\"Did you know?\" #myPopover>\n  This is a popover.\n</sky-popover>\n"
+      "rawContents": "<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  [skyPopover]=\"myPopover\"\n  [skyPopoverAlignment]=\"popoverAlignment\"\n  [skyPopoverPlacement]=\"popoverPlacement\"\n  data-sky-id=\"popover-demo\"\n>\n  Open popover on click\n</button>\n\n<button\n  class=\"sky-btn sky-btn-link\"\n  type=\"button\"\n  [skyPopover]=\"myPopover\"\n  skyPopoverTrigger=\"mouseenter\"\n>\n  Open popover on hover\n</button>\n\n<sky-popover\n  [dismissOnBlur]=\"dismissOnBlur\"\n  [popoverTitle]=\"popoverTitle\"\n  #myPopover\n>\n  {{ popoverBody }}\n</sky-popover>\n"
+    },
+    {
+      "fileName": "popover-demo.component.spec.ts",
+      "filePath": "/projects/popovers/documentation/code-examples/popover/basic/popover-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 { SkyPopoverAlignment, SkyPopoverPlacement } from '@skyux/popovers';\nimport { SkyPopoverHarness } from '@skyux/popovers/testing';\n\nimport { PopoverDemoComponent } from './popover-demo.component';\nimport { PopoverDemoModule } from './popover-demo.module';\n\ndescribe('Basic popover', () => {\n  async function setupTest(options?: {\n    titleText?: string;\n    alignment?: SkyPopoverAlignment;\n    placement?: SkyPopoverPlacement;\n    dismissOnBlur?: boolean;\n  }): Promise<{\n    popoverHarness: SkyPopoverHarness;\n    fixture: ComponentFixture<PopoverDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(PopoverDemoComponent);\n    const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n\n    if (options) {\n      fixture.componentInstance.popoverAlignment = options.alignment;\n      fixture.componentInstance.popoverPlacement = options.placement;\n      fixture.componentInstance.popoverTitle = options.titleText;\n      fixture.componentInstance.dismissOnBlur = options.dismissOnBlur;\n    }\n\n    fixture.detectChanges();\n    await fixture.whenStable();\n\n    const popoverHarness = await loader.getHarness(\n      SkyPopoverHarness.with({\n        dataSkyId: 'popover-demo',\n      })\n    );\n\n    return { popoverHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [PopoverDemoModule, NoopAnimationsModule],\n    });\n  });\n\n  it('should open and close when the user interacts with the trigger', async () => {\n    const { popoverHarness } = await setupTest();\n\n    await expectAsync(popoverHarness.isOpen()).toBeResolvedTo(false);\n\n    await popoverHarness.clickPopoverButton();\n    await expectAsync(popoverHarness.isOpen()).toBeResolvedTo(true);\n\n    await popoverHarness.clickPopoverButton();\n    await expectAsync(popoverHarness.isOpen()).toBeResolvedTo(false);\n  });\n\n  it('should expose content properties when visible', async () => {\n    const { popoverHarness } = await setupTest({\n      titleText: 'Did you know?',\n      placement: 'right',\n    });\n\n    await popoverHarness.clickPopoverButton();\n    const contentHarness = await popoverHarness.getPopoverContent();\n\n    await expectAsync(contentHarness.getTitleText()).toBeResolvedTo(\n      'Did you know?'\n    );\n    await expectAsync(contentHarness.getBodyText()).toBeResolvedTo(\n      'This is a popover.'\n    );\n    await expectAsync(contentHarness.getAlignment()).toBeResolvedTo('center');\n    await expectAsync(contentHarness.getPlacement()).toBeResolvedTo('right');\n\n    await popoverHarness.clickPopoverButton();\n    // Attempting to call this method when the popover is closed will result in an error.\n    await expectAsync(popoverHarness.getPopoverContent()).toBeRejectedWithError(\n      'Unable to retrieve the popover content because the popover is not open.'\n    );\n  });\n});\n"
     },
     {
       "fileName": "popover-demo.component.ts",
       "filePath": "/projects/popovers/documentation/code-examples/popover/basic/popover-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-popover-demo',\n  templateUrl: './popover-demo.component.html',\n})\nexport class PopoverDemoComponent {}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport { SkyPopoverAlignment, SkyPopoverPlacement } from '@skyux/popovers';\n\n@Component({\n  selector: 'app-popover-demo',\n  templateUrl: './popover-demo.component.html',\n})\nexport class PopoverDemoComponent {\n  public dismissOnBlur: boolean | undefined;\n  public popoverAlignment: SkyPopoverAlignment | undefined;\n  public popoverBody = 'This is a popover.';\n  public popoverPlacement: SkyPopoverPlacement | undefined;\n  public popoverTitle: string | undefined = 'Did you know?';\n}\n"
     },
     {
       "fileName": "popover-demo.module.ts",