@skyux/modals 5.0.0-beta.5 → 5.0.2

package/documentation.json

@@ -25,20 +25,20 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/modals",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
     "children": [
       {
-        "id": 119,
+        "id": 124,
         "name": "SkyConfirmType",
-        "kind": 4,
+        "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 120,
+            "id": 125,
             "name": "Custom",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -56,7 +56,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 121,
+            "id": 126,
             "name": "OK",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -74,7 +74,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 122,
+            "id": 127,
             "name": "YesCancel",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -98,7 +98,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 123,
+            "id": 128,
             "name": "YesNoCancel",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -127,10 +127,10 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              120,
-              121,
-              122,
-              123
+              125,
+              126,
+              127,
+              128
             ]
           }
         ],
@@ -143,35 +143,35 @@
         ]
       },
       {
-        "id": 107,
+        "id": 112,
         "name": "SkyConfirmInstance",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 108,
+            "id": 113,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 109,
+                "id": 114,
                 "name": "new SkyConfirmInstance",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 107,
+                  "id": 112,
                   "name": "SkyConfirmInstance"
                 }
               }
             ]
           },
           {
-            "id": 110,
+            "id": 115,
             "name": "closed",
             "kind": 1024,
             "kindString": "Property",
@@ -184,7 +184,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-instance.ts",
-                "line": 15,
+                "line": 11,
                 "character": 9
               }
             ],
@@ -193,7 +193,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 99,
+                  "id": 104,
                   "name": "SkyConfirmCloseEventArgs"
                 }
               ],
@@ -207,55 +207,55 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              108
+              113
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              110
+              115
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm-instance.ts",
-            "line": 9,
+            "line": 5,
             "character": 13
           }
         ]
       },
       {
-        "id": 111,
+        "id": 116,
         "name": "SkyConfirmModalContext",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 112,
+            "id": 117,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 113,
+                "id": 118,
                 "name": "new SkyConfirmModalContext",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 111,
+                  "id": 116,
                   "name": "SkyConfirmModalContext"
                 }
               }
             ]
           },
           {
-            "id": 115,
+            "id": 120,
             "name": "body",
             "kind": 1024,
             "kindString": "Property",
@@ -268,7 +268,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-modal-context.ts",
-                "line": 16,
+                "line": 10,
                 "character": 9
               }
             ],
@@ -278,12 +278,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 103,
+              "id": 108,
               "name": "SkyConfirmConfig.body"
             }
           },
           {
-            "id": 116,
+            "id": 121,
             "name": "buttons",
             "kind": 1024,
             "kindString": "Property",
@@ -296,7 +296,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-modal-context.ts",
-                "line": 17,
+                "line": 11,
                 "character": 9
               }
             ],
@@ -304,18 +304,18 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 94,
+                "id": 99,
                 "name": "SkyConfirmButtonConfig"
               }
             },
             "implementationOf": {
               "type": "reference",
-              "id": 104,
+              "id": 109,
               "name": "SkyConfirmConfig.buttons"
             }
           },
           {
-            "id": 114,
+            "id": 119,
             "name": "message",
             "kind": 1024,
             "kindString": "Property",
@@ -328,7 +328,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-modal-context.ts",
-                "line": 15,
+                "line": 9,
                 "character": 9
               }
             ],
@@ -338,12 +338,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 102,
+              "id": 107,
               "name": "SkyConfirmConfig.message"
             }
           },
           {
-            "id": 117,
+            "id": 122,
             "name": "preserveWhiteSpace",
             "kind": 1024,
             "kindString": "Property",
@@ -356,7 +356,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-modal-context.ts",
-                "line": 18,
+                "line": 12,
                 "character": 9
               }
             ],
@@ -366,12 +366,12 @@
             },
             "implementationOf": {
               "type": "reference",
-              "id": 105,
+              "id": 110,
               "name": "SkyConfirmConfig.preserveWhiteSpace"
             }
           },
           {
-            "id": 118,
+            "id": 123,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -384,18 +384,18 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-modal-context.ts",
-                "line": 19,
+                "line": 13,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 119,
+              "id": 124,
               "name": "SkyConfirmType"
             },
             "implementationOf": {
               "type": "reference",
-              "id": 106,
+              "id": 111,
               "name": "SkyConfirmConfig.type"
             }
           }
@@ -405,38 +405,38 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              112
+              117
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              115,
-              116,
-              114,
-              117,
-              118
+              120,
+              121,
+              119,
+              122,
+              123
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm-modal-context.ts",
-            "line": 14,
+            "line": 8,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
-            "id": 101,
+            "id": 106,
             "name": "SkyConfirmConfig"
           }
         ]
       },
       {
-        "id": 124,
+        "id": 129,
         "name": "SkyConfirmModule",
         "kind": 128,
         "kindString": "Class",
@@ -449,27 +449,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyConfirmComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyModalModule,\n    SkyModalsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyConfirmComponent\n  ],\n  entryComponents: [\n    SkyConfirmComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyConfirmComponent],\n  imports: [\n    CommonModule,\n    SkyModalModule,\n    SkyModalsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyConfirmComponent],\n  entryComponents: [SkyConfirmComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 125,
+            "id": 130,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 126,
+                "id": 131,
                 "name": "new SkyConfirmModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 124,
+                  "id": 129,
                   "name": "SkyConfirmModule"
                 }
               }
@@ -481,20 +481,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              125
+              130
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm.module.ts",
-            "line": 42,
+            "line": 24,
             "character": 13
           }
         ]
       },
       {
-        "id": 127,
+        "id": 132,
         "name": "SkyConfirmService",
         "kind": 128,
         "kindString": "Class",
@@ -510,13 +510,13 @@
               "name": "Injectable"
             },
             "arguments": {
-              "options": "{\n  providedIn: 'root'\n}"
+              "options": "{\n  providedIn: 'root',\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 128,
+            "id": 133,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -524,41 +524,41 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.service.ts",
-                "line": 45,
+                "line": 27,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 129,
+                "id": 134,
                 "name": "new SkyConfirmService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 130,
+                    "id": 135,
                     "name": "modalService",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 229,
+                      "id": 236,
                       "name": "SkyModalService"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 127,
+                  "id": 132,
                   "name": "SkyConfirmService"
                 }
               }
             ]
           },
           {
-            "id": 131,
+            "id": 136,
             "name": "open",
             "kind": 2048,
             "kindString": "Method",
@@ -568,13 +568,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.service.ts",
-                "line": 53,
+                "line": 33,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 132,
+                "id": 137,
                 "name": "open",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -584,21 +584,21 @@
                 },
                 "parameters": [
                   {
-                    "id": 133,
+                    "id": 138,
                     "name": "config",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 101,
+                      "id": 106,
                       "name": "SkyConfirmConfig"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 107,
+                  "id": 112,
                   "name": "SkyConfirmInstance"
                 }
               }
