@skyux/modals 5.0.0 → 5.0.4

package/documentation.json

@@ -31,14 +31,14 @@
     "originalName": "",
     "children": [
       {
-        "id": 122,
+        "id": 124,
         "name": "SkyConfirmType",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 123,
+            "id": 125,
             "name": "Custom",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -56,7 +56,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 124,
+            "id": 126,
             "name": "OK",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -74,7 +74,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 125,
+            "id": 127,
             "name": "YesCancel",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -98,7 +98,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 126,
+            "id": 128,
             "name": "YesNoCancel",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -127,10 +127,10 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              123,
-              124,
               125,
-              126
+              126,
+              127,
+              128
             ]
           }
         ],
@@ -143,35 +143,35 @@
         ]
       },
       {
-        "id": 110,
+        "id": 112,
         "name": "SkyConfirmInstance",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 111,
+            "id": 113,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 112,
+                "id": 114,
                 "name": "new SkyConfirmInstance",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 110,
+                  "id": 112,
                   "name": "SkyConfirmInstance"
                 }
               }
             ]
           },
           {
-            "id": 113,
+            "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": 102,
+                  "id": 104,
                   "name": "SkyConfirmCloseEventArgs"
                 }
               ],
@@ -207,55 +207,55 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              111
+              113
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              113
+              115
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm-instance.ts",
-            "line": 9,
+            "line": 5,
             "character": 13
           }
         ]
       },
       {
-        "id": 114,
+        "id": 116,
         "name": "SkyConfirmModalContext",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 115,
+            "id": 117,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 116,
+                "id": 118,
                 "name": "new SkyConfirmModalContext",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 114,
+                  "id": 116,
                   "name": "SkyConfirmModalContext"
                 }
               }
             ]
           },
           {
-            "id": 118,
+            "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": 106,
+              "id": 108,
               "name": "SkyConfirmConfig.body"
             }
           },
           {
-            "id": 119,
+            "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": 97,
+                "id": 99,
                 "name": "SkyConfirmButtonConfig"
               }
             },
             "implementationOf": {
               "type": "reference",
-              "id": 107,
+              "id": 109,
               "name": "SkyConfirmConfig.buttons"
             }
           },
           {
-            "id": 117,
+            "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": 105,
+              "id": 107,
               "name": "SkyConfirmConfig.message"
             }
           },
           {
-            "id": 120,
+            "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": 108,
+              "id": 110,
               "name": "SkyConfirmConfig.preserveWhiteSpace"
             }
           },
           {
-            "id": 121,
+            "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": 122,
+              "id": 124,
               "name": "SkyConfirmType"
             },
             "implementationOf": {
               "type": "reference",
-              "id": 109,
+              "id": 111,
               "name": "SkyConfirmConfig.type"
             }
           }
@@ -405,38 +405,38 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              115
+              117
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              118,
-              119,
-              117,
               120,
-              121
+              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": 104,
+            "id": 106,
             "name": "SkyConfirmConfig"
           }
         ]
       },
       {
-        "id": 127,
+        "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": 128,
+            "id": 130,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 129,
+                "id": 131,
                 "name": "new SkyConfirmModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 127,
+                  "id": 129,
                   "name": "SkyConfirmModule"
                 }
               }
@@ -481,20 +481,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              128
+              130
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm.module.ts",
-            "line": 42,
+            "line": 24,
             "character": 13
           }
         ]
       },
       {
-        "id": 130,
+        "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": 131,
+            "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": 132,
+                "id": 134,
                 "name": "new SkyConfirmService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 133,
+                    "id": 135,
                     "name": "modalService",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 232,
+                      "id": 236,
                       "name": "SkyModalService"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 130,
+                  "id": 132,
                   "name": "SkyConfirmService"
                 }
               }
             ]
           },
           {
-            "id": 134,
+            "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": 135,
+                "id": 137,
                 "name": "open",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -584,21 +584,21 @@
                 },
                 "parameters": [
                   {
-                    "id": 136,
+                    "id": 138,
                     "name": "config",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 104,
+                      "id": 106,
                       "name": "SkyConfirmConfig"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 110,
+                  "id": 112,
                   "name": "SkyConfirmInstance"
                 }
               }
