@skyux/popovers 6.0.0-beta.7 → 6.0.0

package/documentation.json

@@ -17,7 +17,8 @@
     "SkyDropdownTriggerType": "type-alias-skydropdowntriggertype",
     "SkyPopoverAlignment": "type-alias-skypopoveralignment",
     "SkyPopoverPlacement": "type-alias-skypopoverplacement",
-    "SkyPopoverTrigger": "type-alias-skypopovertrigger"
+    "SkyPopoverTrigger": "type-alias-skypopovertrigger",
+    "SkyPopoverType": "type-alias-skypopovertype"
   },
   "typedoc": {
     "id": 0,
@@ -28,7 +29,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 327,
+        "id": 341,
         "name": "SkyDropdownMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -38,7 +39,7 @@
         },
         "children": [
           {
-            "id": 329,
+            "id": 343,
             "name": "Close",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -56,7 +57,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 334,
+            "id": 348,
             "name": "FocusFirstItem",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -74,7 +75,7 @@
             "defaultValue": "6"
           },
           {
-            "id": 335,
+            "id": 349,
             "name": "FocusLastItem",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -92,7 +93,7 @@
             "defaultValue": "7"
           },
           {
-            "id": 331,
+            "id": 345,
             "name": "FocusNextItem",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -110,7 +111,7 @@
             "defaultValue": "3"
           },
           {
-            "id": 332,
+            "id": 346,
             "name": "FocusPreviousItem",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -128,7 +129,7 @@
             "defaultValue": "4"
           },
           {
-            "id": 330,
+            "id": 344,
             "name": "FocusTriggerButton",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -146,7 +147,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 328,
+            "id": 342,
             "name": "Open",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -164,7 +165,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 333,
+            "id": 347,
             "name": "Reposition",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -187,14 +188,14 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              329,
-              334,
-              335,
-              331,
-              332,
-              330,
-              328,
-              333
+              343,
+              348,
+              349,
+              345,
+              346,
+              344,
+              342,
+              347
             ]
           }
         ],
@@ -207,7 +208,7 @@
         ]
       },
       {
-        "id": 346,
+        "id": 360,
         "name": "SkyPopoverMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -217,7 +218,7 @@
         },
         "children": [
           {
-            "id": 348,
+            "id": 362,
             "name": "Close",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -235,7 +236,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 350,
+            "id": 364,
             "name": "Focus",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -253,7 +254,7 @@
             "defaultValue": "3"
           },
           {
-            "id": 347,
+            "id": 361,
             "name": "Open",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -271,7 +272,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 349,
+            "id": 363,
             "name": "Reposition",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -294,10 +295,10 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              348,
-              350,
-              347,
-              349
+              362,
+              364,
+              361,
+              363
             ]
           }
         ],
@@ -310,7 +311,7 @@
         ]
       },
       {
-        "id": 337,
+        "id": 351,
         "name": "SkyDropdownModule",
         "kind": 128,
         "kindString": "Class",
@@ -335,7 +336,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              338
+              352
             ]
           }
         ],
@@ -348,7 +349,7 @@
         ]
       },
       {
-        "id": 340,
+        "id": 354,
         "name": "SkyPopoverModule",
         "kind": 128,
         "kindString": "Class",
@@ -373,7 +374,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              341
+              355
             ]
           }
         ],
@@ -908,7 +909,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 225,
+                "line": 227,
                 "character": 2
               }
             ],
@@ -1000,7 +1001,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 181,
+                "line": 183,
                 "character": 9
               }
             ],
@@ -1021,7 +1022,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 183,
+                "line": 185,
                 "character": 9
               }
             ],
@@ -1077,7 +1078,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 187,
+                "line": 189,
                 "character": 9
               }
             ],
@@ -1097,7 +1098,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 185,
+                "line": 187,
                 "character": 9
               }
             ],
@@ -1132,7 +1133,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 129,
+                "line": 131,
                 "character": 9
               }
             ],
@@ -1141,7 +1142,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 325,
+                  "id": 339,
                   "name": "SkyDropdownMessage"
                 }
               ],
@@ -1177,7 +1178,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 135,
+                "line": 137,
                 "character": 9
               }
             ],