@@ -610,34 +610,34 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              128
+              133
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              131
+              136
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm.service.ts",
-            "line": 44,
+            "line": 26,
             "character": 13
           }
         ]
       },
       {
-        "id": 134,
+        "id": 139,
         "name": "SkyModalBeforeCloseHandler",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 135,
+            "id": 140,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -645,20 +645,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-before-close-handler.ts",
-                "line": 6,
+                "line": 4,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 136,
+                "id": 141,
                 "name": "new SkyModalBeforeCloseHandler",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 137,
+                    "id": 142,
                     "name": "closeModal",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -669,28 +669,28 @@
                     }
                   },
                   {
-                    "id": 138,
+                    "id": 143,
                     "name": "closeArgs",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 141,
+                      "id": 146,
                       "name": "SkyModalCloseArgs"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 134,
+                  "id": 139,
                   "name": "SkyModalBeforeCloseHandler"
                 }
               }
             ]
           },
           {
-            "id": 140,
+            "id": 145,
             "name": "closeArgs",
             "kind": 1024,
             "kindString": "Property",
@@ -700,12 +700,12 @@
             },
             "type": {
               "type": "reference",
-              "id": 141,
+              "id": 146,
               "name": "SkyModalCloseArgs"
             }
           },
           {
-            "id": 139,
+            "id": 144,
             "name": "closeModal",
             "kind": 1024,
             "kindString": "Property",
@@ -724,35 +724,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              135
+              140
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              140,
-              139
+              145,
+              144
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-before-close-handler.ts",
-            "line": 5,
+            "line": 3,
             "character": 13
           }
         ]
       },
       {
-        "id": 141,
+        "id": 146,
         "name": "SkyModalCloseArgs",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 142,
+            "id": 147,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -766,21 +766,21 @@
             ],
             "signatures": [
               {
-                "id": 143,
+                "id": 148,
                 "name": "new SkyModalCloseArgs",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 141,
+                  "id": 146,
                   "name": "SkyModalCloseArgs"
                 }
               }
             ]
           },
           {
-            "id": 145,
+            "id": 150,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -800,7 +800,7 @@
             }
           },
           {
-            "id": 144,
+            "id": 149,
             "name": "reason",
             "kind": 1024,
             "kindString": "Property",
@@ -825,15 +825,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              142
+              147
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              145,
-              144
+              150,
+              149
             ]
           }
         ],
@@ -846,7 +846,7 @@
         ]
       },
       {
-        "id": 182,
+        "id": 188,
         "name": "SkyModalInstance",
         "kind": 128,
         "kindString": "Class",
@@ -856,28 +856,28 @@
         },
         "children": [
           {
-            "id": 183,
+            "id": 189,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 184,
+                "id": 190,
                 "name": "new SkyModalInstance",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 182,
+                  "id": 188,
                   "name": "SkyModalInstance"
                 }
               }
             ]
           },
           {
-            "id": 191,
+            "id": 197,
             "name": "componentInstance",
             "kind": 1024,
             "kindString": "Property",
@@ -890,7 +890,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 56,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -900,26 +900,23 @@
             }
           },
           {
-            "id": 185,
+            "id": 191,
             "name": "beforeClose",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "An event that the modal instance emits when it is about to close.\nIt emits a `SkyModalBeforeCloseHandler` object with a `closeModal` method\nthat closes the modal. If a subscription exists for this event,\nthe modal does not close until the subscriber calls the `closeModal` method."
-            },
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 28,
+                "line": 20,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 186,
+                "id": 192,
                 "name": "beforeClose",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -932,7 +929,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 134,
+                      "id": 139,
                       "name": "SkyModalBeforeCloseHandler"
                     }
                   ],
@@ -942,26 +939,23 @@
             ]
           },
           {
-            "id": 187,
+            "id": 193,
             "name": "closed",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "An event that the modal instance emits when it closes.\nIt emits a `SkyCloseModalArgs` object with a `data` property that includes\ndata passed from users on close or save and a `reason` property that indicates\nwhether the modal was saved or closed without saving.\nThe `reason` property accepts any string value.\nCommon examples include `cancel`, `close`, and `save`."
-            },
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 40,
+                "line": 32,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 188,
+                "id": 194,
                 "name": "closed",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -974,7 +968,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 141,
+                      "id": 146,
                       "name": "SkyModalCloseArgs"
                     }
                   ],
