@skyux/modals 7.5.0 → 7.6.1

package/documentation.json

@@ -30,14 +30,14 @@
     "originalName": "",
     "children": [
       {
-        "id": 118,
+        "id": 116,
         "name": "SkyConfirmType",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 119,
+            "id": 117,
             "name": "Custom",
             "kind": 16,
             "kindString": "Enumeration Member",
@@ -59,7 +59,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 120,
+            "id": 118,
             "name": "OK",
             "kind": 16,
             "kindString": "Enumeration Member",
@@ -81,7 +81,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 121,
+            "id": 119,
             "name": "YesCancel",
             "kind": 16,
             "kindString": "Enumeration Member",
@@ -109,7 +109,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 122,
+            "id": 120,
             "name": "YesNoCancel",
             "kind": 16,
             "kindString": "Enumeration Member",
@@ -142,10 +142,10 @@
             "title": "Enumeration Members",
             "kind": 16,
             "children": [
+              117,
+              118,
               119,
-              120,
-              121,
-              122
+              120
             ]
           }
         ],
@@ -158,14 +158,14 @@
         ]
       },
       {
-        "id": 114,
+        "id": 112,
         "name": "SkyConfirmInstance",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 117,
+            "id": 115,
             "name": "closed",
             "kind": 1024,
             "kindString": "Property",
@@ -187,7 +187,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 106,
+                  "id": 104,
                   "name": "SkyConfirmCloseEventArgs"
                 }
               ],
@@ -203,14 +203,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              115
+              113
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              117
+              115
             ]
           }
         ],
@@ -223,7 +223,7 @@
         ]
       },
       {
-        "id": 123,
+        "id": 121,
         "name": "SkyConfirmModule",
         "kind": 128,
         "kindString": "Class",
@@ -248,7 +248,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              124
+              122
             ]
           }
         ],
@@ -261,7 +261,7 @@
         ]
       },
       {
-        "id": 126,
+        "id": 124,
         "name": "SkyConfirmService",
         "kind": 128,
         "kindString": "Class",
@@ -285,7 +285,7 @@
         ],
         "children": [
           {
-            "id": 127,
+            "id": 125,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -299,35 +299,35 @@
             ],
             "signatures": [
               {
-                "id": 128,
+                "id": 126,
                 "name": "new SkyConfirmService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 129,
+                    "id": 127,
                     "name": "modalService",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 231,
+                      "id": 229,
                       "name": "SkyModalService"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 126,
+                  "id": 124,
                   "name": "SkyConfirmService"
                 }
               }
             ]
           },
           {
-            "id": 131,
+            "id": 129,
             "name": "open",
             "kind": 2048,
             "kindString": "Method",
@@ -343,7 +343,7 @@
             ],
             "signatures": [
               {
-                "id": 132,
+                "id": 130,
                 "name": "open",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -353,7 +353,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 133,
+                    "id": 131,
                     "name": "config",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -363,14 +363,14 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 108,
+                      "id": 106,
                       "name": "SkyConfirmConfig"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 114,
+                  "id": 112,
                   "name": "SkyConfirmInstance"
                 }
               }
@@ -382,14 +382,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              127
+              125
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              131
+              129
             ]
           }
         ],
@@ -402,7 +402,7 @@
         ]
       },
       {
-        "id": 134,
+        "id": 132,
         "name": "SkyModalBeforeCloseHandler",
         "kind": 128,
         "kindString": "Class",
@@ -412,7 +412,7 @@
         },
         "children": [
           {
-            "id": 135,
+            "id": 133,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -426,14 +426,14 @@
             ],
             "signatures": [
               {
-                "id": 136,
+                "id": 134,
                 "name": "new SkyModalBeforeCloseHandler",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 137,
+                    "id": 135,
                     "name": "closeModal",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -446,21 +446,21 @@
                     }
                   },
                   {
-                    "id": 138,
+                    "id": 136,
                     "name": "closeArgs",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 141,
+                      "id": 139,
                       "name": "SkyModalCloseArgs"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 134,
+                  "id": 132,
                   "name": "SkyModalBeforeCloseHandler"
                 }
               }
@@ -472,15 +472,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              135
+              133
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              140,
-              139
+              138,
+              137
             ]
           }
         ],
@@ -493,7 +493,7 @@
         ]
       },
       {
-        "id": 141,
+        "id": 139,
         "name": "SkyModalCloseArgs",
         "kind": 128,
         "kindString": "Class",
@@ -503,7 +503,7 @@
         },
         "children": [
           {
-            "id": 145,
+            "id": 143,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -526,7 +526,7 @@
             }
           },
           {
-            "id": 144,
+            "id": 142,
             "name": "reason",
             "kind": 1024,
             "kindString": "Property",
@@ -534,7 +534,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Indicates the reason the modal was closed.\nOptions include `\"close\"`, `\"save\"`, and `\"cancel\"`."
+              "shortText": "The reason the modal was closed.\nOptions include `\"close\"`, `\"save\"`, and `\"cancel\"`."
             },
             "sources": [
               {
@@ -554,15 +554,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              142
+              140
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              145,
-              144
+              143,
+              142
             ]
           }
         ],
