@skyux/popovers 5.0.0 → 5.0.1

package/documentation.json

@@ -22,7 +22,7 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/popovers",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
@@ -30,7 +30,7 @@
       {
         "id": 323,
         "name": "SkyDropdownMessageType",
-        "kind": 4,
+        "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
@@ -206,7 +206,7 @@
       {
         "id": 342,
         "name": "SkyPopoverMessageType",
-        "kind": 4,
+        "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "comment": {
@@ -225,7 +225,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/types/popover-message-type.ts",
-                "line": 14,
+                "line": 13,
                 "character": 2
               }
             ],
@@ -243,7 +243,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/types/popover-message-type.ts",
-                "line": 25,
+                "line": 24,
                 "character": 2
               }
             ],
@@ -261,7 +261,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/types/popover-message-type.ts",
-                "line": 9,
+                "line": 8,
                 "character": 2
               }
             ],
@@ -279,7 +279,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/types/popover-message-type.ts",
-                "line": 20,
+                "line": 19,
                 "character": 2
               }
             ],
@@ -320,7 +320,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyDropdownButtonComponent,\n    SkyDropdownComponent,\n    SkyDropdownItemComponent,\n    SkyDropdownMenuComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyAffixModule,\n    SkyIconModule,\n    SkyOverlayModule,\n    SkyPopoversResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyDropdownButtonComponent,\n    SkyDropdownComponent,\n    SkyDropdownItemComponent,\n    SkyDropdownMenuComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyDropdownButtonComponent,\n    SkyDropdownComponent,\n    SkyDropdownItemComponent,\n    SkyDropdownMenuComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyAffixModule,\n    SkyIconModule,\n    SkyOverlayModule,\n    SkyPopoversResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyDropdownButtonComponent,\n    SkyDropdownComponent,\n    SkyDropdownItemComponent,\n    SkyDropdownMenuComponent,\n  ],\n}"
             }
           }
         ],
@@ -359,7 +359,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/dropdown/dropdown.module.ts",
-            "line": 64,
+            "line": 43,
             "character": 13
           }
         ]
@@ -378,7 +378,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyPopoverComponent,\n    SkyPopoverContentComponent,\n    SkyPopoverDirective\n  ],\n  imports: [\n    CommonModule,\n    SkyAffixModule,\n    SkyIconModule,\n    SkyOverlayModule,\n    SkyPopoversResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyPopoverComponent,\n    SkyPopoverContentComponent,\n    SkyPopoverDirective\n  ],\n  entryComponents: [\n    SkyPopoverContentComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyPopoverComponent,\n    SkyPopoverContentComponent,\n    SkyPopoverDirective,\n  ],\n  imports: [\n    CommonModule,\n    SkyAffixModule,\n    SkyIconModule,\n    SkyOverlayModule,\n    SkyPopoversResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyPopoverComponent,\n    SkyPopoverContentComponent,\n    SkyPopoverDirective,\n  ],\n  entryComponents: [SkyPopoverContentComponent],\n}"
             }
           }
         ],
@@ -417,7 +417,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/popover/popover.module.ts",
-            "line": 61,
+            "line": 40,
             "character": 13
           }
         ]
@@ -436,7 +436,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-dropdown-item',\n  templateUrl: './dropdown-item.component.html',\n  styleUrls: ['./dropdown-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n}"
+              "obj": "{\n  selector: 'sky-dropdown-item',\n  templateUrl: './dropdown-item.component.html',\n  styleUrls: ['./dropdown-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
@@ -452,7 +452,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 48,
+                "line": 47,
                 "character": 2
               }
             ],
@@ -542,7 +542,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 42,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -563,7 +563,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 44,
+                "line": 43,
                 "character": 9
               }
             ],
@@ -594,7 +594,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 30,
+                "line": 29,
                 "character": 13
               }
             ],
@@ -661,7 +661,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 38,
+                "line": 37,
                 "character": 13
               }
             ],
@@ -690,7 +690,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 67,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -732,7 +732,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 77,
+                "line": 76,
                 "character": 9
               }
             ],
@@ -761,7 +761,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 54,
+                "line": 53,
                 "character": 9
               }
             ],