@@ -984,26 +978,23 @@
             ]
           },
           {
-            "id": 189,
+            "id": 195,
             "name": "helpOpened",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "An event that the modal instance emits when users click\nthe <i class=\"fa fa-question-circle\" aria-hidden=\"true\"></i> button.\nIf a `helpKey` parameter was specified, the `helpOpened` event broadcasts the `helpKey`."
-            },
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 49,
+                "line": 41,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 190,
+                "id": 196,
                 "name": "helpOpened",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1025,7 +1016,7 @@
             ]
           },
           {
-            "id": 200,
+            "id": 206,
             "name": "cancel",
             "kind": 2048,
             "kindString": "Method",
@@ -1035,13 +1026,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 86,
+                "line": 82,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 201,
+                "id": 207,
                 "name": "cancel",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1051,7 +1042,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 202,
+                    "id": 208,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1059,7 +1050,7 @@
                       "isOptional": true
                     },
                     "comment": {
-                      "text": "Specifies an object to emit to subscribers of the `closed` event of the modal\ninstance. The `SkyModalInstance` provider can be injected into a component's constructor so\nthat this cancel function can be called from a button in the `sky-modal-footer`.\n"
+                      "shortText": "Specifies an object to emit to subscribers of the `closed` event of the modal\ninstance. The `SkyModalInstance` provider can be injected into a component's constructor so\nthat this cancel function can be called from a button in the `sky-modal-footer`.\n"
                     },
                     "type": {
                       "type": "intrinsic",
@@ -1075,7 +1066,7 @@
             ]
           },
           {
-            "id": 195,
+            "id": 201,
             "name": "close",
             "kind": 2048,
             "kindString": "Method",
@@ -1085,13 +1076,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 72,
+                "line": 64,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 196,
+                "id": 202,
                 "name": "close",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1101,7 +1092,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 197,
+                    "id": 203,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1109,7 +1100,7 @@
                       "isOptional": true
                     },
                     "comment": {
-                      "text": "Specifies an object to emit to subscribers of the `closed` event of the\nmodal instance. The `SkyModalInstance` provider can be injected into a component's constructor\nso that this `close` function can be called from a button in the `sky-modal-footer`."
+                      "shortText": "Specifies an object to emit to subscribers of the `closed` event of the\nmodal instance. The `SkyModalInstance` provider can be injected into a component's constructor\nso that this `close` function can be called from a button in the `sky-modal-footer`."
                     },
                     "type": {
                       "type": "intrinsic",
@@ -1117,7 +1108,7 @@
                     }
                   },
                   {
-                    "id": 198,
+                    "id": 204,
                     "name": "reason",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1125,7 +1116,7 @@
                       "isOptional": true
                     },
                     "comment": {
-                      "text": "Specifies the reason for the modal closing, with the default reason of `close`."
+                      "shortText": "Specifies the reason for the modal closing, with the default reason of `close`."
                     },
                     "type": {
                       "type": "intrinsic",
@@ -1133,7 +1124,7 @@
                     }
                   },
                   {
-                    "id": 199,
+                    "id": 205,
                     "name": "ignoreBeforeClose",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1141,7 +1132,7 @@
                       "isOptional": true
                     },
                     "comment": {
-                      "text": "Indicates whether to ignore the modal instance's `beforeClose` event.\n"
+                      "shortText": "Indicates whether to ignore the modal instance's `beforeClose` event.\n"
                     },
                     "type": {
                       "type": "intrinsic",
@@ -1157,7 +1148,7 @@
             ]
           },
           {
-            "id": 206,
+            "id": 212,
             "name": "openHelp",
             "kind": 2048,
             "kindString": "Method",
@@ -1167,13 +1158,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 107,
+                "line": 103,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 207,
+                "id": 213,
                 "name": "openHelp",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1183,7 +1174,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 208,
+                    "id": 214,
                     "name": "helpKey",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1191,7 +1182,7 @@
                       "isOptional": true
                     },
                     "comment": {
-                      "text": "Specifies a string to emit to subscribers of\nthe modal instance's `helpOpened` event. Consumers can inject the `SkyModalInstance` provider\ninto a component's constructor to call the `openHelp` function in the modal template.\n"
+                      "shortText": "Specifies a string to emit to subscribers of\nthe modal instance's `helpOpened` event. Consumers can inject the `SkyModalInstance` provider\ninto a component's constructor to call the `openHelp` function in the modal template.\n"
                     },
                     "type": {
                       "type": "intrinsic",
@@ -1207,7 +1198,7 @@
             ]
           },
           {
-            "id": 203,
+            "id": 209,
             "name": "save",
             "kind": 2048,
             "kindString": "Method",
@@ -1217,13 +1208,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 96,
+                "line": 92,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 204,
+                "id": 210,
                 "name": "save",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1233,7 +1224,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 205,
+                    "id": 211,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1241,7 +1232,7 @@
                       "isOptional": true
                     },
                     "comment": {
-                      "text": "Specifies an object to emit to subscribers of the `closed` event of the modal\ninstance. The `SkyModalInstance` provider can be injected into a component's constructor so\nthat this `save` function can be called from a button in `the sky-modal-footer`.\n"
+                      "shortText": "Specifies an object to emit to subscribers of the `closed` event of the modal\ninstance. The `SkyModalInstance` provider can be injected into a component's constructor so\nthat this `save` function can be called from a button in `the sky-modal-footer`.\n"
                     },
                     "type": {
                       "type": "intrinsic",
@@ -1262,46 +1253,46 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              183
+              189
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              191
+              197
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              185,
-              187,
-              189
+              191,
+              193,
+              195
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              200,
-              195,
               206,
-              203
+              201,
+              212,
+              209
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-            "line": 20,
+            "line": 13,
             "character": 13
           }
         ]
       },
       {
-        "id": 226,
+        "id": 233,
         "name": "SkyModalModule",
         "kind": 128,
         "kindString": "Class",
@@ -1314,27 +1305,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyModalComponent,\n    SkyModalContentComponent,\n    SkyModalFooterComponent,\n    SkyModalHeaderComponent,\n    SkyModalHostComponent,\n    SkyModalScrollShadowDirective\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    SkyIconModule,\n    SkyModalsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyModalComponent,\n    SkyModalContentComponent,\n    SkyModalFooterComponent,\n    SkyModalHeaderComponent\n  ],\n  entryComponents: [\n    SkyModalHostComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyModalComponent,\n    SkyModalContentComponent,\n    SkyModalFooterComponent,\n    SkyModalHeaderComponent,\n    SkyModalHostComponent,\n    SkyModalScrollShadowDirective,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    SkyIconModule,\n    SkyModalsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyModalComponent,\n    SkyModalContentComponent,\n    SkyModalFooterComponent,\n    SkyModalHeaderComponent,\n  ],\n  entryComponents: [SkyModalHostComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 227,
+            "id": 234,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 228,
+                "id": 235,
                 "name": "new SkyModalModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 226,
+                  "id": 233,
                   "name": "SkyModalModule"
                 }
               }