@@ -1622,7 +1623,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 156,
+                "line": 158,
                 "character": 13
               }
             ],
@@ -1692,7 +1693,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 168,
+                "line": 170,
                 "character": 13
               }
             ],
@@ -1775,7 +1776,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 148,
+                "line": 150,
                 "character": 13
               }
             ],
@@ -1801,7 +1802,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 336,
+                  "id": 350,
                   "name": "SkyDropdownTriggerType"
                 }
               }
@@ -1835,7 +1836,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 336,
+                      "id": 350,
                       "name": "SkyDropdownTriggerType"
                     }
                   }
@@ -1858,7 +1859,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 249,
+                "line": 251,
                 "character": 9
               }
             ],
@@ -1895,7 +1896,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 232,
+                "line": 234,
                 "character": 9
               }
             ],
@@ -1989,7 +1990,7 @@
         ]
       },
       {
-        "id": 111,
+        "id": 112,
         "name": "SkyDropdownMenuComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2013,7 +2014,7 @@
         ],
         "children": [
           {
-            "id": 112,
+            "id": 113,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -2027,14 +2028,14 @@
             ],
             "signatures": [
               {
-                "id": 113,
+                "id": 114,
                 "name": "SkyDropdownMenuComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 114,
+                    "id": 115,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2047,7 +2048,7 @@
                     }
                   },
                   {
-                    "id": 115,
+                    "id": 116,
                     "name": "elementRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2066,7 +2067,7 @@
                     }
                   },
                   {
-                    "id": 116,
+                    "id": 117,
                     "name": "dropdownComponent",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2092,14 +2093,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 111,
+                  "id": 112,
                   "name": "SkyDropdownMenuComponent"
                 }
               }
             ]
           },
           {
-            "id": 117,
+            "id": 118,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -2134,7 +2135,7 @@
             }
           },
           {
-            "id": 127,
+            "id": 128,
             "name": "dropdownMenuId",
             "kind": 1024,
             "kindString": "Property",
@@ -2155,7 +2156,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 126,
+            "id": 127,
             "name": "menuChanges",
             "kind": 1024,
             "kindString": "Property",
@@ -2189,7 +2190,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 321,
+                  "id": 335,
                   "name": "SkyDropdownMenuChange"
                 }
               ],
@@ -2200,7 +2201,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 134,
+            "id": 135,
             "name": "menuItems",
             "kind": 1024,
             "kindString": "Property",