@@ -798,7 +798,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-item.component.ts",
-                "line": 87,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -881,7 +881,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-dropdown-button',\n  templateUrl: './dropdown-button.component.html'\n}"
+              "obj": "{\n  selector: 'sky-dropdown-button',\n  templateUrl: './dropdown-button.component.html',\n}"
             }
           }
         ],
@@ -920,7 +920,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/dropdown/dropdown-button.component.ts",
-            "line": 9,
+            "line": 7,
             "character": 13
           }
         ]
@@ -939,7 +939,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-dropdown',\n  templateUrl: './dropdown.component.html',\n  styleUrls: ['./dropdown.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-dropdown',\n  templateUrl: './dropdown.component.html',\n  styleUrls: ['./dropdown.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -953,7 +953,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 245,
+                "line": 227,
                 "character": 2
               }
             ],
@@ -1041,7 +1041,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 203,
+                "line": 185,
                 "character": 9
               }
             ],
@@ -1062,7 +1062,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 205,
+                "line": 187,
                 "character": 9
               }
             ],
@@ -1096,7 +1096,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 130,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -1116,7 +1116,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 209,
+                "line": 191,
                 "character": 9
               }
             ],
@@ -1136,7 +1136,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 207,
+                "line": 189,
                 "character": 9
               }
             ],
@@ -1169,7 +1169,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 151,
+                "line": 133,
                 "character": 9
               }
             ],
@@ -1210,7 +1210,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 157,
+                "line": 139,
                 "character": 9
               }
             ],
@@ -1240,7 +1240,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 70,
+                "line": 52,
                 "character": 13
               }
             ],
@@ -1317,7 +1317,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 87,
+                "line": 69,
                 "character": 13
               }
             ],
@@ -1394,7 +1394,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 100,
+                "line": 82,
                 "character": 13
               }
             ],
@@ -1471,7 +1471,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 113,
+                "line": 95,
                 "character": 13
               }
             ],
@@ -1548,7 +1548,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 137,
+                "line": 119,
                 "character": 13
               }
             ],
@@ -1615,7 +1615,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 178,
+                "line": 160,
                 "character": 13
               }
             ],
@@ -1676,14 +1676,14 @@
                 },
                 "arguments": {
                   "selector": "'menuContainerElementRef'",
-                  "opts": "{\n    read: ElementRef\n  }"
+                  "opts": "{\n    read: ElementRef,\n  }"
                 }
               }
             ],
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 190,
+                "line": 172,
                 "character": 13
               }
             ],
@@ -1760,7 +1760,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 170,
+                "line": 152,
                 "character": 13
               }
             ],
@@ -1833,7 +1833,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 273,
+                "line": 251,
                 "character": 9
               }
             ],
@@ -1870,7 +1870,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-                "line": 252,
+                "line": 234,
                 "character": 9
               }
             ],
@@ -1944,7 +1944,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/dropdown/dropdown.component.ts",
-            "line": 61,
+            "line": 44,
             "character": 13
           }
         ],
@@ -1973,7 +1973,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-dropdown-menu',\n  templateUrl: './dropdown-menu.component.html',\n  styleUrls: ['./dropdown-menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n}"
+              "obj": "{\n  selector: 'sky-dropdown-menu',\n  templateUrl: './dropdown-menu.component.html',\n  styleUrls: ['./dropdown-menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
@@ -1987,7 +1987,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 145,
+                "line": 129,
                 "character": 2
               }
             ],
@@ -2082,7 +2082,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 63,
+                "line": 47,
                 "character": 9
               }
             ],
@@ -2102,7 +2102,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 111,
+                "line": 95,
                 "character": 9
               }
             ],
@@ -2136,7 +2136,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 109,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -2170,14 +2170,14 @@
                 },
                 "arguments": {
                   "selector": "SkyDropdownItemComponent",
-                  "opts": "{descendants: true}"
+                  "opts": "{ descendants: true }"
                 }
               }
             ],
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 135,
+                "line": 119,
                 "character": 9
               }
             ],
@@ -2214,7 +2214,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 75,
+                "line": 59,
                 "character": 13
               }
             ],
@@ -2281,7 +2281,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 118,
+                "line": 102,
                 "character": 13
               }
             ],
@@ -2346,7 +2346,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 91,
+                "line": 75,
                 "character": 13
               }
             ],