@@ -1346,20 +1337,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              227
+              234
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal.module.ts",
-            "line": 75,
+            "line": 49,
             "character": 13
           }
         ]
       },
       {
-        "id": 229,
+        "id": 236,
         "name": "SkyModalService",
         "kind": 128,
         "kindString": "Class",
@@ -1381,13 +1372,13 @@
               "name": "Injectable"
             },
             "arguments": {
-              "options": "{\n  // Must be 'any' so that the modal component is created in the context of its module's injector.\n  // If set to 'root', the component's dependency injections would only be derived from the root\n  // injector and may loose context if the modal was opened from within a lazy-loaded module.\n  providedIn: 'any'\n}"
+              "options": "{\n  // Must be 'any' so that the modal component is created in the context of its module's injector.\n  // If set to 'root', the component's dependency injections would only be derived from the root\n  // injector and may loose context if the modal was opened from within a lazy-loaded module.\n  providedIn: 'any',\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 231,
+            "id": 238,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1395,20 +1386,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.service.ts",
-                "line": 39,
+                "line": 27,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 232,
+                "id": 239,
                 "name": "new SkyModalService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 233,
+                    "id": 240,
                     "name": "dynamicComponentService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1423,14 +1414,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 229,
+                  "id": 236,
                   "name": "SkyModalService"
                 }
               }
             ]
           },
           {
-            "id": 236,
+            "id": 243,
             "name": "open",
             "kind": 2048,
             "kindString": "Method",
@@ -1440,13 +1431,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.service.ts",
-                "line": 63,
+                "line": 49,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 237,
+                "id": 244,
                 "name": "open",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1456,13 +1447,13 @@
                 },
                 "parameters": [
                   {
-                    "id": 238,
+                    "id": 245,
                     "name": "component",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "Determines the component to render.\nSince the component generates dynamically instead of with HTML selectors, consumers must\nregister it with the `entryComponents` property in the `app-extras.module.ts` file.\nFor more information, see the\n[entry components tutorial](https://developer.blackbaud.com/skyux/learn/get-started/advanced/entry-components)."
+                      "shortText": "Determines the component to render.\nSince the component generates dynamically instead of with HTML selectors, consumers must\nregister it with the `entryComponents` property in the `app-extras.module.ts` file.\nFor more information, see the\n[entry components tutorial](https://developer.blackbaud.com/skyux/learn/get-started/advanced/entry-components)."
                     },
                     "type": {
                       "type": "intrinsic",
@@ -1470,7 +1461,7 @@
                     }
                   },
                   {
-                    "id": 239,
+                    "id": 246,
                     "name": "config",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1478,7 +1469,7 @@
                       "isOptional": true
                     },
                     "comment": {
-                      "text": "Populates the modal based on the `SkyModalConfigurationInterface` object.\n"
+                      "shortText": "Populates the modal based on the `SkyModalConfigurationInterface` object.\n"
                     },
                     "type": {
                       "type": "union",
@@ -1492,7 +1483,7 @@
                         },
                         {
                           "type": "reference",
-                          "id": 217,
+                          "id": 223,
                           "name": "SkyModalConfigurationInterface"
                         }
                       ]
@@ -1501,7 +1492,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 182,
+                  "id": 188,
                   "name": "SkyModalInstance"
                 }
               }
@@ -1513,21 +1504,21 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              231
+              238
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              236
+              243
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal.service.ts",
-            "line": 33,
+            "line": 22,
             "character": 13
           }
         ]
@@ -1546,7 +1537,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-confirm',\n  templateUrl: './confirm.component.html',\n  styleUrls: ['./confirm.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-confirm',\n  templateUrl: './confirm.component.html',\n  styleUrls: ['./confirm.component.scss'],\n}"
             }
           }
         ],
@@ -1560,7 +1551,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 52,
+                "line": 30,
                 "character": 2
               }
             ],
@@ -1580,7 +1571,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 111,
+                      "id": 116,
                       "name": "SkyConfirmModalContext"
                     }
                   },
@@ -1592,7 +1583,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 182,
+                      "id": 188,
                       "name": "SkyModalInstance"
                     }
                   },
@@ -1637,7 +1628,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 49,
+                "line": 27,
                 "character": 9
               }
             ],
@@ -1657,7 +1648,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 47,
+                "line": 25,
                 "character": 9
               }
             ],
@@ -1665,7 +1656,7 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 88,
+                "id": 93,
                 "name": "SkyConfirmButton"
               }
             }
@@ -1681,7 +1672,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 48,
+                "line": 26,
                 "character": 9
               }
             ],
@@ -1701,7 +1692,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 50,
+                "line": 28,
                 "character": 9
               }
             ],
@@ -1722,7 +1713,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 72,
+                "line": 53,
                 "character": 9
               }
             ],
@@ -1742,7 +1733,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 88,
+                      "id": 93,
                       "name": "SkyConfirmButton"
                     }
                   }
@@ -1765,7 +1756,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 58,
+                "line": 36,
                 "character": 9
               }
             ],
@@ -1822,7 +1813,7 @@
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-            "line": 46,
+            "line": 24,
             "character": 13
           }
         ],
@@ -1850,7 +1841,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-modal-content',\n  templateUrl: './modal-content.component.html',\n  styleUrls: ['./modal-content.component.scss'],\n  encapsulation: ViewEncapsulation.None\n}"
+              "obj": "{\n  selector: 'sky-modal-content',\n  templateUrl: './modal-content.component.html',\n  styleUrls: ['./modal-content.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
@@ -1889,7 +1880,7 @@
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-content.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -1911,7 +1902,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-modal-footer',\n  templateUrl: './modal-footer.component.html',\n  styleUrls: ['./modal-footer.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-modal-footer',\n  templateUrl: './modal-footer.component.html',\n  styleUrls: ['./modal-footer.component.scss'],\n}"
             }
           }
         ],
@@ -1950,7 +1941,7 @@
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-footer.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -1972,7 +1963,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-modal-header',\n  templateUrl: './modal-header.component.html',\n  styleUrls: [\n    './modal-header.component.scss'\n  ]\n}"
+              "obj": "{\n  selector: 'sky-modal-header',\n  templateUrl: './modal-header.component.html',\n  styleUrls: ['./modal-header.component.scss'],\n}"
             }
           }
         ],
@@ -2011,7 +2002,7 @@
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-header.component.ts",
-            "line": 15,
+            "line": 11,
             "character": 13
           }
         ]
@@ -2033,7 +2024,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-modal',\n  templateUrl: './modal.component.html',\n  styleUrls: ['./modal.component.scss'],\n  animations: [\n    skyAnimationModalState\n  ],\n  providers: [\n    SkyModalComponentAdapterService\n  ]\n}"
+              "obj": "{\n  selector: 'sky-modal',\n  templateUrl: './modal.component.html',\n  styleUrls: ['./modal.component.scss'],\n  animations: [skyAnimationModalState],\n  providers: [SkyModalComponentAdapterService, SkyDockService],\n}"
             }
           }
         ],
@@ -2047,7 +2038,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 117,
+                "line": 118,
                 "character": 2
               }
             ],
@@ -2119,6 +2110,38 @@
                       "type": "reference",
                       "name": "SkyModalComponentAdapterService"
                     }