@@ -610,34 +610,34 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              131
+              133
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              134
+              136
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm.service.ts",
-            "line": 44,
+            "line": 26,
             "character": 13
           }
         ]
       },
       {
-        "id": 137,
+        "id": 139,
         "name": "SkyModalBeforeCloseHandler",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 138,
+            "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": 139,
+                "id": 141,
                 "name": "new SkyModalBeforeCloseHandler",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 140,
+                    "id": 142,
                     "name": "closeModal",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -669,28 +669,28 @@
                     }
                   },
                   {
-                    "id": 141,
+                    "id": 143,
                     "name": "closeArgs",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 144,
+                      "id": 146,
                       "name": "SkyModalCloseArgs"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 137,
+                  "id": 139,
                   "name": "SkyModalBeforeCloseHandler"
                 }
               }
             ]
           },
           {
-            "id": 143,
+            "id": 145,
             "name": "closeArgs",
             "kind": 1024,
             "kindString": "Property",
@@ -700,12 +700,12 @@
             },
             "type": {
               "type": "reference",
-              "id": 144,
+              "id": 146,
               "name": "SkyModalCloseArgs"
             }
           },
           {
-            "id": 142,
+            "id": 144,
             "name": "closeModal",
             "kind": 1024,
             "kindString": "Property",
@@ -724,35 +724,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              138
+              140
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              143,
-              142
+              145,
+              144
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-before-close-handler.ts",
-            "line": 5,
+            "line": 3,
             "character": 13
           }
         ]
       },
       {
-        "id": 144,
+        "id": 146,
         "name": "SkyModalCloseArgs",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 145,
+            "id": 147,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -766,21 +766,21 @@
             ],
             "signatures": [
               {
-                "id": 146,
+                "id": 148,
                 "name": "new SkyModalCloseArgs",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 144,
+                  "id": 146,
                   "name": "SkyModalCloseArgs"
                 }
               }
             ]
           },
           {
-            "id": 148,
+            "id": 150,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -800,7 +800,7 @@
             }
           },
           {
-            "id": 147,
+            "id": 149,
             "name": "reason",
             "kind": 1024,
             "kindString": "Property",
@@ -825,15 +825,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              145
+              147
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              148,
-              147
+              150,
+              149
             ]
           }
         ],
@@ -846,7 +846,7 @@
         ]
       },
       {
-        "id": 185,
+        "id": 188,
         "name": "SkyModalInstance",
         "kind": 128,
         "kindString": "Class",
@@ -856,28 +856,28 @@
         },
         "children": [
           {
-            "id": 186,
+            "id": 189,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 187,
+                "id": 190,
                 "name": "new SkyModalInstance",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 185,
+                  "id": 188,
                   "name": "SkyModalInstance"
                 }
               }
             ]
           },
           {
-            "id": 194,
+            "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,7 +900,7 @@
             }
           },
           {
-            "id": 188,
+            "id": 191,
             "name": "beforeClose",
             "kind": 262144,
             "kindString": "Accessor",
@@ -910,13 +910,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 28,
+                "line": 20,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 189,
+                "id": 192,
                 "name": "beforeClose",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -929,7 +929,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 137,
+                      "id": 139,
                       "name": "SkyModalBeforeCloseHandler"
                     }
                   ],
@@ -939,7 +939,7 @@
             ]
           },
           {
-            "id": 190,
+            "id": 193,
             "name": "closed",
             "kind": 262144,
             "kindString": "Accessor",
@@ -949,13 +949,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 40,
+                "line": 32,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 191,
+                "id": 194,
                 "name": "closed",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -968,7 +968,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 144,
+                      "id": 146,
                       "name": "SkyModalCloseArgs"
                     }
                   ],