@@ -575,14 +575,14 @@
         ]
       },
       {
-        "id": 183,
+        "id": 181,
         "name": "SkyModalInstance",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 192,
+            "id": 190,
             "name": "componentInstance",
             "kind": 1024,
             "kindString": "Property",
@@ -605,7 +605,7 @@
             }
           },
           {
-            "id": 186,
+            "id": 184,
             "name": "beforeClose",
             "kind": 262144,
             "kindString": "Accessor",
@@ -621,7 +621,7 @@
             ],
             "getSignature": [
               {
-                "id": 187,
+                "id": 185,
                 "name": "beforeClose",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -634,7 +634,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 134,
+                      "id": 132,
                       "name": "SkyModalBeforeCloseHandler"
                     }
                   ],
@@ -646,7 +646,7 @@
             ]
           },
           {
-            "id": 188,
+            "id": 186,
             "name": "closed",
             "kind": 262144,
             "kindString": "Accessor",
@@ -662,7 +662,7 @@
             ],
             "getSignature": [
               {
-                "id": 189,
+                "id": 187,
                 "name": "closed",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -675,7 +675,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 141,
+                      "id": 139,
                       "name": "SkyModalCloseArgs"
                     }
                   ],
@@ -687,7 +687,7 @@
             ]
           },
           {
-            "id": 190,
+            "id": 188,
             "name": "helpOpened",
             "kind": 262144,
             "kindString": "Accessor",
@@ -703,7 +703,7 @@
             ],
             "getSignature": [
               {
-                "id": 191,
+                "id": 189,
                 "name": "helpOpened",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -727,7 +727,7 @@
             ]
           },
           {
-            "id": 201,
+            "id": 199,
             "name": "cancel",
             "kind": 2048,
             "kindString": "Method",
@@ -743,7 +743,7 @@
             ],
             "signatures": [
               {
-                "id": 202,
+                "id": 200,
                 "name": "cancel",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -753,7 +753,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 203,
+                    "id": 201,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -777,7 +777,7 @@
             ]
           },
           {
-            "id": 196,
+            "id": 194,
             "name": "close",
             "kind": 2048,
             "kindString": "Method",
@@ -793,7 +793,7 @@
             ],
             "signatures": [
               {
-                "id": 197,
+                "id": 195,
                 "name": "close",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -803,7 +803,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 198,
+                    "id": 196,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -819,7 +819,7 @@
                     }
                   },
                   {
-                    "id": 199,
+                    "id": 197,
                     "name": "reason",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -835,7 +835,7 @@
                     }
                   },
                   {
-                    "id": 200,
+                    "id": 198,
                     "name": "ignoreBeforeClose",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -859,7 +859,7 @@
             ]
           },
           {
-            "id": 207,
+            "id": 205,
             "name": "openHelp",
             "kind": 2048,
             "kindString": "Method",
@@ -875,7 +875,7 @@
             ],
             "signatures": [
               {
-                "id": 208,
+                "id": 206,
                 "name": "openHelp",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -885,7 +885,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 209,
+                    "id": 207,
                     "name": "helpKey",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -907,7 +907,7 @@
             ]
           },
           {
-            "id": 204,
+            "id": 202,
             "name": "save",
             "kind": 2048,
             "kindString": "Method",
@@ -923,7 +923,7 @@
             ],
             "signatures": [
               {
-                "id": 205,
+                "id": 203,
                 "name": "save",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -933,7 +933,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 206,
+                    "id": 204,
                     "name": "result",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -962,33 +962,33 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              184
+              182
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              192
+              190
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
+              184,
               186,
-              188,
-              190
+              188
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              201,
-              196,
-              207,
-              204
+              199,
+              194,
+              205,
+              202
             ]
           }
         ],
@@ -1001,7 +1001,7 @@
         ]
       },
       {
-        "id": 228,
+        "id": 226,
         "name": "SkyModalModule",
         "kind": 128,
         "kindString": "Class",
@@ -1016,7 +1016,7 @@
               "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    SkyTrimModule,\n  ],\n  exports: [\n    SkyModalComponent,\n    SkyModalContentComponent,\n    SkyModalFooterComponent,\n    SkyModalHeaderComponent,\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    SkyIdModule,\n    SkyModalsResourcesModule,\n    SkyThemeModule,\n    SkyTrimModule,\n  ],\n  exports: [\n    SkyModalComponent,\n    SkyModalContentComponent,\n    SkyModalFooterComponent,\n    SkyModalHeaderComponent,\n  ],\n}"
             }
           }
         ],
@@ -1026,20 +1026,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              229
+              227
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal.module.ts",
-            "line": 41,
+            "line": 42,
             "character": 13
           }
         ]
       },
       {
-        "id": 231,
+        "id": 229,
         "name": "SkyModalService",
         "kind": 128,
         "kindString": "Class",
@@ -1069,7 +1069,7 @@
         ],
         "children": [
           {
-            "id": 233,
+            "id": 231,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1083,14 +1083,14 @@
             ],
             "signatures": [
               {
-                "id": 234,
+                "id": 232,
                 "name": "new SkyModalService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 235,
+                    "id": 233,
                     "name": "dynamicComponentService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1103,14 +1103,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 231,
+                  "id": 229,
                   "name": "SkyModalService"
                 }
               }
             ]
           },
           {
-            "id": 239,
+            "id": 237,
             "name": "open",
             "kind": 2048,
             "kindString": "Method",
@@ -1126,7 +1126,7 @@
             ],
             "signatures": [
               {
-                "id": 240,
+                "id": 238,
                 "name": "open",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1136,7 +1136,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 241,
+                    "id": 239,
                     "name": "component",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1150,7 +1150,7 @@
                     }
                   },
                   {
-                    "id": 242,
+                    "id": 240,
                     "name": "config",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1172,7 +1172,7 @@
                         },
                         {
                           "type": "reference",
-                          "id": 218,
+                          "id": 216,
                           "name": "SkyModalConfigurationInterface"
                         }
                       ]