@@ -2244,7 +2245,7 @@
             }
           },
           {
-            "id": 118,
+            "id": 119,
             "name": "ariaRole",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2272,7 +2273,7 @@
             ],
             "getSignature": [
               {
-                "id": 119,
+                "id": 120,
                 "name": "ariaRole",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2294,7 +2295,7 @@
             ],
             "setSignature": [
               {
-                "id": 120,
+                "id": 121,
                 "name": "ariaRole",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2310,7 +2311,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 121,
+                    "id": 122,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2329,7 +2330,7 @@
             ]
           },
           {
-            "id": 130,
+            "id": 131,
             "name": "menuIndex",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2345,7 +2346,7 @@
             ],
             "getSignature": [
               {
-                "id": 131,
+                "id": 132,
                 "name": "menuIndex",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2358,14 +2359,14 @@
             ],
             "setSignature": [
               {
-                "id": 132,
+                "id": 133,
                 "name": "menuIndex",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 133,
+                    "id": 134,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2384,7 +2385,7 @@
             ]
           },
           {
-            "id": 122,
+            "id": 123,
             "name": "useNativeFocus",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2412,7 +2413,7 @@
             ],
             "getSignature": [
               {
-                "id": 123,
+                "id": 124,
                 "name": "useNativeFocus",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2434,7 +2435,7 @@
             ],
             "setSignature": [
               {
-                "id": 124,
+                "id": 125,
                 "name": "useNativeFocus",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2450,7 +2451,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 125,
+                    "id": 126,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2469,7 +2470,7 @@
             ]
           },
           {
-            "id": 143,
+            "id": 144,
             "name": "focusFirstItem",
             "kind": 2048,
             "kindString": "Method",
@@ -2479,13 +2480,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 201,
+                "line": 200,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 144,
+                "id": 145,
                 "name": "focusFirstItem",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2498,7 +2499,7 @@
             ]
           },
           {
-            "id": 145,
+            "id": 146,
             "name": "focusLastItem",
             "kind": 2048,
             "kindString": "Method",
@@ -2508,13 +2509,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 216,
+                "line": 215,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 146,
+                "id": 147,
                 "name": "focusLastItem",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2527,7 +2528,7 @@
             ]
           },
           {
-            "id": 149,
+            "id": 150,
             "name": "focusNextItem",
             "kind": 2048,
             "kindString": "Method",
@@ -2537,13 +2538,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 246,
+                "line": 245,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 150,
+                "id": 151,
                 "name": "focusNextItem",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2556,7 +2557,7 @@
             ]
           },
           {
-            "id": 147,
+            "id": 148,
             "name": "focusPreviousItem",
             "kind": 2048,
             "kindString": "Method",
@@ -2566,13 +2567,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 231,
+                "line": 230,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 148,
+                "id": 149,
                 "name": "focusPreviousItem",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2585,7 +2586,7 @@
             ]
           },
           {
-            "id": 139,
+            "id": 140,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -2601,7 +2602,7 @@
             ],
             "signatures": [
               {
-                "id": 140,
+                "id": 141,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2622,7 +2623,7 @@
             }
           },
           {
-            "id": 141,
+            "id": 142,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -2638,7 +2639,7 @@
             ],
             "signatures": [
               {
-                "id": 142,
+                "id": 143,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2659,7 +2660,7 @@
             }
           },
           {
-            "id": 151,
+            "id": 152,
             "name": "reset",
             "kind": 2048,
             "kindString": "Method",
@@ -2669,13 +2670,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 261,
+                "line": 260,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 152,
+                "id": 153,
                 "name": "reset",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2693,39 +2694,39 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              112
+              113
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              117,
+              118,
+              128,
               127,
-              126,
-              134
+              135
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              118,
-              130,
-              122
+              119,
+              131,
+              123
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              143,
-              145,
-              149,
-              147,
-              139,
-              141,
-              151
+              144,
+              146,
+              150,
+              148,
+              140,
+              142,
+              152
             ]
           }
         ],
@@ -2752,7 +2753,7 @@
         ]
       },
       {
-        "id": 238,
+        "id": 239,
         "name": "SkyPopoverComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2773,7 +2774,7 @@
         ],
         "children": [
           {
-            "id": 239,
+            "id": 240,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -2781,20 +2782,20 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 135,
+                "line": 141,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 240,
+                "id": 241,
                 "name": "SkyPopoverComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 241,
+                    "id": 242,
                     "name": "overlayService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2807,14 +2808,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 238,
+                  "id": 239,
                   "name": "SkyPopoverComponent"
                 }
               }
             ]
           },
           {
-            "id": 260,
+            "id": 264,
             "name": "isMouseEnter",
             "kind": 1024,
             "kindString": "Property",
@@ -2824,7 +2825,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 113,
+                "line": 117,
                 "character": 9
               }
             ],
@@ -2835,7 +2836,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 256,
+            "id": 260,
             "name": "popoverClosed",
             "kind": 1024,
             "kindString": "Property",
@@ -2860,7 +2861,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 92,
+                "line": 96,
                 "character": 9
               }
             ],
@@ -2869,7 +2870,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 238,
+                  "id": 239,
                   "name": "SkyPopoverComponent"
                 }
               ],
@@ -2880,7 +2881,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 257,
+            "id": 261,
             "name": "popoverOpened",
             "kind": 1024,
             "kindString": "Property",
@@ -2905,7 +2906,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 98,
+                "line": 102,
                 "character": 9
               }
             ],
@@ -2914,7 +2915,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 238,
+                  "id": 239,
                   "name": "SkyPopoverComponent"
                 }
               ],
@@ -2925,7 +2926,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 254,
+            "id": 255,
             "name": "popoverTitle",
             "kind": 1024,
             "kindString": "Property",
@@ -2950,7 +2951,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 78,
+                "line": 77,
                 "character": 9
               }
             ],