@@ -978,7 +978,7 @@
             ]
           },
           {
-            "id": 192,
+            "id": 195,
             "name": "helpOpened",
             "kind": 262144,
             "kindString": "Accessor",
@@ -988,13 +988,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 49,
+                "line": 41,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 193,
+                "id": 196,
                 "name": "helpOpened",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1016,7 +1016,7 @@
             ]
           },
           {
-            "id": 203,
+            "id": 206,
             "name": "cancel",
             "kind": 2048,
             "kindString": "Method",
@@ -1026,13 +1026,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 86,
+                "line": 82,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 204,
+                "id": 207,
                 "name": "cancel",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1042,7 +1042,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 205,
+                    "id": 208,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1066,7 +1066,7 @@
             ]
           },
           {
-            "id": 198,
+            "id": 201,
             "name": "close",
             "kind": 2048,
             "kindString": "Method",
@@ -1076,13 +1076,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 72,
+                "line": 64,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 199,
+                "id": 202,
                 "name": "close",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1092,7 +1092,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 200,
+                    "id": 203,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1108,7 +1108,7 @@
                     }
                   },
                   {
-                    "id": 201,
+                    "id": 204,
                     "name": "reason",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1124,7 +1124,7 @@
                     }
                   },
                   {
-                    "id": 202,
+                    "id": 205,
                     "name": "ignoreBeforeClose",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1148,7 +1148,7 @@
             ]
           },
           {
-            "id": 209,
+            "id": 212,
             "name": "openHelp",
             "kind": 2048,
             "kindString": "Method",
@@ -1158,13 +1158,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 107,
+                "line": 103,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 210,
+                "id": 213,
                 "name": "openHelp",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1174,7 +1174,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 211,
+                    "id": 214,
                     "name": "helpKey",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1198,7 +1198,7 @@
             ]
           },
           {
-            "id": 206,
+            "id": 209,
             "name": "save",
             "kind": 2048,
             "kindString": "Method",
@@ -1208,13 +1208,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-                "line": 96,
+                "line": 92,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 207,
+                "id": 210,
                 "name": "save",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1224,7 +1224,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 208,
+                    "id": 211,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1253,46 +1253,46 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              186
+              189
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              194
+              197
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              188,
-              190,
-              192
+              191,
+              193,
+              195
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              203,
-              198,
-              209,
-              206
+              206,
+              201,
+              212,
+              209
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-instance.ts",
-            "line": 20,
+            "line": 13,
             "character": 13
           }
         ]
       },
       {
-        "id": 229,
+        "id": 233,
         "name": "SkyModalModule",
         "kind": 128,
         "kindString": "Class",
@@ -1305,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": 230,
+            "id": 234,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 231,
+                "id": 235,
                 "name": "new SkyModalModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 229,
+                  "id": 233,
                   "name": "SkyModalModule"
                 }
               }
@@ -1337,20 +1337,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              230
+              234
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal.module.ts",
-            "line": 75,
+            "line": 49,
             "character": 13
           }
         ]
       },
       {
-        "id": 232,
+        "id": 236,
         "name": "SkyModalService",
         "kind": 128,
         "kindString": "Class",
@@ -1372,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": 234,
+            "id": 238,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1386,20 +1386,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.service.ts",
-                "line": 39,
+                "line": 27,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 235,
+                "id": 239,
                 "name": "new SkyModalService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 236,
+                    "id": 240,
                     "name": "dynamicComponentService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1414,14 +1414,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 232,
+                  "id": 236,
                   "name": "SkyModalService"
                 }
               }
             ]
           },
           {
-            "id": 239,
+            "id": 243,
             "name": "open",
             "kind": 2048,
             "kindString": "Method",
@@ -1431,13 +1431,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.service.ts",
-                "line": 63,
+                "line": 45,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 240,
+                "id": 244,
                 "name": "open",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1447,13 +1447,13 @@
                 },
                 "parameters": [
                   {
-                    "id": 241,
+                    "id": 245,
                     "name": "component",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "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)."
+                      "shortText": "Determines the component to render."
                     },
                     "type": {
                       "type": "intrinsic",
@@ -1461,7 +1461,7 @@
                     }
                   },
                   {
-                    "id": 242,
+                    "id": 246,
                     "name": "config",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1483,7 +1483,7 @@
                         },
                         {
                           "type": "reference",
-                          "id": 220,
+                          "id": 223,
                           "name": "SkyModalConfigurationInterface"
                         }
                       ]