+                  },
+                  {
+                    "id": 38,
+                    "name": "coreAdapter",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyCoreAdapterService"
+                    }
+                  },
+                  {
+                    "id": 39,
+                    "name": "dockService",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "decorators": [
+                      {
+                        "name": "Host",
+                        "type": {
+                          "type": "reference",
+                          "name": "Host"
+                        },
+                        "arguments": {}
+                      }
+                    ],
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyDockService"
+                    }
                   }
                 ],
                 "type": {
@@ -2130,7 +2153,7 @@
             ]
           },
           {
-            "id": 64,
+            "id": 68,
             "name": "modalContentId",
             "kind": 1024,
             "kindString": "Property",
@@ -2140,7 +2163,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 111,
+                "line": 107,
                 "character": 9
               }
             ],
@@ -2151,7 +2174,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 65,
+            "id": 69,
             "name": "modalHeaderId",
             "kind": 1024,
             "kindString": "Property",
@@ -2161,7 +2184,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 113,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -2172,7 +2195,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 63,
+            "id": 67,
             "name": "modalState",
             "kind": 1024,
             "kindString": "Property",
@@ -2182,7 +2205,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 109,
+                "line": 105,
                 "character": 9
               }
             ],
@@ -2193,7 +2216,7 @@
             "defaultValue": "'in'"
           },
           {
-            "id": 66,
+            "id": 70,
             "name": "scrollShadow",
             "kind": 1024,
             "kindString": "Property",
@@ -2203,7 +2226,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 115,
+                "line": 113,
                 "character": 9
               }
             ],
@@ -2213,7 +2236,7 @@
             }
           },
           {
-            "id": 57,
+            "id": 61,
             "name": "ariaDescribedBy",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2223,13 +2246,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 97,
+                "line": 93,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 58,
+                "id": 62,
                 "name": "ariaDescribedBy",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2242,7 +2265,7 @@
             ]
           },
           {
-            "id": 59,
+            "id": 63,
             "name": "ariaLabelledBy",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2252,13 +2275,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 101,
+                "line": 97,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 60,
+                "id": 64,
                 "name": "ariaLabelledBy",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2271,7 +2294,7 @@
             ]
           },
           {
-            "id": 61,
+            "id": 65,
             "name": "helpKey",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2281,13 +2304,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 105,
+                "line": 101,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 62,
+                "id": 66,
                 "name": "helpKey",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2300,7 +2323,7 @@
             ]
           },
           {
-            "id": 53,
+            "id": 57,
             "name": "isLargeSize",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2310,13 +2333,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 89,
+                "line": 85,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 54,
+                "id": 58,
                 "name": "isLargeSize",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2329,7 +2352,7 @@
             ]
           },
           {
-            "id": 51,
+            "id": 55,
             "name": "isMediumSize",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2339,13 +2362,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 85,
+                "line": 81,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 52,
+                "id": 56,
                 "name": "isMediumSize",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2358,7 +2381,7 @@
             ]
           },
           {
-            "id": 49,
+            "id": 53,
             "name": "isSmallSize",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2368,13 +2391,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 81,
+                "line": 77,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 50,
+                "id": 54,
                 "name": "isSmallSize",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2387,7 +2410,7 @@
             ]
           },
           {
-            "id": 55,
+            "id": 59,
             "name": "isTiledBody",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2397,13 +2420,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 93,
+                "line": 89,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 56,
+                "id": 60,
                 "name": "isTiledBody",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2416,7 +2439,7 @@
             ]
           },
           {
-            "id": 47,
+            "id": 51,
             "name": "modalFullPage",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2426,13 +2449,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 77,
+                "line": 73,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 48,
+                "id": 52,
                 "name": "modalFullPage",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2445,7 +2468,7 @@
             ]
           },
           {
-            "id": 45,
+            "id": 49,
             "name": "modalZIndex",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2455,13 +2478,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 73,
+                "line": 69,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 46,
+                "id": 50,
                 "name": "modalZIndex",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2474,7 +2497,48 @@
             ]
           },
           {
-            "id": 77,
+            "id": 40,
+            "name": "wrapperClass",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "HostBinding",
+                "type": {
+                  "type": "reference",
+                  "name": "HostBinding"
+                },
+                "arguments": {
+                  "hostPropertyName": "'class'"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/modals/src/modules/modal/modal.component.ts",
+                "line": 46,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 41,
+                "name": "wrapperClass",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                }
+              }
+            ]
+          },
+          {
+            "id": 82,
             "name": "closeButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2484,13 +2548,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 187,
+                "line": 207,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 78,
+                "id": 83,
                 "name": "closeButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2503,7 +2567,7 @@
             ]
           },
           {
-            "id": 75,
+            "id": 80,
             "name": "helpButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2513,13 +2577,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 183,
+                "line": 203,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 76,
+                "id": 81,
                 "name": "helpButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2532,7 +2596,7 @@
             ]
           },
           {
-            "id": 73,
+            "id": 78,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -2542,13 +2606,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 172,
+                "line": 186,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 74,
+                "id": 79,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2569,7 +2633,7 @@
             }
           },
           {
-            "id": 70,
+            "id": 75,
             "name": "onDocumentKeyDown",
             "kind": 2048,
             "kindString": "Method",
@@ -2592,20 +2656,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 141,
+                "line": 145,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 71,
+                "id": 76,
                 "name": "onDocumentKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 72,
+                    "id": 77,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2624,7 +2688,7 @@
             ]
           },
           {
-            "id": 67,
+            "id": 72,
             "name": "onDocumentKeyUp",
             "kind": 2048,
             "kindString": "Method",
@@ -2647,20 +2711,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 126,
+                "line": 129,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 68,
+                "id": 73,
                 "name": "onDocumentKeyUp",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 69,
+                    "id": 74,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2679,7 +2743,7 @@
             ]
           },
           {
-            "id": 81,
+            "id": 86,
             "name": "scrollShadowChange",
             "kind": 2048,
             "kindString": "Method",
@@ -2689,20 +2753,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 195,
+                "line": 215,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 82,
+                "id": 87,
                 "name": "scrollShadowChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 83,
+                    "id": 88,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2721,7 +2785,7 @@
             ]
           },
           {
-            "id": 79,
+            "id": 84,
             "name": "windowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -2731,13 +2795,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 191,
+                "line": 211,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 80,
+                "id": 85,
                 "name": "windowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2762,45 +2826,46 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              64,
-              65,
-              63,
-              66
+              68,
+              69,
+              67,
+              70
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              57,
-              59,
               61,
+              63,
+              65,
+              57,
+              55,
               53,
+              59,
               51,
               49,
-              55,
-              47,
-              45
+              40
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              77,
+              82,
+              80,
+              78,
               75,
-              73,
-              70,
-              67,
-              81,
-              79
+              72,
+              86,
+              84
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-            "line": 52,
+            "line": 44,
             "character": 13
           }
         ],