@@ -1181,7 +1181,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 183,
+                  "id": 181,
                   "name": "SkyModalInstance"
                 }
               }
@@ -1193,14 +1193,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              233
+              231
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              239
+              237
             ]
           }
         ],
@@ -1276,7 +1276,7 @@
                     ],
                     "type": {
                       "type": "reference",
-                      "id": 108,
+                      "id": 106,
                       "name": "SkyConfirmConfig"
                     }
                   },
@@ -1288,7 +1288,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 183,
+                      "id": 181,
                       "name": "SkyModalInstance"
                     }
                   },
@@ -1683,7 +1683,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 115,
+                "line": 107,
                 "character": 2
               }
             ],
@@ -1837,7 +1837,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 53,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -1858,7 +1858,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 85,
+                "line": 83,
                 "character": 9
               }
             ],
@@ -1868,28 +1868,7 @@
             }
           },
           {
-            "id": 63,
-            "name": "modalContentId",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 89,
-                "character": 9
-              }
-            ],
-            "type": {
-              "type": "intrinsic",
-              "name": "string"
-            },
-            "defaultValue": "..."
-          },
-          {
-            "id": 68,
+            "id": 66,
             "name": "modalContentWrapperElement",
             "kind": 1024,
             "kindString": "Property",
@@ -1914,7 +1893,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 102,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -1931,27 +1910,6 @@
               "name": "ElementRef"
             }
           },
-          {
-            "id": 64,
-            "name": "modalHeaderId",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 92,
-                "character": 9
-              }
-            ],
-            "type": {
-              "type": "intrinsic",
-              "name": "string"
-            },
-            "defaultValue": "..."
-          },
           {
             "id": 62,
             "name": "modalState",
@@ -1963,7 +1921,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 87,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -1974,7 +1932,7 @@
             "defaultValue": "'in'"
           },
           {
-            "id": 65,
+            "id": 63,
             "name": "modalZIndex",
             "kind": 1024,
             "kindString": "Property",
@@ -1984,7 +1942,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 95,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -1994,7 +1952,7 @@
             }
           },
           {
-            "id": 66,
+            "id": 64,
             "name": "scrollShadow",
             "kind": 1024,
             "kindString": "Property",
@@ -2004,7 +1962,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 97,
+                "line": 89,
                 "character": 9
               }
             ],
@@ -2014,7 +1972,7 @@
             }
           },
           {
-            "id": 67,
+            "id": 65,
             "name": "size",
             "kind": 1024,
             "kindString": "Property",
@@ -2024,7 +1982,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 99,
+                "line": 91,
                 "character": 9
               }
             ],
@@ -2058,7 +2016,7 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 43,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -2068,7 +2026,7 @@
             }
           },
           {
-            "id": 90,
+            "id": 88,
             "name": "closeButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2078,13 +2036,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 241,
+                "line": 232,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 91,
+                "id": 89,
                 "name": "closeButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2097,7 +2055,7 @@
             ]
           },
           {
-            "id": 88,
+            "id": 86,
             "name": "helpButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2107,13 +2065,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 235,
+                "line": 226,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 89,
+                "id": 87,
                 "name": "helpButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2126,7 +2084,7 @@
             ]
           },
           {
-            "id": 84,
+            "id": 82,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -2136,13 +2094,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 206,
+                "line": 198,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 85,
+                "id": 83,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2163,7 +2121,7 @@
             }
           },
           {
-            "id": 86,
+            "id": 84,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -2173,13 +2131,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 228,
+                "line": 219,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 87,
+                "id": 85,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2200,7 +2158,7 @@
             }
           },
           {
-            "id": 81,
+            "id": 79,
             "name": "onDocumentKeyDown",
             "kind": 2048,
             "kindString": "Method",
@@ -2225,20 +2183,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 165,
+                "line": 157,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 82,
+                "id": 80,
                 "name": "onDocumentKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 83,
+                    "id": 81,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2259,7 +2217,7 @@
             ]
           },
           {
-            "id": 78,
+            "id": 76,
             "name": "onDocumentKeyUp",
             "kind": 2048,
             "kindString": "Method",
@@ -2284,20 +2242,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 149,
+                "line": 141,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 79,
+                "id": 77,
                 "name": "onDocumentKeyUp",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 80,
+                    "id": 78,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2318,7 +2276,7 @@
             ]
           },
           {
-            "id": 94,
+            "id": 92,
             "name": "scrollShadowChange",
             "kind": 2048,
             "kindString": "Method",
@@ -2328,20 +2286,20 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 249,
+                "line": 240,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 95,
+                "id": 93,
                 "name": "scrollShadowChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 96,
+                    "id": 94,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2360,7 +2318,7 @@
             ]
           },
           {
-            "id": 97,
+            "id": 95,
             "name": "viewkeeperEnabled",
             "kind": 2048,
             "kindString": "Method",
@@ -2370,13 +2328,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 253,
+                "line": 244,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 98,
+                "id": 96,
                 "name": "viewkeeperEnabled",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2389,7 +2347,7 @@
             ]
           },
           {
-            "id": 92,
+            "id": 90,
             "name": "windowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -2399,13 +2357,13 @@
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-                "line": 245,
+                "line": 236,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 93,
+                "id": 91,
                 "name": "windowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2432,13 +2390,11 @@
             "children": [
               51,
               61,
+              66,
+              62,
               63,
-              68,
               64,
-              62,
               65,
-              66,
-              67,
               47
             ]
           },