@@ -1492,7 +1492,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 185,
+                  "id": 188,
                   "name": "SkyModalInstance"
                 }
               }
@@ -1504,21 +1504,21 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              234
+              238
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              239
+              243
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal.service.ts",
-            "line": 33,
+            "line": 22,
             "character": 13
           }
         ]
@@ -1537,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}"
             }
           }
         ],
@@ -1551,7 +1551,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 52,
+                "line": 30,
                 "character": 2
               }
             ],
@@ -1571,7 +1571,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 114,
+                      "id": 116,
                       "name": "SkyConfirmModalContext"
                     }
                   },
@@ -1583,7 +1583,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 185,
+                      "id": 188,
                       "name": "SkyModalInstance"
                     }
                   },
@@ -1628,7 +1628,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 49,
+                "line": 27,
                 "character": 9
               }
             ],
@@ -1648,7 +1648,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 47,
+                "line": 25,
                 "character": 9
               }
             ],
@@ -1656,7 +1656,7 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 91,
+                "id": 93,
                 "name": "SkyConfirmButton"
               }
             }
@@ -1672,7 +1672,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 48,
+                "line": 26,
                 "character": 9
               }
             ],
@@ -1692,7 +1692,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 50,
+                "line": 28,
                 "character": 9
               }
             ],
@@ -1713,7 +1713,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 72,
+                "line": 53,
                 "character": 9
               }
             ],
@@ -1733,7 +1733,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 91,
+                      "id": 93,
                       "name": "SkyConfirmButton"
                     }
                   }
@@ -1756,7 +1756,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-                "line": 58,
+                "line": 36,
                 "character": 9
               }
             ],
@@ -1813,7 +1813,7 @@
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm.component.ts",
-            "line": 46,
+            "line": 24,
             "character": 13
           }
         ],
@@ -1841,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}"
             }
           }
         ],
@@ -1880,7 +1880,7 @@
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-content.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -1902,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}"
             }
           }
         ],
@@ -1941,7 +1941,7 @@
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-footer.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -1963,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}"
             }
           }
         ],
@@ -2002,7 +2002,7 @@
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal-header.component.ts",
-            "line": 15,
+            "line": 11,
             "character": 13
           }
         ]
@@ -2024,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    SkyDockService\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}"
             }
           }
         ],
@@ -2038,7 +2038,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 126,
+                "line": 118,
                 "character": 2
               }
             ],
@@ -2153,7 +2153,7 @@
             ]
           },
           {
-            "id": 66,
+            "id": 68,
             "name": "modalContentId",
             "kind": 1024,
             "kindString": "Property",
@@ -2163,7 +2163,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 117,
+                "line": 107,
                 "character": 9
               }
             ],
@@ -2174,7 +2174,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 67,
+            "id": 69,
             "name": "modalHeaderId",
             "kind": 1024,
             "kindString": "Property",
@@ -2184,7 +2184,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 119,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -2195,7 +2195,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 65,
+            "id": 67,
             "name": "modalState",
             "kind": 1024,
             "kindString": "Property",
@@ -2205,7 +2205,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 115,
+                "line": 105,
                 "character": 9
               }
             ],
@@ -2216,7 +2216,7 @@
             "defaultValue": "'in'"
           },
           {
-            "id": 68,
+            "id": 70,
             "name": "scrollShadow",
             "kind": 1024,
             "kindString": "Property",
@@ -2226,7 +2226,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 121,
+                "line": 113,
                 "character": 9
               }
             ],