@@ -2812,14 +2877,14 @@
         ]
       },
       {
-        "id": 88,
+        "id": 93,
         "name": "SkyConfirmButton",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 89,
+            "id": 94,
             "name": "action",
             "kind": 1024,
             "kindString": "Property",
@@ -2827,18 +2892,18 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-                "line": 6,
+                "line": 4,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 93,
+              "id": 98,
               "name": "SkyConfirmButtonAction"
             }
           },
           {
-            "id": 92,
+            "id": 97,
             "name": "autofocus",
             "kind": 1024,
             "kindString": "Property",
@@ -2848,7 +2913,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-                "line": 9,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -2858,7 +2923,7 @@
             }
           },
           {
-            "id": 90,
+            "id": 95,
             "name": "styleType",
             "kind": 1024,
             "kindString": "Property",
@@ -2866,7 +2931,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-                "line": 7,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -2876,7 +2941,7 @@
             }
           },
           {
-            "id": 91,
+            "id": 96,
             "name": "text",
             "kind": 1024,
             "kindString": "Property",
@@ -2884,7 +2949,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-                "line": 8,
+                "line": 6,
                 "character": 2
               }
             ],
@@ -2899,30 +2964,30 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              89,
-              92,
-              90,
-              91
+              94,
+              97,
+              95,
+              96
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
       },
       {
-        "id": 94,
+        "id": 99,
         "name": "SkyConfirmButtonConfig",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 95,
+            "id": 100,
             "name": "action",
             "kind": 1024,
             "kindString": "Property",
@@ -2943,7 +3008,7 @@
             }
           },
           {
-            "id": 98,
+            "id": 103,
             "name": "autofocus",
             "kind": 1024,
             "kindString": "Property",
@@ -2966,7 +3031,7 @@
             }
           },
           {
-            "id": 97,
+            "id": 102,
             "name": "styleType",
             "kind": 1024,
             "kindString": "Property",
@@ -2989,7 +3054,7 @@
             }
           },
           {
-            "id": 96,
+            "id": 101,
             "name": "text",
             "kind": 1024,
             "kindString": "Property",
@@ -3015,10 +3080,10 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              95,
-              98,
-              97,
-              96
+              100,
+              103,
+              102,
+              101
             ]
           }
         ],
@@ -3031,14 +3096,14 @@
         ]
       },
       {
-        "id": 99,
+        "id": 104,
         "name": "SkyConfirmCloseEventArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 100,
+            "id": 105,
             "name": "action",
             "kind": 1024,
             "kindString": "Property",
@@ -3064,7 +3129,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              100
+              105
             ]
           }
         ],
@@ -3077,14 +3142,14 @@
         ]
       },
       {
-        "id": 101,
+        "id": 106,
         "name": "SkyConfirmConfig",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 103,
+            "id": 108,
             "name": "body",
             "kind": 1024,
             "kindString": "Property",
@@ -3097,7 +3162,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 18,
+                "line": 14,
                 "character": 2
               }
             ],
@@ -3107,7 +3172,7 @@
             }
           },
           {
-            "id": 104,
+            "id": 109,
             "name": "buttons",
             "kind": 1024,
             "kindString": "Property",
@@ -3120,7 +3185,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 24,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -3128,13 +3193,13 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 94,
+                "id": 99,
                 "name": "SkyConfirmButtonConfig"
               }
             }
           },
           {
-            "id": 102,
+            "id": 107,
             "name": "message",
             "kind": 1024,
             "kindString": "Property",
@@ -3151,7 +3216,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 14,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -3161,7 +3226,7 @@
             }
           },
           {
-            "id": 105,
+            "id": 110,
             "name": "preserveWhiteSpace",
             "kind": 1024,
             "kindString": "Property",
@@ -3180,7 +3245,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 29,
+                "line": 25,
                 "character": 2
               }
             ],
@@ -3190,7 +3255,7 @@
             }
           },
           {
-            "id": 106,
+            "id": 111,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -3203,13 +3268,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 33,
+                "line": 29,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 119,
+              "id": 124,
               "name": "SkyConfirmType"
             }
           }
@@ -3219,31 +3284,31 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              103,
-              104,
-              102,
-              105,
-              106
+              108,
+              109,
+              107,
+              110,
+              111
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-            "line": 9,
+            "line": 5,
             "character": 17
           }
         ],
         "implementedBy": [
           {
             "type": "reference",
-            "id": 111,
+            "id": 116,
             "name": "SkyConfirmModalContext"
           }
         ]
       },
       {
-        "id": 217,
+        "id": 223,
         "name": "SkyModalConfigurationInterface",
         "kind": 256,
         "kindString": "Interface",
@@ -3253,7 +3318,7 @@
         },
         "children": [
           {
-            "id": 221,
+            "id": 227,
             "name": "ariaDescribedBy",
             "kind": 1024,
             "kindString": "Property",
@@ -3266,7 +3331,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 36,
+                "line": 35,
                 "character": 2
               }
             ],
@@ -3276,7 +3341,7 @@
             }
           },
           {
-            "id": 222,
+            "id": 228,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -3289,7 +3354,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 45,
+                "line": 44,
                 "character": 2
               }
             ],
@@ -3299,7 +3364,7 @@
             }
           },
           {
-            "id": 223,
+            "id": 229,
             "name": "ariaRole",
             "kind": 1024,
             "kindString": "Property",
@@ -3318,7 +3383,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 56,
+                "line": 55,
                 "character": 2
               }
             ],
@@ -3328,7 +3393,7 @@
             }
           },
           {
-            "id": 218,
+            "id": 224,
             "name": "fullPage",
             "kind": 1024,
             "kindString": "Property",
@@ -3341,7 +3406,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 13,
+                "line": 12,
                 "character": 2
               }
             ],
@@ -3351,7 +3416,7 @@
             }
           },
           {
-            "id": 225,
+            "id": 231,
             "name": "helpKey",
             "kind": 1024,
             "kindString": "Property",
@@ -3364,7 +3429,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 72,
+                "line": 71,
                 "character": 2
               }
             ],
@@ -3374,7 +3439,7 @@
             }
           },
           {
-            "id": 220,
+            "id": 226,
             "name": "providers",
             "kind": 1024,
             "kindString": "Property",
@@ -3387,7 +3452,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 26,
+                "line": 25,
                 "character": 2
               }
             ],