@@ -2446,22 +2402,22 @@
             "title": "Methods",
             "kind": 2048,
             "children": [
-              90,
               88,
-              84,
               86,
-              81,
-              78,
-              94,
-              97,
-              92
+              82,
+              84,
+              79,
+              76,
+              92,
+              95,
+              90
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/modals/src/modules/modal/modal.component.ts",
-            "line": 41,
+            "line": 39,
             "character": 13
           }
         ],
@@ -2481,20 +2437,20 @@
         ]
       },
       {
-        "id": 100,
+        "id": 98,
         "name": "SkyConfirmButtonConfig",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 101,
+            "id": 99,
             "name": "action",
             "kind": 1024,
             "kindString": "Property",
             "flags": {},
             "comment": {
-              "shortText": "Specifies an identifier to return when users select the button to close the\ndialog. This is useful to determine which button users select."
+              "shortText": "The identifier to return when users select the button to close the\ndialog. This is useful to determine which button users select."
             },
             "sources": [
               {
@@ -2509,7 +2465,7 @@
             }
           },
           {
-            "id": 104,
+            "id": 102,
             "name": "autofocus",
             "kind": 1024,
             "kindString": "Property",
@@ -2517,7 +2473,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Indicates whether to place focus on this button by default.",
+              "shortText": "Whether to place focus on this button by default.",
               "tags": [
                 {
                   "tag": "deprecated",
@@ -2538,7 +2494,7 @@
             }
           },
           {
-            "id": 103,
+            "id": 101,
             "name": "styleType",
             "kind": 1024,
             "kindString": "Property",
@@ -2546,7 +2502,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies a style to apply to the button. The valid options are `primary` for\nthe button that triggers the recommended or most-common action, `default` for\nbuttons that trigger less-common actions, and `link` for a button that\ncloses the dialog."
+              "shortText": "The style to apply to the button. The valid options are `primary` for\nthe button that triggers the recommended or most-common action, `default` for\nbuttons that trigger less-common actions, and `link` for a button that\ncloses the dialog."
             },
             "sources": [
               {
@@ -2561,13 +2517,13 @@
             }
           },
           {
-            "id": 102,
+            "id": 100,
             "name": "text",
             "kind": 1024,
             "kindString": "Property",
             "flags": {},
             "comment": {
-              "shortText": "Specifies the label for the button."
+              "shortText": "The label for the button."
             },
             "sources": [
               {
@@ -2587,10 +2543,10 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              99,
+              102,
               101,
-              104,
-              103,
-              102
+              100
             ]
           }
         ],
@@ -2603,14 +2559,14 @@
         ]
       },
       {
-        "id": 106,
+        "id": 104,
         "name": "SkyConfirmCloseEventArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 107,
+            "id": 105,
             "name": "action",
             "kind": 1024,
             "kindString": "Property",
@@ -2636,7 +2592,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              107
+              105
             ]
           }
         ],
@@ -2649,14 +2605,14 @@
         ]
       },
       {
-        "id": 108,
+        "id": 106,
         "name": "SkyConfirmConfig",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 110,
+            "id": 108,
             "name": "body",
             "kind": 1024,
             "kindString": "Property",
@@ -2664,7 +2620,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies secondary text to display under the primary message."
+              "shortText": "Secondary text to display under the primary message."
             },
             "sources": [
               {
@@ -2679,7 +2635,7 @@
             }
           },
           {
-            "id": 111,
+            "id": 109,
             "name": "buttons",
             "kind": 1024,
             "kindString": "Property",
@@ -2687,7 +2643,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies a list of buttons to display when the `type` property is set to `SkyConfirmType.Custom`."
+              "shortText": "The list of buttons to display when the `type` property is set to `SkyConfirmType.Custom`."
             },
             "sources": [
               {
@@ -2700,19 +2656,19 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 100,
+                "id": 98,
                 "name": "SkyConfirmButtonConfig"
               }
             }
           },
           {
-            "id": 109,
+            "id": 107,
             "name": "message",
             "kind": 1024,
             "kindString": "Property",
             "flags": {},
             "comment": {
-              "shortText": "Specifies the message to display in bold at the top of the dialog.",
+              "shortText": "The message to display in bold at the top of the dialog.",
               "tags": [
                 {
                   "tag": "required",
@@ -2733,7 +2689,7 @@
             }
           },
           {
-            "id": 112,
+            "id": 110,
             "name": "preserveWhiteSpace",
             "kind": 1024,
             "kindString": "Property",
@@ -2741,7 +2697,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Indicates whether to preserve whitespace and new lines inside the dialog.",
+              "shortText": "Whether to preserve whitespace and new lines inside the dialog.",
               "tags": [
                 {
                   "tag": "default",
@@ -2762,7 +2718,7 @@
             }
           },
           {
-            "id": 113,
+            "id": 111,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -2770,7 +2726,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies a preset button configuration for the dialog."
+              "shortText": "The preset button configuration for the dialog."
             },
             "sources": [
               {
@@ -2781,7 +2737,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 118,
+              "id": 116,
               "name": "SkyConfirmType"
             }
           }
@@ -2791,11 +2747,11 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              110,
-              111,
+              108,
               109,
-              112,
-              113
+              107,
+              110,
+              111
             ]
           }
         ],