@@ -2960,57 +2961,7 @@
             }
           },
           {
-            "id": 255,
-            "name": "popoverType",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isPublic": true
-            },
-            "comment": {
-              "shortText": "Specifies the type of popover.\nOptions include `\"info\"` and `\"danger\"`.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "\"info\"\n"
-                }
-              ]
-            },
-            "decorators": [
-              {
-                "name": "Input",
-                "type": {
-                  "type": "reference",
-                  "qualifiedName": "InputDecorator",
-                  "package": "@angular/core",
-                  "name": "Input"
-                },
-                "arguments": {}
-              }
-            ],
-            "sources": [
-              {
-                "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 86,
-                "character": 9
-              }
-            ],
-            "type": {
-              "type": "union",
-              "types": [
-                {
-                  "type": "literal",
-                  "value": "danger"
-                },
-                {
-                  "type": "literal",
-                  "value": "info"
-                }
-              ]
-            }
-          },
-          {
-            "id": 242,
+            "id": 243,
             "name": "alignment",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3038,13 +2989,13 @@
             ],
             "getSignature": [
               {
-                "id": 243,
+                "id": 244,
                 "name": "alignment",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nThe `skyPopoverAlignment` property on the popover directive overwrites this property.\nOptions include:`\"center\"`, `\"right\"`, and `'\"left\"`.",
+                  "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nThe `skyPopoverAlignment` property on the popover directive takes precedence over this property when specified.",
                   "tags": [
                     {
                       "tag": "default",
@@ -3054,20 +3005,20 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 343,
+                  "id": 357,
                   "name": "SkyPopoverAlignment"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 244,
+                "id": 245,
                 "name": "alignment",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nThe `skyPopoverAlignment` property on the popover directive overwrites this property.\nOptions include:`\"center\"`, `\"right\"`, and `'\"left\"`.",
+                  "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nThe `skyPopoverAlignment` property on the popover directive takes precedence over this property when specified.",
                   "tags": [
                     {
                       "tag": "default",
@@ -3077,14 +3028,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 245,
+                    "id": 246,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 343,
+                      "id": 357,
                       "name": "SkyPopoverAlignment"
                     }
                   }
@@ -3097,7 +3048,7 @@
             ]
           },
           {
-            "id": 246,
+            "id": 247,
             "name": "dismissOnBlur",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3125,7 +3076,7 @@
             ],
             "getSignature": [
               {
-                "id": 247,
+                "id": 248,
                 "name": "dismissOnBlur",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3147,7 +3098,7 @@
             ],
             "setSignature": [
               {
-                "id": 248,
+                "id": 249,
                 "name": "dismissOnBlur",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3163,7 +3114,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 249,
+                    "id": 250,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3182,7 +3133,7 @@
             ]
           },
           {
-            "id": 250,
+            "id": 251,
             "name": "placement",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3204,19 +3155,19 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 66,
+                "line": 65,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 251,
+                "id": 252,
                 "name": "placement",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the placement of the popover in relation to the trigger element.\nThe `skyPopoverPlacement` property on the popover directive overwrites this property.\nOptions include:`\"above\"`, `\"below\"`, `\"right\"`, and `\"left\"`.",
+                  "shortText": "Specifies the placement of the popover in relation to the trigger element.\nThe `skyPopoverPlacement` property on the popover directive takes precedence over this property when specified.",
                   "tags": [
                     {
                       "tag": "default",
@@ -3226,20 +3177,20 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 351,
+                  "id": 365,
                   "name": "SkyPopoverPlacement"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 252,
+                "id": 253,
                 "name": "placement",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the placement of the popover in relation to the trigger element.\nThe `skyPopoverPlacement` property on the popover directive overwrites this property.\nOptions include:`\"above\"`, `\"below\"`, `\"right\"`, and `\"left\"`.",
+                  "shortText": "Specifies the placement of the popover in relation to the trigger element.\nThe `skyPopoverPlacement` property on the popover directive takes precedence over this property when specified.",
                   "tags": [
                     {
                       "tag": "default",
@@ -3249,14 +3200,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 253,
+                    "id": 254,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 351,
+                      "id": 365,
                       "name": "SkyPopoverPlacement"
                     }
                   }
@@ -3269,7 +3220,94 @@
             ]
           },
           {
-            "id": 269,
+            "id": 256,
+            "name": "popoverType",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
+                "line": 84,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 257,
+                "name": "popoverType",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the type of popover.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"info\"\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "reference",
+                  "id": 374,
+                  "name": "SkyPopoverType"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 258,
+                "name": "popoverType",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the type of popover.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"info\"\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 259,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 374,
+                      "name": "SkyPopoverType"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 274,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3279,13 +3317,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 137,
+                "line": 143,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 270,
+                "id": 275,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3311,17 +3349,16 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              239
+              240
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
+              264,
               260,
-              256,
-              257,
-              254,
+              261,
               255
             ]
           },
@@ -3329,23 +3366,24 @@
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              242,
-              246,
-              250
+              243,
+              247,
+              251,
+              256
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              269
+              274
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-            "line": 25,
+            "line": 26,
             "character": 13
           }
         ],
@@ -3359,7 +3397,7 @@
         ]
       },
       {
-        "id": 284,
+        "id": 289,
         "name": "SkyPopoverDirective",
         "kind": 128,
         "kindString": "Class",
@@ -3380,7 +3418,7 @@
         ],
         "children": [
           {
-            "id": 285,
+            "id": 290,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -3388,20 +3426,20 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 62,
+                "line": 71,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 286,
+                "id": 291,
                 "name": "SkyPopoverDirective",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 287,
+                    "id": 292,
                     "name": "elementRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3422,14 +3460,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 284,
+                  "id": 289,
                   "name": "SkyPopoverDirective"
                 }
               }
             ]
           },
           {
-            "id": 288,
+            "id": 293,
             "name": "skyPopover",
             "kind": 1024,
             "kindString": "Property",
@@ -3466,12 +3504,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 238,
+              "id": 239,
               "name": "SkyPopoverComponent"
             }
           },
           {
-            "id": 289,
+            "id": 294,
             "name": "skyPopoverAlignment",
             "kind": 1024,
             "kindString": "Property",
@@ -3479,13 +3517,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nOptions include:`\"center\"`, `\"right\"`, and `\"left\"`.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "\"center\"\n"
-                }
-              ]
+              "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element."
             },
             "decorators": [
               {
@@ -3502,26 +3534,26 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 30,
+                "line": 28,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 343,
+              "id": 357,
               "name": "SkyPopoverAlignment"
             }
           },
           {
-            "id": 290,
-            "name": "skyPopoverMessageStream",
+            "id": 301,
+            "name": "skyPopoverPlacement",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
             "comment": {
-              "shortText": "Provides an observable to send commands to the popover that respect the `SkyPopoverMessage` type."
+              "shortText": "Specifies the placement of the popover in relation to the trigger element."
             },
             "decorators": [
               {
@@ -3538,42 +3570,24 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 36,
+                "line": 53,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "typeArguments": [
-                {
-                  "type": "reference",
-                  "id": 344,
-                  "name": "SkyPopoverMessage"
-                }
-              ],
-              "qualifiedName": "Subject",
-              "package": "rxjs",
-              "name": "Subject"
-            },
-            "defaultValue": "..."
+              "id": 365,
+              "name": "SkyPopoverPlacement"
+            }
           },
           {
-            "id": 291,
-            "name": "skyPopoverPlacement",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 295,
+            "name": "skyPopoverMessageStream",
+            "kind": 262144,
+            "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies the placement of the popover in relation to the trigger element.\nOptions include:`\"above\"`, `\"below\"`, `\"right\"`, and `\"left\"`.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "\"above\"\n"
-                }
-              ]
-            },
             "decorators": [
               {
                 "name": "Input",
@@ -3589,18 +3603,76 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 44,
-                "character": 9
+                "line": 34,
+                "character": 13
               }
             ],