@@ -3400,7 +3465,7 @@
             }
           },
           {
-            "id": 219,
+            "id": 225,
             "name": "size",
             "kind": 1024,
             "kindString": "Property",
@@ -3413,7 +3478,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 19,
+                "line": 18,
                 "character": 2
               }
             ],
@@ -3423,7 +3488,7 @@
             }
           },
           {
-            "id": 224,
+            "id": 230,
             "name": "tiledBody",
             "kind": 1024,
             "kindString": "Property",
@@ -3436,7 +3501,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 63,
+                "line": 62,
                 "character": 2
               }
             ],
@@ -3444,6 +3509,29 @@
               "type": "intrinsic",
               "name": "boolean"
             }
+          },
+          {
+            "id": 232,
+            "name": "wrapperClass",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies a CSS class to add to the modal, such as `ag-custom-component-popup` for\nusing a modal as part of a cell editor in Data Entry Grid."
+            },
+            "sources": [
+              {
+                "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
+                "line": 77,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
           }
         ],
         "groups": [
@@ -3451,14 +3539,15 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              221,
-              222,
-              223,
-              218,
+              227,
+              228,
+              229,
+              224,
+              231,
+              226,
               225,
-              220,
-              219,
-              224
+              230,
+              232
             ]
           }
         ],