@@ -2808,7 +2764,7 @@
         ]
       },
       {
-        "id": 218,
+        "id": 216,
         "name": "SkyModalConfigurationInterface",
         "kind": 256,
         "kindString": "Interface",
@@ -2818,7 +2774,7 @@
         },
         "children": [
           {
-            "id": 222,
+            "id": 220,
             "name": "ariaDescribedBy",
             "kind": 1024,
             "kindString": "Property",
@@ -2826,7 +2782,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies the HTML element ID (without the leading `#`) of the element that describes\nthe modal. This sets the modal's `aria-describedby` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nThe description typically includes text on the modal but not on items that users interact\nwith, such as buttons and forms. If you do not specify an ID, the default description is\nthe content of the `sky-modal-content` component."
+              "shortText": "The HTML element ID (without the leading `#`) of the element that describes\nthe modal. This sets the modal's `aria-describedby` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nThe description typically includes text on the modal but not on items that users interact\nwith, such as buttons and forms. If you do not specify an ID, the default description is\nthe content of the `sky-modal-content` component."
             },
             "sources": [
               {
@@ -2841,7 +2797,7 @@
             }
           },
           {
-            "id": 223,
+            "id": 221,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -2849,7 +2805,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies the HTML element ID (without the leading `#`) of the element that labels\nthe modal. This sets the `aria-labelledby` attribute for the modal\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nThis is typically a header element, and if you do not specify an ID, the default value\nis the content of the `sky-modal-header` component."
+              "shortText": "The HTML element ID (without the leading `#`) of the element that labels\nthe modal. This sets the `aria-labelledby` attribute for the modal\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nThis is typically a header element, and if you do not specify an ID, the default value\nis the content of the `sky-modal-header` component."
             },
             "sources": [
               {
@@ -2864,7 +2820,7 @@
             }
           },
           {
-            "id": 224,
+            "id": 222,
             "name": "ariaRole",
             "kind": 1024,
             "kindString": "Property",
@@ -2872,7 +2828,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies an ARIA role for the modal\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the modal functions and what it controls. For information about\nhow an ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](http://www.w3.org/WAI/PF/aria/roles). By default, modals set\nthe ARIA role to `dialog`.",
+              "shortText": "The ARIA role for the modal\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the modal functions and what it controls. For information about\nhow an ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](http://www.w3.org/WAI/PF/aria/roles). By default, modals set\nthe ARIA role to `dialog`.",
               "tags": [
                 {
                   "tag": "default",
@@ -2893,7 +2849,7 @@
             }
           },
           {
-            "id": 219,
+            "id": 217,
             "name": "fullPage",
             "kind": 1024,
             "kindString": "Property",
@@ -2901,7 +2857,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Indicates whether to display the modal full screen.\nThis property defaults to `false`."
+              "shortText": "Whether to display the modal full screen.\nThis property defaults to `false`."
             },
             "sources": [
               {
@@ -2916,7 +2872,7 @@
             }
           },
           {
-            "id": 226,
+            "id": 224,
             "name": "helpKey",
             "kind": 1024,
             "kindString": "Property",
@@ -2927,14 +2883,14 @@
               "tags": [
                 {
                   "tag": "deprecated",
-                  "text": "To display a help button in the modal header, include a help button element, such as `sky-help-inline`, in the `sky-modal-header` element and a `sky-control-help` CSS class on that help button element\nSpecifies a `helpKey` string. This property displays\nthe <i class=\"fa fa-question-circle\" aria-hidden=\"true\"></i> button in the modal header.\nWhen users click this button, the `helpOpened` event broadcasts the `helpKey` parameter.\nBlackbaud developers can use the Help Widget, which is for internal Blackbaud use only, to\n[display help content in a flyout panel](https://docs.blackbaud.com/bb-help-docs/components/modal-header).\n"
+                  "text": "To display a help button in the modal header, include a help button element, such as `sky-help-inline`, in the `sky-modal-header` element and a `sky-control-help` CSS class on that help button element\nThe `helpKey` string. This property displays\nthe <i class=\"fa fa-question-circle\" aria-hidden=\"true\"></i> button in the modal header.\nWhen users click this button, the `helpOpened` event broadcasts the `helpKey` parameter.\nBlackbaud developers can use the Help Widget, which is for internal Blackbaud use only, to\n[display help content in a flyout panel](https://docs.blackbaud.com/bb-help-docs/components/modal-header).\n"
                 }
               ]
             },
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 74,
+                "line": 75,
                 "character": 2
               }
             ],