-            "type": {
-              "type": "reference",
-              "id": 351,
-              "name": "SkyPopoverPlacement"
-            }
+            "getSignature": [
+              {
+                "id": 296,
+                "name": "skyPopoverMessageStream",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Provides an RxJS `Subject` to send commands to the popover that respect the `SkyPopoverMessage` type."
+                },
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 358,
+                      "name": "SkyPopoverMessage"
+                    }
+                  ],
+                  "qualifiedName": "Subject",
+                  "package": "rxjs",
+                  "name": "Subject"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 297,
+                "name": "skyPopoverMessageStream",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Provides an RxJS `Subject` to send commands to the popover that respect the `SkyPopoverMessage` type."
+                },
+                "parameters": [
+                  {
+                    "id": 298,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 358,
+                          "name": "SkyPopoverMessage"
+                        }
+                      ],
+                      "qualifiedName": "Subject",
+                      "package": "rxjs",
+                      "name": "Subject"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
           },
           {
-            "id": 292,
+            "id": 302,
             "name": "skyPopoverTrigger",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3622,13 +3694,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 50,
+                "line": 59,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 293,
+                "id": 303,
                 "name": "skyPopoverTrigger",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3638,14 +3710,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 359,
+                  "id": 373,
                   "name": "SkyPopoverTrigger"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 294,
+                "id": 304,
                 "name": "skyPopoverTrigger",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3655,14 +3727,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 295,
+                    "id": 305,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 359,
+                      "id": 373,
                       "name": "SkyPopoverTrigger"
                     }
                   }