@@ -2413,7 +2413,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 226,
+                "line": 204,
                 "character": 9
               }
             ],
@@ -2442,7 +2442,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 241,
+                "line": 219,
                 "character": 9
               }
             ],
@@ -2471,7 +2471,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 271,
+                "line": 249,
                 "character": 9
               }
             ],
@@ -2500,7 +2500,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 256,
+                "line": 234,
                 "character": 9
               }
             ],
@@ -2529,7 +2529,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 151,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -2566,7 +2566,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 220,
+                "line": 198,
                 "character": 9
               }
             ],
@@ -2603,7 +2603,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-                "line": 286,
+                "line": 264,
                 "character": 9
               }
             ],
@@ -2666,7 +2666,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/dropdown/dropdown-menu.component.ts",
-            "line": 55,
+            "line": 40,
             "character": 13
           }
         ],
@@ -2695,7 +2695,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-popover',\n  templateUrl: './popover.component.html'\n}"
+              "obj": "{\n  selector: 'sky-popover',\n  templateUrl: './popover.component.html',\n}"
             }
           }
         ],
@@ -2709,7 +2709,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 153,
+                "line": 137,
                 "character": 2
               }
             ],
@@ -2752,7 +2752,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 131,
+                "line": 115,
                 "character": 9
               }
             ],
@@ -2786,7 +2786,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 110,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -2827,7 +2827,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 116,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -2868,7 +2868,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 97,
+                "line": 81,
                 "character": 9
               }
             ],
@@ -2907,7 +2907,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 104,
+                "line": 88,
                 "character": 9
               }
             ],
@@ -2946,7 +2946,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 53,
+                "line": 37,
                 "character": 13
               }
             ],
@@ -3025,7 +3025,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 67,
+                "line": 51,
                 "character": 13
               }
             ],
@@ -3102,7 +3102,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 85,
+                "line": 69,
                 "character": 13
               }
             ],
@@ -3171,7 +3171,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-                "line": 157,
+                "line": 139,
                 "character": 9
               }
             ],
@@ -3237,7 +3237,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
-            "line": 45,
+            "line": 30,
             "character": 13
           }
         ],
@@ -3262,7 +3262,7 @@
               "name": "Directive"
             },
             "arguments": {
-              "obj": "{\n  selector: '[skyPopover]'\n}"
+              "obj": "{\n  selector: '[skyPopover]',\n}"
             }
           }
         ],
@@ -3276,7 +3276,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 90,
+                "line": 66,
                 "character": 2
               }
             ],
@@ -3344,7 +3344,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 52,
+                "line": 28,
                 "character": 9
               }
             ],
@@ -3384,7 +3384,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 59,
+                "line": 35,
                 "character": 9
               }
             ],
@@ -3418,7 +3418,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 65,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -3465,7 +3465,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 72,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -3496,7 +3496,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 78,
+                "line": 54,
                 "character": 13
               }
             ],
@@ -3559,7 +3559,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 98,
+                "line": 72,
                 "character": 9
               }
             ],
@@ -3596,7 +3596,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 94,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -3633,7 +3633,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-                "line": 102,
+                "line": 76,
                 "character": 9
               }
             ],
@@ -3690,7 +3690,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
-            "line": 45,
+            "line": 22,
             "character": 13
           }
         ],
@@ -3726,7 +3726,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/types/dropdown-menu-change.ts",
-                "line": 9,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -3749,7 +3749,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/types/dropdown-menu-change.ts",
-                "line": 14,
+                "line": 12,
                 "character": 2
               }
             ],
@@ -3776,7 +3776,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/types/dropdown-menu-change.ts",
-                "line": 19,
+                "line": 17,
                 "character": 2
               }
             ],