@@ -2944,7 +2900,7 @@
             }
           },
           {
-            "id": 221,
+            "id": 219,
             "name": "providers",
             "kind": 1024,
             "kindString": "Property",
@@ -2972,7 +2928,7 @@
             }
           },
           {
-            "id": 220,
+            "id": 218,
             "name": "size",
             "kind": 1024,
             "kindString": "Property",
@@ -2980,7 +2936,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies a size for the modal. The valid options are `small`, `medium`, and `large`.\nThis property defaults to `medium`."
+              "shortText": "The size for the modal. The valid options are `small`, `medium`, and `large`.\nThis property defaults to `medium`."
             },
             "sources": [
               {
@@ -2995,7 +2951,7 @@
             }
           },
           {
-            "id": 225,
+            "id": 223,
             "name": "tiledBody",
             "kind": 1024,
             "kindString": "Property",
@@ -3003,12 +2959,18 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Indicates whether the modal uses tiles. When set to `true`, the modal's background switches\nto `$sky-background-color-neutral-light` and tile headings are styled as subsection headings.\nThis property defaults to `false`."
+              "shortText": "Whether the modal uses tiles. When set to `true`, the modal's background switches\nto `$sky-background-color-neutral-light` and tile headings are styled as subsection headings.\nThis property defaults to `false`.",
+              "tags": [
+                {
+                  "tag": "deprecated",
+                  "text": "Tiles inside modals are no longer a recommended design pattern. For complex forms, use [sectioned forms](https://developer.blackbaud.com/skyux/components/sectioned-form) or [other form containers](https://developer.blackbaud.com/skyux/design/guidelines/form-design) instead.\n"
+                }
+              ]
             },
             "sources": [
               {
                 "fileName": "projects/modals/src/modules/modal/modal.interface.ts",
-                "line": 64,
+                "line": 65,
                 "character": 2
               }
             ],
@@ -3018,7 +2980,7 @@
             }
           },
           {
-            "id": 227,
+            "id": 225,
             "name": "wrapperClass",
             "kind": 1024,
             "kindString": "Property",
@@ -3026,12 +2988,12 @@
               "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."
+              "shortText": "The 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": 80,
+                "line": 81,
                 "character": 2
               }
             ],
@@ -3046,15 +3008,15 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              220,
+              221,
               222,
-              223,
+              217,
               224,
               219,
-              226,
-              221,
-              220,
-              225,
-              227
+              218,
+              223,
+              225
             ]
           }
         ],
@@ -3067,7 +3029,7 @@
         ]
       },
       {
-        "id": 105,
+        "id": 103,
         "name": "SkyConfirmButtonStyleType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3102,7 +3064,7 @@
         }
       },
       {
-        "id": 283,
+        "id": 281,
         "name": "SkyConfirmHarness",
         "kind": 128,
         "kindString": "Class",
@@ -3112,7 +3074,7 @@
         },
         "children": [
           {
-            "id": 284,
+            "id": 282,
             "name": "hostSelector",
             "kind": 1024,
             "kindString": "Property",
@@ -3134,7 +3096,7 @@
             "defaultValue": "'sky-confirm'"
           },
           {
-            "id": 297,
+            "id": 295,
             "name": "clickCustomButton",
             "kind": 2048,
             "kindString": "Method",
@@ -3150,7 +3112,7 @@
             ],
             "signatures": [
               {
-                "id": 298,
+                "id": 296,
                 "name": "clickCustomButton",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3160,14 +3122,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 299,
+                    "id": 297,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 375,
+                      "id": 373,
                       "name": "SkyConfirmButtonHarnessFilters"
                     }
                   }
@@ -3188,7 +3150,7 @@
             ]
           },
           {
-            "id": 300,
+            "id": 298,
             "name": "clickOkButton",
             "kind": 2048,
             "kindString": "Method",
@@ -3204,7 +3166,7 @@
             ],
             "signatures": [
               {
-                "id": 301,
+                "id": 299,
                 "name": "clickOkButton",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3228,7 +3190,7 @@
             ]
           },
           {
-            "id": 302,
+            "id": 300,
             "name": "getBodyText",
             "kind": 2048,
             "kindString": "Method",
@@ -3244,7 +3206,7 @@
             ],
             "signatures": [
               {
-                "id": 303,
+                "id": 301,
                 "name": "getBodyText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3268,7 +3230,7 @@
             ]
           },
           {
-            "id": 304,
+            "id": 302,
             "name": "getCustomButtons",
             "kind": 2048,
             "kindString": "Method",
@@ -3284,7 +3246,7 @@
             ],
             "signatures": [
               {
-                "id": 305,
+                "id": 303,
                 "name": "getCustomButtons",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3294,7 +3256,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 306,
+                    "id": 304,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3303,7 +3265,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 375,
+                      "id": 373,
                       "name": "SkyConfirmButtonHarnessFilters"
                     }
                   }
@@ -3327,7 +3289,7 @@
             ]
           },
           {
-            "id": 307,
+            "id": 305,
             "name": "getMessageText",
             "kind": 2048,
             "kindString": "Method",
@@ -3343,7 +3305,7 @@
             ],
             "signatures": [
               {
-                "id": 308,
+                "id": 306,
                 "name": "getMessageText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3367,7 +3329,7 @@
             ]
           },
           {
-            "id": 309,
+            "id": 307,
             "name": "getType",
             "kind": 2048,
             "kindString": "Method",
@@ -3383,7 +3345,7 @@
             ],
             "signatures": [
               {
-                "id": 310,
+                "id": 308,
                 "name": "getType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3396,7 +3358,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 118,
+                      "id": 116,
                       "name": "SkyConfirmType"
                     }
                   ],