@@ -3675,7 +3747,7 @@
             ]
           },
           {
-            "id": 300,
+            "id": 310,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3685,13 +3757,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 68,
+                "line": 79,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 301,
+                "id": 311,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3712,7 +3784,7 @@
             }
           },
           {
-            "id": 298,
+            "id": 308,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -3722,13 +3794,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 64,
+                "line": 75,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 299,
+                "id": 309,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3749,7 +3821,7 @@
             }
           },
           {
-            "id": 302,
+            "id": 312,
             "name": "togglePopover",
             "kind": 2048,
             "kindString": "Method",
@@ -3759,13 +3831,13 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 72,
+                "line": 84,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 303,
+                "id": 313,
                 "name": "togglePopover",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3783,33 +3855,33 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              285
+              290
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              288,
-              289,
-              290,
-              291
+              293,
+              294,
+              301
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              292
+              295,
+              302
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              300,
-              298,
-              302
+              310,
+              308,
+              312
             ]
           }
         ],
@@ -3836,7 +3908,7 @@
         ]
       },
       {
-        "id": 321,
+        "id": 335,
         "name": "SkyDropdownMenuChange",
         "kind": 256,
         "kindString": "Interface",
@@ -3846,7 +3918,7 @@
         },
         "children": [
           {
-            "id": 322,
+            "id": 336,
             "name": "activeIndex",
             "kind": 1024,
             "kindString": "Property",
@@ -3869,7 +3941,7 @@
             }
           },
           {
-            "id": 323,
+            "id": 337,
             "name": "items",
             "kind": 1024,
             "kindString": "Property",
@@ -3896,7 +3968,7 @@
             }
           },
           {
-            "id": 324,
+            "id": 338,
             "name": "selectedItem",
             "kind": 1024,
             "kindString": "Property",
@@ -3925,9 +3997,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              322,
-              323,
-              324
+              336,
+              337,
+              338
             ]
           }
         ],
@@ -3940,7 +4012,7 @@
         ]
       },
       {
-        "id": 325,
+        "id": 339,
         "name": "SkyDropdownMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -3950,7 +4022,7 @@
         },
         "children": [
           {
-            "id": 326,
+            "id": 340,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -3969,7 +4041,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 327,
+              "id": 341,
               "name": "SkyDropdownMessageType"
             }
           }
@@ -3979,7 +4051,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              326
+              340
             ]
           }
         ],
@@ -3992,7 +4064,7 @@
         ]
       },
       {
-        "id": 344,
+        "id": 358,
         "name": "SkyPopoverMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -4002,7 +4074,7 @@
         },
         "children": [
           {
-            "id": 345,
+            "id": 359,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -4021,7 +4093,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 346,
+              "id": 360,
               "name": "SkyPopoverMessageType"
             }
           }
@@ -4031,7 +4103,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              345
+              359
             ]
           }
         ],