@@ -3801,7 +3801,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/dropdown/types/dropdown-menu-change.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -3827,7 +3827,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/dropdown/types/dropdown-message.ts",
-                "line": 10,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -3850,7 +3850,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/dropdown/types/dropdown-message.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -3879,7 +3879,7 @@
             "sources": [
               {
                 "fileName": "projects/popovers/src/modules/popover/types/popover-message.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -3916,7 +3916,7 @@
         "sources": [
           {
             "fileName": "projects/popovers/src/modules/dropdown/types/dropdown-horizontal-alignment.ts",
-            "line": 5,
+            "line": 3,
             "character": 12
           }
         ],
@@ -4058,7 +4058,7 @@
     "groups": [
       {
         "title": "Enumerations",
-        "kind": 4,
+        "kind": 8,
         "children": [
           323,
           342
@@ -4108,80 +4108,85 @@
     ]
   },
   "codeExamples": [
+    {
+      "fileName": ".eslintrc.json",
+      "filePath": "/projects/popovers/documentation/code-examples/.eslintrc.json",
+      "rawContents": "{\n  \"extends\": [\"../../.eslintrc.json\"],\n  \"overrides\": [\n    {\n      \"files\": [\"*.ts\"],\n      \"rules\": {\n        \"@angular-eslint/directive-selector\": [\n          \"error\",\n          {\n            \"type\": \"attribute\",\n            \"prefix\": \"app\",\n            \"style\": \"camelCase\"\n          }\n        ],\n        \"@angular-eslint/component-selector\": [\n          \"error\",\n          {\n            \"type\": \"element\",\n            \"prefix\": \"app\",\n            \"style\": \"kebab-case\"\n          }\n        ]\n      }\n    }\n  ]\n}\n"
+    },
     {
       "fileName": "dropdown-demo.component.html",
       "filePath": "/projects/popovers/documentation/code-examples/dropdown/basic/dropdown-demo.component.html",
-      "rawContents": "<sky-dropdown>\n  <sky-dropdown-button>\n    Show dropdown\n  </sky-dropdown-button>\n  <sky-dropdown-menu>\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"
+      "rawContents": "<sky-dropdown>\n  <sky-dropdown-button> Show dropdown </sky-dropdown-button>\n  <sky-dropdown-menu>\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"
     },
     {
       "fileName": "dropdown-demo.component.ts",
       "filePath": "/projects/popovers/documentation/code-examples/dropdown/basic/dropdown-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-dropdown-demo',\n  templateUrl: './dropdown-demo.component.html'\n})\nexport class DropdownDemoComponent {\n\n  public items: any[] = [\n    { name: 'Option 1', disabled: false },\n    { name: 'Disabled option', disabled: true },\n    { name: 'Option 3', disabled: false },\n    { name: 'Option 4', disabled: false },\n    { name: 'Option 5', disabled: false }\n  ];\n\n  public actionClicked(action: string): void {\n    alert(`You selected ${action}.`);\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-dropdown-demo',\n  templateUrl: './dropdown-demo.component.html',\n})\nexport class DropdownDemoComponent {\n  public items: any[] = [\n    { name: 'Option 1', disabled: false },\n    { name: 'Disabled option', disabled: true },\n    { name: 'Option 3', disabled: false },\n    { name: 'Option 4', disabled: false },\n    { name: 'Option 5', disabled: false },\n  ];\n\n  public actionClicked(action: string): void {\n    alert(`You selected ${action}.`);\n  }\n}\n"
     },
     {
       "fileName": "dropdown-demo.module.ts",
       "filePath": "/projects/popovers/documentation/code-examples/dropdown/basic/dropdown-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  DropdownDemoComponent\n} from './dropdown-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule\n  ],\n  exports: [\n    DropdownDemoComponent\n  ],\n  declarations: [\n    DropdownDemoComponent\n  ]\n})\nexport class DropdownDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\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": "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 item\n  </button>\n</p>\n\n<sky-dropdown\n  buttonStyle=\"primary\"\n  [dismissOnBlur]=\"false\"\n  [messageStream]=\"dropdownController\"\n>\n  <sky-dropdown-button>\n    Open\n  </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 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-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 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",
       "filePath": "/projects/popovers/documentation/code-examples/dropdown/remote/dropdown-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectorRef,\n  Component\n} from '@angular/core';\n\nimport {\n  SkyDropdownMessage,\n  SkyDropdownMessageType,\n  SkyDropdownMenuChange\n} from '@skyux/popovers';\n\nimport {\n  Subject\n} from 'rxjs';\n\n@Component({\n  selector: 'app-dropdown-demo',\n  templateUrl: './dropdown-demo.component.html'\n})\nexport class DropdownDemoComponent {\n\n  public dropdownController = new Subject<SkyDropdownMessage>();\n\n  public items: any[] = [\n    { name: 'Option 1', disabled: false },\n    { name: 'Disabled option', disabled: true },\n    { name: 'Option 3', disabled: false },\n    { name: 'Option 4', disabled: false },\n    { name: 'Option 5', disabled: false }\n  ];\n\n  constructor(\n    private changeDetector: ChangeDetectorRef\n  ) { }\n\n  public actionClicked(action: string): void {\n    alert(`You selected ${action}.`);\n  }\n\n  public openDropdown(): void {\n    this.sendMessage(SkyDropdownMessageType.Open);\n  }\n\n  public closeDropdown(): void {\n    this.sendMessage(SkyDropdownMessageType.Close);\n  }\n\n  public focusTriggerButton(): void {\n    this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n  }\n\n  public focusNextItem(): void {\n    this.sendMessage(SkyDropdownMessageType.FocusNextItem);\n  }\n\n  public focusPreviousItem(): void {\n    this.sendMessage(SkyDropdownMessageType.FocusPreviousItem);\n  }\n\n  public removeItem(): void {\n    if (this.items.length > 1) {\n      this.items.pop();\n      this.changeDetector.detectChanges();\n    }\n  }\n\n  public onMenuChanges(change: SkyDropdownMenuChange): void {\n    if (change.activeIndex !== undefined) {\n      console.log(`The menu's active index changed to: ${change.activeIndex}.`);\n    }\n  }\n\n  private sendMessage(type: SkyDropdownMessageType): void {\n    const message: SkyDropdownMessage = { type };\n    this.dropdownController.next(message);\n  }\n}\n"
+      "rawContents": "import { ChangeDetectorRef, Component } from '@angular/core';\n\nimport {\n  SkyDropdownMessage,\n  SkyDropdownMessageType,\n  SkyDropdownMenuChange,\n} from '@skyux/popovers';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'app-dropdown-demo',\n  templateUrl: './dropdown-demo.component.html',\n})\nexport class DropdownDemoComponent {\n  public dropdownController = new Subject<SkyDropdownMessage>();\n\n  public items: any[] = [\n    { name: 'Option 1', disabled: false },\n    { name: 'Disabled option', disabled: true },\n    { name: 'Option 3', disabled: false },\n    { name: 'Option 4', disabled: false },\n    { name: 'Option 5', disabled: false },\n  ];\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  public actionClicked(action: string): void {\n    alert(`You selected ${action}.`);\n  }\n\n  public openDropdown(): void {\n    this.sendMessage(SkyDropdownMessageType.Open);\n  }\n\n  public closeDropdown(): void {\n    this.sendMessage(SkyDropdownMessageType.Close);\n  }\n\n  public focusTriggerButton(): void {\n    this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n  }\n\n  public focusNextItem(): void {\n    this.sendMessage(SkyDropdownMessageType.FocusNextItem);\n  }\n\n  public focusPreviousItem(): void {\n    this.sendMessage(SkyDropdownMessageType.FocusPreviousItem);\n  }\n\n  public removeItem(): void {\n    if (this.items.length > 1) {\n      this.items.pop();\n      this.changeDetector.detectChanges();\n    }\n  }\n\n  public onMenuChanges(change: SkyDropdownMenuChange): void {\n    if (change.activeIndex !== undefined) {\n      console.log(`The menu's active index changed to: ${change.activeIndex}.`);\n    }\n  }\n\n  private sendMessage(type: SkyDropdownMessageType): void {\n    const message: SkyDropdownMessage = { type };\n    this.dropdownController.next(message);\n  }\n}\n"
     },
     {
       "fileName": "dropdown-demo.module.ts",
       "filePath": "/projects/popovers/documentation/code-examples/dropdown/remote/dropdown-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  DropdownDemoComponent\n} from './dropdown-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule\n  ],\n  exports: [\n    DropdownDemoComponent\n  ],\n  declarations: [\n    DropdownDemoComponent\n  ]\n})\nexport class DropdownDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\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>\n  My asynchronous popover.\n</sky-popover>"
+      "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 {\n  AfterViewInit,\n  Component,\n  ViewChild\n} from '@angular/core';\n\n@Component({\n  selector: 'app-popover-demo',\n  templateUrl: './popover-demo.component.html'\n})\nexport class PopoverDemoComponent implements AfterViewInit {\n\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"
+      "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 {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyPopoverModule\n} from '@skyux/popovers';\n\nimport {\n  PopoverDemoComponent\n} from './popover-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyPopoverModule\n  ],\n  declarations: [\n    PopoverDemoComponent\n  ],\n  exports: [\n    PopoverDemoComponent\n  ]\n})\nexport class PopoverDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\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\n  popoverTitle=\"Did you know?\"\n  #myPopover\n>\n  This is a popover.\n</sky-popover>"
+      "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"
     },
     {
       "fileName": "popover-demo.component.ts",
       "filePath": "/projects/popovers/documentation/code-examples/popover/basic/popover-demo.component.ts",
-      "rawContents": "import {\n  Component\n} 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';\n\n@Component({\n  selector: 'app-popover-demo',\n  templateUrl: './popover-demo.component.html',\n})\nexport class PopoverDemoComponent {}\n"
     },
     {
       "fileName": "popover-demo.module.ts",
       "filePath": "/projects/popovers/documentation/code-examples/popover/basic/popover-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyPopoverModule\n} from '@skyux/popovers';\n\nimport {\n  PopoverDemoComponent\n} from './popover-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyPopoverModule\n  ],\n  declarations: [\n    PopoverDemoComponent\n  ],\n  exports: [\n    PopoverDemoComponent\n  ]\n})\nexport class PopoverDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\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/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 #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-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"
     },
     {
       "fileName": "popover-demo.component.ts",
       "filePath": "/projects/popovers/documentation/code-examples/popover/programmatic/popover-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyPopoverMessage,\n  SkyPopoverMessageType\n} from '@skyux/popovers';\n\nimport {\n  Subject\n} from 'rxjs';\n\n@Component({\n  selector: 'app-popover-demo',\n  templateUrl: './popover-demo.component.html'\n})\nexport class PopoverDemoComponent {\n\n  public popoverController = new Subject<SkyPopoverMessage>();\n\n  private popoverOpen: boolean = false;\n\n  public onPopoverStateChange(isOpen: boolean): void {\n    this.popoverOpen = isOpen;\n  }\n\n  public openPopover(): void {\n    if (!this.popoverOpen) {\n      this.sendMessage(SkyPopoverMessageType.Open);\n    }\n  }\n\n  private sendMessage(type: SkyPopoverMessageType): void {\n    const message: SkyPopoverMessage = { type };\n    this.popoverController.next(message);\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { SkyPopoverMessage, SkyPopoverMessageType } from '@skyux/popovers';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'app-popover-demo',\n  templateUrl: './popover-demo.component.html',\n})\nexport class PopoverDemoComponent {\n  public popoverController = new Subject<SkyPopoverMessage>();\n\n  private popoverOpen: boolean = false;\n\n  public onPopoverStateChange(isOpen: boolean): void {\n    this.popoverOpen = isOpen;\n  }\n\n  public openPopover(): void {\n    if (!this.popoverOpen) {\n      this.sendMessage(SkyPopoverMessageType.Open);\n    }\n  }\n\n  private sendMessage(type: SkyPopoverMessageType): void {\n    const message: SkyPopoverMessage = { type };\n    this.popoverController.next(message);\n  }\n}\n"
     },
     {
       "fileName": "popover-demo.module.ts",
       "filePath": "/projects/popovers/documentation/code-examples/popover/programmatic/popover-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyHelpInlineModule\n} from '@skyux/indicators';\n\nimport {\n  SkyPopoverModule\n} from '@skyux/popovers';\n\nimport {\n  PopoverDemoComponent\n} from './popover-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyHelpInlineModule,\n    SkyPopoverModule\n  ],\n  declarations: [\n    PopoverDemoComponent\n  ],\n  exports: [\n    PopoverDemoComponent\n  ]\n})\nexport class PopoverDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyHelpInlineModule } from '@skyux/indicators';\n\nimport { SkyPopoverModule } from '@skyux/popovers';\n\nimport { PopoverDemoComponent } from './popover-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyHelpInlineModule, SkyPopoverModule],\n  declarations: [PopoverDemoComponent],\n  exports: [PopoverDemoComponent],\n})\nexport class PopoverDemoModule {}\n"
     }
   ]
 }