@@ -3408,7 +3370,7 @@
             ]
           },
           {
-            "id": 320,
+            "id": 318,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -3422,7 +3384,7 @@
             ],
             "signatures": [
               {
-                "id": 321,
+                "id": 319,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3456,7 +3418,7 @@
             }
           },
           {
-            "id": 311,
+            "id": 309,
             "name": "isWhiteSpacePreserved",
             "kind": 2048,
             "kindString": "Method",
@@ -3472,13 +3434,13 @@
             ],
             "signatures": [
               {
-                "id": 312,
+                "id": 310,
                 "name": "isWhiteSpacePreserved",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates if the whitespace is preserved on the confirom component."
+                  "shortText": "Whether the whitespace is preserved on the confirm component."
                 },
                 "type": {
                   "type": "reference",
@@ -3501,28 +3463,28 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              290
+              288
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              284
+              282
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              297,
+              295,
+              298,
               300,
               302,
-              304,
+              305,
               307,
-              309,
-              320,
-              311
+              318,
+              309
             ]
           }
         ],
@@ -3541,7 +3503,7 @@
         ]
       },
       {
-        "id": 375,
+        "id": 373,
         "name": "SkyConfirmButtonHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -3551,7 +3513,7 @@
         },
         "children": [
           {
-            "id": 378,
+            "id": 376,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -3578,7 +3540,7 @@
             }
           },
           {
-            "id": 377,
+            "id": 375,
             "name": "styleType",
             "kind": 1024,
             "kindString": "Property",
@@ -3601,7 +3563,7 @@
             }
           },
           {
-            "id": 376,
+            "id": 374,
             "name": "text",
             "kind": 1024,
             "kindString": "Property",
@@ -3640,9 +3602,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              378,
-              377,
-              376
+              376,
+              375,
+              374
             ]
           }
         ],
@@ -3707,15 +3669,30 @@
       "filePath": "/projects/modals/documentation/code-examples/confirm/confirm-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\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-context.ts",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-context.ts",