@@ -4044,7 +4116,7 @@
         ]
       },
       {
-        "id": 320,
+        "id": 334,
         "name": "SkyDropdownHorizontalAlignment",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -4065,7 +4137,7 @@
         }
       },
       {
-        "id": 336,
+        "id": 350,
         "name": "SkyDropdownTriggerType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -4095,7 +4167,7 @@
         }
       },
       {
-        "id": 343,
+        "id": 357,
         "name": "SkyPopoverAlignment",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -4129,7 +4201,7 @@
         }
       },
       {
-        "id": 351,
+        "id": 365,
         "name": "SkyPopoverPlacement",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -4167,7 +4239,7 @@
         }
       },
       {
-        "id": 359,
+        "id": 373,
         "name": "SkyPopoverTrigger",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -4195,6 +4267,36 @@
             }
           ]
         }
+      },
+      {
+        "id": 374,
+        "name": "SkyPopoverType",
+        "kind": 4194304,
+        "kindString": "Type alias",
+        "flags": {},
+        "comment": {
+          "shortText": "The style type of the popover."
+        },
+        "sources": [
+          {
+            "fileName": "projects/popovers/src/modules/popover/types/popover-type.ts",
+            "line": 4,
+            "character": 12
+          }
+        ],
+        "type": {
+          "type": "union",
+          "types": [
+            {
+              "type": "literal",
+              "value": "danger"
+            },
+            {
+              "type": "literal",
+              "value": "info"
+            }
+          ]
+        }
       }
     ],
     "groups": [
@@ -4202,42 +4304,43 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          327,
-          346
+          341,
+          360
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          337,
-          340,
+          351,
+          354,
           1,
           26,
           29,
-          111,
-          238,
-          284
+          112,
+          239,
+          289
         ]
       },
       {
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          321,
-          325,
-          344
+          335,
+          339,
+          358
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          320,
-          336,
-          343,
-          351,
-          359
+          334,
+          350,
+          357,
+          365,
+          373,
+          374
         ]
       }
     ],
@@ -4268,7 +4371,7 @@
     {
       "fileName": "dropdown-demo.component.html",
       "filePath": "/projects/popovers/documentation/code-examples/dropdown/remote/dropdown-demo.component.html",
-      "rawContents": "<p>\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"openDropdown()\"\n  >\n    Open dropdown\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"closeDropdown()\"\n  >\n    Close dropdown\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"focusTriggerButton()\"\n  >\n    Focus trigger button\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"focusNextItem()\"\n  >\n    Focus next item\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"focusPreviousItem()\"\n  >\n    Focus previous item\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"removeItem()\"\n  >\n    Remove last item\n  </button>\n</p>\n\n<sky-dropdown\n  buttonStyle=\"primary\"\n  [dismissOnBlur]=\"false\"\n  [messageStream]=\"dropdownController\"\n>\n  <sky-dropdown-button> Open </sky-dropdown-button>\n  <sky-dropdown-menu\n    [useNativeFocus]=\"false\"\n    (menuChanges)=\"onMenuChanges($event)\"\n  >\n    <sky-dropdown-item *ngFor=\"let item of items\">\n      <button\n        type=\"button\"\n        [attr.disabled]=\"item.disabled ? '' : null\"\n        (click)=\"actionClicked(item.name)\"\n      >\n        {{ item.name }}\n      </button>\n    </sky-dropdown-item>\n  </sky-dropdown-menu>\n</sky-dropdown>\n\n<p>\n  This menu does not bring the active items to focus; this is useful for custom\n  implementations where the focus should remain on a different control.\n</p>\n"
+      "rawContents": "<p>\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"openDropdown()\"\n  >\n    Open dropdown\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"closeDropdown()\"\n  >\n    Close dropdown\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"focusTriggerButton()\"\n  >\n    Focus trigger button\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"focusNextItem()\"\n  >\n    Focus next item\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"focusPreviousItem()\"\n  >\n    Focus previous item\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"removeItem()\"\n  >\n    Remove last item\n  </button>\n</p>\n\n<sky-dropdown\n  buttonStyle=\"primary\"\n  [dismissOnBlur]=\"false\"\n  [messageStream]=\"dropdownController\"\n>\n  <sky-dropdown-button> Open </sky-dropdown-button>\n  <sky-dropdown-menu\n    [useNativeFocus]=\"false\"\n    (menuChanges)=\"onMenuChanges($event)\"\n  >\n    <sky-dropdown-item *ngFor=\"let item of items\">\n      <button\n        type=\"button\"\n        [attr.disabled]=\"item.disabled ? '' : null\"\n        (click)=\"actionClicked(item.name)\"\n      >\n        {{ item.name }}\n      </button>\n    </sky-dropdown-item>\n  </sky-dropdown-menu>\n</sky-dropdown>\n\n<p>\n  This menu does not bring the active items to focus; this is useful for custom\n  implementations where the focus should remain on a different control.\n</p>\n"
     },
     {
       "fileName": "dropdown-demo.component.ts",
@@ -4280,25 +4383,10 @@
       "filePath": "/projects/popovers/documentation/code-examples/dropdown/remote/dropdown-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { DropdownDemoComponent } from './dropdown-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDropdownModule],\n  exports: [DropdownDemoComponent],\n  declarations: [DropdownDemoComponent],\n})\nexport class DropdownDemoModule {}\n"
     },