@@ -2236,7 +2236,7 @@
             }
           },
           {
-            "id": 59,
+            "id": 61,
             "name": "ariaDescribedBy",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2246,13 +2246,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 103,
+                "line": 93,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 60,
+                "id": 62,
                 "name": "ariaDescribedBy",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2265,7 +2265,7 @@
             ]
           },
           {
-            "id": 61,
+            "id": 63,
             "name": "ariaLabelledBy",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2275,13 +2275,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 107,
+                "line": 97,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 62,
+                "id": 64,
                 "name": "ariaLabelledBy",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2294,7 +2294,7 @@
             ]
           },
           {
-            "id": 63,
+            "id": 65,
             "name": "helpKey",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2304,13 +2304,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 111,
+                "line": 101,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 64,
+                "id": 66,
                 "name": "helpKey",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2323,7 +2323,7 @@
             ]
           },
           {
-            "id": 55,
+            "id": 57,
             "name": "isLargeSize",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2333,13 +2333,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 95,
+                "line": 85,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 56,
+                "id": 58,
                 "name": "isLargeSize",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2352,7 +2352,7 @@
             ]
           },
           {
-            "id": 53,
+            "id": 55,
             "name": "isMediumSize",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2362,13 +2362,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 91,
+                "line": 81,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 54,
+                "id": 56,
                 "name": "isMediumSize",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2381,7 +2381,7 @@
             ]
           },
           {
-            "id": 51,
+            "id": 53,
             "name": "isSmallSize",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2391,13 +2391,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 87,
+                "line": 77,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 52,
+                "id": 54,
                 "name": "isSmallSize",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2410,7 +2410,7 @@
             ]
           },
           {
-            "id": 57,
+            "id": 59,
             "name": "isTiledBody",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2420,13 +2420,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 99,
+                "line": 89,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 58,
+                "id": 60,
                 "name": "isTiledBody",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2439,7 +2439,7 @@
             ]
           },
           {
-            "id": 49,
+            "id": 51,
             "name": "modalFullPage",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2449,13 +2449,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 83,
+                "line": 73,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 50,
+                "id": 52,
                 "name": "modalFullPage",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2468,7 +2468,7 @@
             ]
           },
           {
-            "id": 47,
+            "id": 49,
             "name": "modalZIndex",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2478,13 +2478,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 79,
+                "line": 69,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 48,
+                "id": 50,
                 "name": "modalZIndex",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2497,7 +2497,48 @@
             ]
           },
           {
-            "id": 80,
+            "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",
@@ -2507,13 +2548,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 204,
+                "line": 207,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 81,
+                "id": 83,
                 "name": "closeButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2526,7 +2567,7 @@
             ]
           },
           {
-            "id": 78,
+            "id": 80,
             "name": "helpButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2536,13 +2577,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 200,
+                "line": 203,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 79,
+                "id": 81,
                 "name": "helpButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2555,7 +2596,7 @@
             ]
           },
           {
-            "id": 76,
+            "id": 78,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -2565,13 +2606,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 183,
+                "line": 186,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 77,
+                "id": 79,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2592,7 +2633,7 @@
             }
           },
           {
-            "id": 73,
+            "id": 75,
             "name": "onDocumentKeyDown",
             "kind": 2048,
             "kindString": "Method",
@@ -2615,20 +2656,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 152,
+                "line": 145,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 74,
+                "id": 76,
                 "name": "onDocumentKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 75,
+                    "id": 77,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2647,7 +2688,7 @@
             ]
           },
           {
-            "id": 70,
+            "id": 72,
             "name": "onDocumentKeyUp",
             "kind": 2048,
             "kindString": "Method",
@@ -2670,20 +2711,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 137,
+                "line": 129,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 71,
+                "id": 73,
                 "name": "onDocumentKeyUp",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 72,
+                    "id": 74,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2702,7 +2743,7 @@
             ]
           },
           {
-            "id": 84,
+            "id": 86,
             "name": "scrollShadowChange",
             "kind": 2048,
             "kindString": "Method",
@@ -2712,20 +2753,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 212,
+                "line": 215,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 85,
+                "id": 87,
                 "name": "scrollShadowChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 86,
+                    "id": 88,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2744,7 +2785,7 @@
             ]
           },
           {
-            "id": 82,
+            "id": 84,
             "name": "windowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -2754,13 +2795,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 208,
+                "line": 211,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 83,
+                "id": 85,
                 "name": "windowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2785,45 +2826,46 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              66,
+              68,
+              69,
               67,
-              65,
-              68
+              70
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              59,
               61,
               63,
+              65,
+              57,
               55,
               53,
+              59,
               51,
-              57,
               49,
-              47
+              40
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
+              82,
               80,
               78,
-              76,
-              73,
-              70,
-              84,
-              82
+              75,
+              72,
+              86,
+              84
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-            "line": 58,
+            "line": 44,
             "character": 13
           }
         ],