+      "rawContents": "import { ModalDemoData } from './modal-demo-data';\n\nexport class ModalDemoContext {\n  constructor(public data: ModalDemoData) {}\n}\n"
+    },
+    {
+      "fileName": "modal-demo-data.service.ts",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-data.service.ts",
+      "rawContents": "import { Injectable } from '@angular/core';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { ModalDemoData } from './modal-demo-data';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ModalDemoDataService {\n  #data: ModalDemoData = {\n    value1: 'Hello world',\n  };\n\n  public load(): Observable<ModalDemoData> {\n    // Simulate a network request to get data.\n    return of(this.#data).pipe(delay(1000));\n  }\n\n  public save(data: ModalDemoData): Observable<ModalDemoData> {\n    this.#data = data;\n\n    // Simulate a network request to save data.\n    return of(this.#data).pipe(delay(1000));\n  }\n}\n"
+    },
+    {
+      "fileName": "modal-demo-data.ts",
+      "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-data.ts",
+      "rawContents": "export interface ModalDemoData {\n  value1?: string | null;\n}\n"
+    },
     {
       "fileName": "modal-demo-modal.component.html",
       "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    Modal title\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n  </sky-modal-header>\n  <sky-modal-content></sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary sky-margin-inline-sm\"\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": "<form [formGroup]=\"demoForm\" (submit)=\"saveForm()\">\n  <sky-modal>\n    <sky-modal-header>\n      Modal title\n      <sky-help-inline\n        class=\"sky-control-help\"\n        (actionClick)=\"onActionClick()\"\n      ></sky-help-inline>\n    </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\n          class=\"sky-form-control\"\n          formControlName=\"value1\"\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-sm\"\n        type=\"submit\"\n      >\n        Save\n      </button>\n      <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancelForm()\">\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
     },
     {
       "fileName": "modal-demo-modal.component.ts",
       "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo-modal.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\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  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoDataService } from './modal-demo-data.service';\n\n@Component({\n  selector: 'app-modal-demo-modal',\n  templateUrl: './modal-demo-modal.component.html',\n})\nexport class ModalDemoModalComponent {\n  public demoForm: FormGroup<{\n    value1: FormControl<string | null | undefined>;\n  }>;\n\n  #dataSvc: ModalDemoDataService;\n  #instance: SkyModalInstance;\n  #waitSvc: SkyWaitService;\n\n  constructor(\n    instance: SkyModalInstance,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService,\n    context: ModalDemoContext,\n    fb: FormBuilder\n  ) {\n    this.#instance = instance;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n\n    const value1 = fb.control(context.data.value1);\n    this.demoForm = fb.group({ value1 });\n  }\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n\n  public saveForm(): void {\n    // Use the data service to save the data.\n\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.save(this.demoForm.value))\n      .subscribe((data) => {\n        // Notify the modal instance that data was saved and return the saved data.\n        this.#instance.save(data);\n      });\n  }\n\n  public cancelForm(): void {\n    this.#instance.cancel();\n  }\n}\n"
     },
     {
       "fileName": "modal-demo.component.html",
@@ -3725,12 +3702,12 @@
     {
       "fileName": "modal-demo.component.ts",
       "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport { SkyModalConfigurationInterface, 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 modalSize = 'medium';\n\n  #modalSvc: SkyModalService;\n\n  constructor(modalSvc: SkyModalService) {\n    this.#modalSvc = modalSvc;\n  }\n\n  public onOpenModalClick(): void {\n    const options: SkyModalConfigurationInterface = {\n      size: this.modalSize,\n    };\n\n    this.#modalSvc.open(ModalDemoModalComponent, options);\n  }\n}\n"
+      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { ModalDemoContext } from '../inline-help/modal-demo-context';\n\nimport { ModalDemoData } from './modal-demo-data';\nimport { ModalDemoDataService } from './modal-demo-data.service';\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 implements OnDestroy {\n  public modalSize = 'medium';\n\n  public demoValue: string | null | undefined;\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #modalSvc: SkyModalService;\n  #waitSvc: SkyWaitService;\n  #dataSvc: ModalDemoDataService;\n\n  constructor(\n    modalSvc: SkyModalService,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService\n  ) {\n    this.#modalSvc = modalSvc;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n  }\n\n  public onOpenModalClick(): void {\n    // Display a blocking wait while data is loaded from the data service.\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.load())\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((data) => {\n        const options: SkyModalConfigurationInterface = {\n          providers: [\n            {\n              provide: ModalDemoContext,\n              useValue: new ModalDemoContext(data),\n            },\n          ],\n          size: this.modalSize,\n        };\n\n        // Show the modal after data is loaded.\n        const instance = this.#modalSvc.open(ModalDemoModalComponent, options);\n\n        instance.closed.subscribe((result) => {\n          if (result.reason === 'save') {\n            // Display the updated value.\n            const data = result.data as ModalDemoData;\n            this.demoValue = data.value1;\n          }\n        });\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n}\n"
     },
     {
       "fileName": "modal-demo.module.ts",
       "filePath": "/projects/modals/documentation/code-examples/inline-help/modal-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\nimport { ModalDemoComponent } from './modal-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkyHelpInlineModule,\n  ],\n  declarations: [ModalDemoComponent, ModalDemoModalComponent],\n  exports: [ModalDemoComponent],\n})\nexport class ModalDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ModalDemoModalComponent } from './modal-demo-modal.component';\nimport { ModalDemoComponent } from './modal-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkyHelpInlineModule,\n  ],\n  declarations: [ModalDemoComponent, ModalDemoModalComponent],\n  exports: [ModalDemoComponent],\n})\nexport class ModalDemoModule {}\n"
     },
     {
       "fileName": "modal-demo-context.ts",
@@ -3765,7 +3742,7 @@
     {
       "fileName": "modal-demo.component.ts",
       "filePath": "/projects/modals/documentation/code-examples/modal/modal-demo.component.ts",
-      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoData } from './modal-demo-data';\nimport { ModalDemoDataService } from './modal-demo-data.service';\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 implements OnDestroy {\n  public helpKey = 'help-demo.html';\n\n  public modalSize = 'medium';\n\n  public demoValue: string | null | undefined;\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #modalSvc: SkyModalService;\n  #waitSvc: SkyWaitService;\n  #dataSvc: ModalDemoDataService;\n\n  constructor(\n    modalSvc: SkyModalService,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService\n  ) {\n    this.#modalSvc = modalSvc;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n  }\n\n  public onOpenModalClick(): void {\n    // Display a blocking wait while data is loaded from the data service.\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.load())\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((data) => {\n        const options: SkyModalConfigurationInterface = {\n          helpKey: this.helpKey,\n          providers: [\n            {\n              provide: ModalDemoContext,\n              useValue: new ModalDemoContext(data),\n            },\n          ],\n          size: this.modalSize,\n        };\n\n        // Show the modal after data is loaded.\n        const instance = this.#modalSvc.open(ModalDemoModalComponent, options);\n\n        instance.closed.subscribe((result) => {\n          if (result.reason === 'save') {\n            // Display the updated value.\n            const data = result.data as ModalDemoData;\n            this.demoValue = data.value1;\n          }\n        });\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n}\n"
+      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport { SkyWaitService } from '@skyux/indicators';\nimport { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { ModalDemoContext } from './modal-demo-context';\nimport { ModalDemoData } from './modal-demo-data';\nimport { ModalDemoDataService } from './modal-demo-data.service';\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 implements OnDestroy {\n  public modalSize = 'medium';\n\n  public demoValue: string | null | undefined;\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #modalSvc: SkyModalService;\n  #waitSvc: SkyWaitService;\n  #dataSvc: ModalDemoDataService;\n\n  constructor(\n    modalSvc: SkyModalService,\n    waitSvc: SkyWaitService,\n    dataSvc: ModalDemoDataService\n  ) {\n    this.#modalSvc = modalSvc;\n    this.#waitSvc = waitSvc;\n    this.#dataSvc = dataSvc;\n  }\n\n  public onOpenModalClick(): void {\n    // Display a blocking wait while data is loaded from the data service.\n    this.#waitSvc\n      .blockingWrap(this.#dataSvc.load())\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((data) => {\n        const options: SkyModalConfigurationInterface = {\n          providers: [\n            {\n              provide: ModalDemoContext,\n              useValue: new ModalDemoContext(data),\n            },\n          ],\n          size: this.modalSize,\n        };\n\n        // Show the modal after data is loaded.\n        const instance = this.#modalSvc.open(ModalDemoModalComponent, options);\n\n        instance.closed.subscribe((result) => {\n          if (result.reason === 'save') {\n            // Display the updated value.\n            const data = result.data as ModalDemoData;\n            this.demoValue = data.value1;\n          }\n        });\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n}\n"
     },
     {
       "fileName": "modal-demo.module.ts",