-    {
-      "fileName": "popover-demo.component.html",
-      "filePath": "/projects/popovers/documentation/code-examples/popover/asynchronous/popover-demo.component.html",
-      "rawContents": "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  [skyPopover]=\"asyncPopoverRef\"\n>\n  Open popover\n</button>\n\n<sky-popover #asyncPopover> My asynchronous popover. </sky-popover>\n"
-    },
-    {
-      "fileName": "popover-demo.component.ts",
-      "filePath": "/projects/popovers/documentation/code-examples/popover/asynchronous/popover-demo.component.ts",
-      "rawContents": "import { AfterViewInit, Component, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'app-popover-demo',\n  templateUrl: './popover-demo.component.html',\n})\nexport class PopoverDemoComponent implements AfterViewInit {\n  public asyncPopoverRef: any;\n\n  @ViewChild('asyncPopover')\n  private asyncPopover: any;\n\n  public ngAfterViewInit(): void {\n    // Simulate asynchronous retrieval.\n    setTimeout(() => {\n      this.asyncPopoverRef = this.asyncPopover;\n    }, 1000);\n  }\n}\n"
-    },
-    {
-      "fileName": "popover-demo.module.ts",
-      "filePath": "/projects/popovers/documentation/code-examples/popover/asynchronous/popover-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyPopoverModule } from '@skyux/popovers';\n\nimport { PopoverDemoComponent } from './popover-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyPopoverModule],\n  declarations: [PopoverDemoComponent],\n  exports: [PopoverDemoComponent],\n})\nexport class PopoverDemoModule {}\n"
-    },
     {
       "fileName": "popover-demo.component.html",
       "filePath": "/projects/popovers/documentation/code-examples/popover/basic/popover-demo.component.html",
-      "rawContents": "<button\n  class=\"sky-btn sky-margin-inline-compact\"\n  type=\"button\"\n  [skyPopover]=\"myPopover\"\n>\n  Open popover on click\n</button>\n\n<button\n  class=\"sky-btn\"\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>\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"
     },
     {
       "fileName": "popover-demo.component.ts",
@@ -4313,7 +4401,7 @@
     {
       "fileName": "popover-demo.component.html",
       "filePath": "/projects/popovers/documentation/code-examples/popover/programmatic/popover-demo.component.html",
-      "rawContents": "<sky-help-inline\n  [skyPopover]=\"myPopover\"\n  [skyPopoverMessageStream]=\"popoverController\"\n></sky-help-inline>\n\n<button\n  class=\"sky-btn sky-margin-inline-default\"\n  type=\"button\"\n  (click)=\"openPopover()\"\n>\n  Open popover with message stream\n</button>\n\n<sky-popover\n  #myPopover\n  (popoverClosed)=\"onPopoverStateChange(false)\"\n  (popoverOpened)=\"onPopoverStateChange(true)\"\n>\n  This is a popover.\n</sky-popover>\n"
+      "rawContents": "<sky-help-inline\n  [skyPopover]=\"myPopover\"\n  [skyPopoverMessageStream]=\"popoverController\"\n></sky-help-inline>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"openPopover()\"\n>\n  Open popover with message stream\n</button>\n\n<sky-popover\n  #myPopover\n  (popoverClosed)=\"onPopoverStateChange(false)\"\n  (popoverOpened)=\"onPopoverStateChange(true)\"\n>\n  This is a popover.\n</sky-popover>\n"
     },
     {
       "fileName": "popover-demo.component.ts",