@@ -2835,14 +2877,14 @@
         ]
       },
       {
-        "id": 91,
+        "id": 93,
         "name": "SkyConfirmButton",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 92,
+            "id": 94,
             "name": "action",
             "kind": 1024,
             "kindString": "Property",
@@ -2850,18 +2892,18 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-                "line": 6,
+                "line": 4,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 96,
+              "id": 98,
               "name": "SkyConfirmButtonAction"
             }
           },
           {
-            "id": 95,
+            "id": 97,
             "name": "autofocus",
             "kind": 1024,
             "kindString": "Property",
@@ -2871,7 +2913,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-                "line": 9,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -2881,7 +2923,7 @@
             }
           },
           {
-            "id": 93,
+            "id": 95,
             "name": "styleType",
             "kind": 1024,
             "kindString": "Property",
@@ -2889,7 +2931,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-                "line": 7,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -2899,7 +2941,7 @@
             }
           },
           {
-            "id": 94,
+            "id": 96,
             "name": "text",
             "kind": 1024,
             "kindString": "Property",
@@ -2907,7 +2949,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-                "line": 8,
+                "line": 6,
                 "character": 2
               }
             ],
@@ -2922,30 +2964,30 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              92,
+              94,
+              97,
               95,
-              93,
-              94
+              96
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm-button.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
       },
       {
-        "id": 97,
+        "id": 99,
         "name": "SkyConfirmButtonConfig",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 98,
+            "id": 100,
             "name": "action",
             "kind": 1024,
             "kindString": "Property",
@@ -2966,7 +3008,7 @@
             }
           },
           {
-            "id": 101,
+            "id": 103,
             "name": "autofocus",
             "kind": 1024,
             "kindString": "Property",
@@ -2989,7 +3031,7 @@
             }
           },
           {
-            "id": 100,
+            "id": 102,
             "name": "styleType",
             "kind": 1024,
             "kindString": "Property",
@@ -3012,7 +3054,7 @@
             }
           },
           {
-            "id": 99,
+            "id": 101,
             "name": "text",
             "kind": 1024,
             "kindString": "Property",
@@ -3038,10 +3080,10 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              98,
-              101,
               100,
-              99
+              103,
+              102,
+              101
             ]
           }
         ],
@@ -3054,14 +3096,14 @@
         ]
       },
       {
-        "id": 102,
+        "id": 104,
         "name": "SkyConfirmCloseEventArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 103,
+            "id": 105,
             "name": "action",
             "kind": 1024,
             "kindString": "Property",
@@ -3087,7 +3129,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              103
+              105
             ]
           }
         ],
@@ -3100,14 +3142,14 @@
         ]
       },
       {
-        "id": 104,
+        "id": 106,
         "name": "SkyConfirmConfig",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 106,
+            "id": 108,
             "name": "body",
             "kind": 1024,
             "kindString": "Property",
@@ -3120,7 +3162,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 18,
+                "line": 14,
                 "character": 2
               }
             ],
@@ -3130,7 +3172,7 @@
             }
           },
           {
-            "id": 107,
+            "id": 109,
             "name": "buttons",
             "kind": 1024,
             "kindString": "Property",
@@ -3143,7 +3185,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 24,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -3151,13 +3193,13 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 97,
+                "id": 99,
                 "name": "SkyConfirmButtonConfig"
               }
             }
           },
           {
-            "id": 105,
+            "id": 107,
             "name": "message",
             "kind": 1024,
             "kindString": "Property",
@@ -3174,7 +3216,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 14,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -3184,7 +3226,7 @@
             }
           },
           {
-            "id": 108,
+            "id": 110,
             "name": "preserveWhiteSpace",
             "kind": 1024,
             "kindString": "Property",
@@ -3203,7 +3245,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 29,
+                "line": 25,
                 "character": 2
               }
             ],