@@ -3471,7 +3560,7 @@
         ]
       },
       {
-        "id": 93,
+        "id": 98,
         "name": "SkyConfirmButtonAction",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3509,24 +3598,24 @@
     "groups": [
       {
         "title": "Enumerations",
-        "kind": 4,
+        "kind": 8,
         "children": [
-          119
+          124
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          107,
-          111,
-          124,
-          127,
-          134,
-          141,
-          182,
-          226,
-          229,
+          112,
+          116,
+          129,
+          132,
+          139,
+          146,
+          188,
+          233,
+          236,
           1,
           21,
           24,
@@ -3538,18 +3627,18 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          88,
-          94,
+          93,
           99,
-          101,
-          217
+          104,
+          106,
+          223
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          93
+          98
         ]
       }
     ],
@@ -3562,30 +3651,35 @@
     ]
   },
   "codeExamples": [
+    {
+      "fileName": ".eslintrc.json",
+      "filePath": "/projects/modals/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": "confirm-demo.component.html",
       "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.component.html",
-      "rawContents": "<div\n  class=\"sky-margin-stacked-default\"\n>\n  <button\n    aria-haspopup=\"dialog\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"openOKConfirm()\">\n    OK confirm\n  </button>\n\n  <button\n    aria-haspopup=\"dialog\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"openYesCancelConfirmWithBody()\">\n    Yes/cancel confirm with body\n  </button>\n\n  <button\n    aria-haspopup=\"dialog\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"openCustomConfirm()\">\n    Custom confirm\n  </button>\n</div>\n\n<p *ngIf=\"selectedAction && selectedText\">\n  You selected the \"{{ selectedText }}\" button, which has an action of \"{{ selectedAction }}.\"\n</p>\n<p *ngIf=\"selectedAction && !selectedText\">\n  You selected the \"{{ selectedAction }}\" action.\n</p>\n"
+      "rawContents": "<div class=\"sky-margin-stacked-default\">\n  <button\n    aria-haspopup=\"dialog\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"openOKConfirm()\"\n  >\n    OK confirm\n  </button>\n\n  <button\n    aria-haspopup=\"dialog\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    type=\"button\"\n    (click)=\"openCustomConfirm()\"\n  >\n    Custom confirm\n  </button>\n</div>\n\n<p *ngIf=\"selectedAction && selectedText\">\n  You selected the \"{{ selectedText }}\" button, which has an action of \"{{\n    selectedAction\n  }}.\"\n</p>\n<p *ngIf=\"selectedAction && !selectedText\">\n  You selected the \"{{ selectedAction }}\" action.\n</p>\n"
     },
     {
       "fileName": "confirm-demo.component.ts",
       "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyConfirmButtonAction,\n  SkyConfirmInstance,\n  SkyConfirmService,\n  SkyConfirmType\n} from '@skyux/modals';\n\n@Component({\n  selector: 'app-confirm-demo',\n  templateUrl: './confirm-demo.component.html'\n})\nexport class ConfirmDemoComponent {\n\n  public selectedAction: SkyConfirmButtonAction;\n\n  public selectedText: string;\n\n  constructor(\n    private confirmService: SkyConfirmService\n  ) { }\n\n  public openOKConfirm() {\n    const dialog: SkyConfirmInstance = this.confirmService.open({\n      message: 'Use the OK button type for information that does not require user action.',\n      type: SkyConfirmType.OK\n    });\n\n    dialog.closed.subscribe((result: any) => {\n      this.selectedText = undefined;\n      this.selectedAction = result.action;\n    });\n  }\n\n  public openYesCancelConfirmWithBody() {\n    const dialog: SkyConfirmInstance = this.confirmService.open({\n      message: 'Use the YesCancel button type to let users confirm or cancel.',\n      body: 'Do not use a YesCancel button type if users could be confused about what the Yes button does. Use a Custom button type instead and provide labels that clearly indicate the action occurs when users select the button.',\n      type: SkyConfirmType.YesCancel\n    });\n\n    dialog.closed.subscribe((result: any) => {\n      this.selectedText = undefined;\n      this.selectedAction = result.action;\n    });\n  }\n\n  public openCustomConfirm() {\n    const buttons = [\n      { text: 'Save', action: 'save', styleType: 'primary' },\n      { text: 'Delete', action: 'delete' },\n      { text: 'Cancel', action: 'cancel', autofocus: true }\n    ];\n\n    const dialog: SkyConfirmInstance = this.confirmService.open({\n      message: 'Use the Custom button type to define your own buttons.',\n      body: 'Labels should clearly indicate the action occurs when users select the button.',\n      type: SkyConfirmType.Custom,\n      buttons\n    });\n\n    dialog.closed.subscribe((result: any) => {\n      this.selectedAction = result.action;\n\n      buttons.some((button: any) => {\n        if (button.action === result.action) {\n          this.selectedText = button.text;\n          return true;\n        }\n      });\n    });\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport {\n  SkyConfirmButtonAction,\n  SkyConfirmInstance,\n  SkyConfirmService,\n  SkyConfirmType,\n} from '@skyux/modals';\n\n@Component({\n  selector: 'app-confirm-demo',\n  templateUrl: './confirm-demo.component.html',\n})\nexport class ConfirmDemoComponent {\n  public selectedAction: SkyConfirmButtonAction;\n\n  public selectedText: string;\n\n  constructor(private confirmService: SkyConfirmService) {}\n\n  public openOKConfirm() {\n    const dialog: SkyConfirmInstance = this.confirmService.open({\n      message:\n        'Use the OK button type for information that does not require user action.',\n      type: SkyConfirmType.OK,\n    });\n\n    dialog.closed.subscribe((result: any) => {\n      this.selectedText = undefined;\n      this.selectedAction = result.action;\n    });\n  }\n\n  public openCustomConfirm() {\n    const buttons = [\n      { text: 'Save', action: 'save', styleType: 'primary' },\n      { text: 'Delete', action: 'delete' },\n      { text: 'Cancel', action: 'cancel', autofocus: true, styleType: 'link' },\n    ];\n\n    const dialog: SkyConfirmInstance = this.confirmService.open({\n      message: 'Use the Custom button type to define your own buttons.',\n      body: 'Labels should clearly indicate the action occurs when users select the button.',\n      type: SkyConfirmType.Custom,\n      buttons,\n    });\n\n    dialog.closed.subscribe((result: any) => {\n      this.selectedAction = result.action;\n\n      buttons.some((button: any) => {\n        if (button.action === result.action) {\n          this.selectedText = button.text;\n          return true;\n        }\n      });\n    });\n  }\n}\n"
     },
     {
       "fileName": "confirm-demo.module.ts",
       "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  FormsModule\n} from '@angular/forms';\n\nimport {\n  SkyConfirmModule\n} from '@skyux/modals';\n\nimport {\n  ConfirmDemoComponent\n} from './confirm-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyConfirmModule\n  ],\n  declarations: [\n    ConfirmDemoComponent\n  ],\n  exports: [\n    ConfirmDemoComponent\n  ]\n})\n\nexport class ConfirmDemoModule {\n}\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyConfirmModule } from '@skyux/modals';\n\nimport { ConfirmDemoComponent } from './confirm-demo.component';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, SkyConfirmModule],\n  declarations: [ConfirmDemoComponent],\n  exports: [ConfirmDemoComponent],\n})\nexport class ConfirmDemoModule {}\n"
     },
     {
       "fileName": "modal-demo-modal.component.html",
       "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    Modal title\n  </sky-modal-header>\n  <sky-modal-content>\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        [for]=\"myInput.id\"\n      >\n        An input inside a modal\n      </label>\n      <input\n        class=\"sky-form-control\"\n        type=\"text\"\n        skyId\n        #myInput=\"skyId\"\n      >\n    </sky-input-box>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary sky-margin-inline-compact\"\n      type=\"button\"\n      (click)=\"instance.save()\"\n    >\n      Save\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"instance.close()\"\n    >\n      Close\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Modal title </sky-modal-header>\n  <sky-modal-content>\n    <sky-input-box>\n      <label class=\"sky-control-label\" [for]=\"myInput.id\">\n        An input inside a modal\n      </label>\n      <input class=\"sky-form-control\" type=\"text\" skyId #myInput=\"skyId\" />\n    </sky-input-box>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary sky-margin-inline-compact\"\n      type=\"button\"\n      (click)=\"instance.save()\"\n    >\n      Save\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"instance.close()\"\n    >\n      Close\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "fileName": "modal-demo-modal.component.ts",
       "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo-modal.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyModalInstance\n} from '@skyux/modals';\n\n@Component({\n  selector: 'app-modal-demo-modal',\n  templateUrl: './modal-demo-modal.component.html'\n})\nexport class ModalDemoModalComponent {\n\n  constructor(\n    public instance: SkyModalInstance\n  ) { }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-modal-demo-modal',\n  templateUrl: './modal-demo-modal.component.html',\n})\nexport class ModalDemoModalComponent {\n  constructor(public instance: SkyModalInstance) {}\n}\n"
     },
     {
       "fileName": "modal-demo.component.html",
@@ -3595,12 +3689,12 @@
     {
       "fileName": "modal-demo.component.ts",
       "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyModalService\n} from '@skyux/modals';\n\nimport {\n  ModalDemoModalComponent\n} from './modal-demo-modal.component';\n\n@Component({\n  selector: 'app-modal-demo',\n  templateUrl: './modal-demo.component.html'\n})\nexport class ModalDemoComponent {\n\n  public helpKey: string = 'help-demo.html';\n\n  public modalSize: string = 'medium';\n\n  constructor(\n    private modal: SkyModalService\n  ) { }\n\n  public onOpenModalClick(): void {\n    const modalInstanceType: any = ModalDemoModalComponent;\n    const options: any = {\n      helpKey: this.helpKey,\n      size: this.modalSize\n    };\n\n    this.modal.open(modalInstanceType, options);\n  }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { SkyModalService } from '@skyux/modals';\n\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\n\n@Component({\n  selector: 'app-modal-demo',\n  templateUrl: './modal-demo.component.html',\n})\nexport class ModalDemoComponent {\n  public helpKey: string = 'help-demo.html';\n\n  public modalSize: string = 'medium';\n\n  constructor(private modal: SkyModalService) {}\n\n  public onOpenModalClick(): void {\n    const modalInstanceType: any = ModalDemoModalComponent;\n    const options: any = {\n      helpKey: this.helpKey,\n      size: this.modalSize,\n    };\n\n    this.modal.open(modalInstanceType, options);\n  }\n}\n"
     },
     {
       "fileName": "modal-demo.module.ts",
       "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  FormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyModalModule\n} from '@skyux/modals';\n\nimport {\n  ModalDemoComponent\n} from './modal-demo.component';\n\nimport {\n  ModalDemoModalComponent\n} from './modal-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule\n  ],\n  declarations: [\n    ModalDemoComponent,\n    ModalDemoModalComponent\n  ],\n  exports: [\n    ModalDemoComponent\n  ],\n  entryComponents: [\n    ModalDemoModalComponent\n  ]\n})\n\nexport class ModalDemoModule {\n}\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ModalDemoComponent } from './modal-demo.component';\n\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n  ],\n  declarations: [ModalDemoComponent, ModalDemoModalComponent],\n  exports: [ModalDemoComponent],\n  entryComponents: [ModalDemoModalComponent],\n})\nexport class ModalDemoModule {}\n"
     }
   ]
 }