@@ -3213,7 +3255,7 @@
             }
           },
           {
-            "id": 109,
+            "id": 111,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -3226,13 +3268,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-                "line": 33,
+                "line": 29,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 122,
+              "id": 124,
               "name": "SkyConfirmType"
             }
           }
@@ -3242,31 +3284,31 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              106,
-              107,
-              105,
               108,
-              109
+              109,
+              107,
+              110,
+              111
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/confirm/confirm-config.ts",
-            "line": 9,
+            "line": 5,
             "character": 17
           }
         ],
         "implementedBy": [
           {
             "type": "reference",
-            "id": 114,
+            "id": 116,
             "name": "SkyConfirmModalContext"
           }
         ]
       },
       {
-        "id": 220,
+        "id": 223,
         "name": "SkyModalConfigurationInterface",
         "kind": 256,
         "kindString": "Interface",
@@ -3276,7 +3318,7 @@
         },
         "children": [
           {
-            "id": 224,
+            "id": 227,
             "name": "ariaDescribedBy",
             "kind": 1024,
             "kindString": "Property",
@@ -3289,7 +3331,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 36,
+                "line": 35,
                 "character": 2
               }
             ],
@@ -3299,7 +3341,7 @@
             }
           },
           {
-            "id": 225,
+            "id": 228,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -3312,7 +3354,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 45,
+                "line": 44,
                 "character": 2
               }
             ],
@@ -3322,7 +3364,7 @@
             }
           },
           {
-            "id": 226,
+            "id": 229,
             "name": "ariaRole",
             "kind": 1024,
             "kindString": "Property",
@@ -3341,7 +3383,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 56,
+                "line": 55,
                 "character": 2
               }
             ],
@@ -3351,7 +3393,7 @@
             }
           },
           {
-            "id": 221,
+            "id": 224,
             "name": "fullPage",
             "kind": 1024,
             "kindString": "Property",
@@ -3364,7 +3406,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 13,
+                "line": 12,
                 "character": 2
               }
             ],
@@ -3374,7 +3416,7 @@
             }
           },
           {
-            "id": 228,
+            "id": 231,
             "name": "helpKey",
             "kind": 1024,
             "kindString": "Property",
@@ -3387,7 +3429,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 72,
+                "line": 71,
                 "character": 2
               }
             ],
@@ -3397,7 +3439,7 @@
             }
           },
           {
-            "id": 223,
+            "id": 226,
             "name": "providers",
             "kind": 1024,
             "kindString": "Property",
@@ -3410,7 +3452,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 26,
+                "line": 25,
                 "character": 2
               }
             ],
@@ -3423,7 +3465,7 @@
             }
           },
           {
-            "id": 222,
+            "id": 225,
             "name": "size",
             "kind": 1024,
             "kindString": "Property",
@@ -3436,7 +3478,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 19,
+                "line": 18,
                 "character": 2
               }
             ],
@@ -3446,7 +3488,7 @@
             }
           },
           {
-            "id": 227,
+            "id": 230,
             "name": "tiledBody",
             "kind": 1024,
             "kindString": "Property",
@@ -3459,7 +3501,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 63,
+                "line": 62,
                 "character": 2
               }
             ],
@@ -3467,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": [
@@ -3474,14 +3539,15 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              227,
+              228,
+              229,
               224,
-              225,
+              231,
               226,
-              221,
-              228,
-              223,
-              222,
-              227
+              225,
+              230,
+              232
             ]
           }
         ],
@@ -3494,7 +3560,7 @@
         ]
       },
       {
-        "id": 96,
+        "id": 98,
         "name": "SkyConfirmButtonAction",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3534,22 +3600,22 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          122
+          124
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          110,
-          114,
-          127,
-          130,
-          137,
-          144,
-          185,
-          229,
-          232,
+          112,
+          116,
+          129,
+          132,
+          139,
+          146,
+          188,
+          233,
+          236,
           1,
           21,
           24,
@@ -3561,18 +3627,18 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          91,
-          97,
-          102,
+          93,
+          99,
           104,
-          220
+          106,
+          223
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          96
+          98
         ]
       }
     ],
@@ -3585,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)=\"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 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"
+      "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",
@@ -3618,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"
     }
   ]
 }