npm - @skyux/layout - Versions diffs - 5.1.0 → 5.2.2 - Mend

@skyux/layout 5.1.0 → 5.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (102) hide show

package/documentation.json CHANGED Viewed

@@ -3,6 +3,7 @@
     "SkyBackToTopMessageType": "enumeration-skybacktotopmessagetype",
     "SkyActionButtonModule": "class-skyactionbuttonmodule",
     "SkyBackToTopModule": "class-skybacktotopmodule",
+    "SkyBoxModule": "class-skyboxmodule",
     "SkyCardModule": "class-skycardmodule",
     "SkyDefinitionListModule": "class-skydefinitionlistmodule",
     "SkyDescriptionListModule": "class-skydescriptionlistmodule",
@@ -49,6 +50,10 @@
     "SkyToolbarItemComponent": "class-skytoolbaritemcomponent",
     "SkyActionButtonHeaderComponent": "class-skyactionbuttonheadercomponent",
     "SkyToolbarViewActionsComponent": "class-skytoolbarviewactionscomponent",
+    "SkyBoxComponent": "class-skyboxcomponent",
+    "SkyBoxHeaderComponent": "class-skyboxheadercomponent",
+    "SkyBoxContentComponent": "class-skyboxcontentcomponent",
+    "SkyBoxControlsComponent": "class-skyboxcontrolscomponent",
     "SkyActionButtonIconComponent": "class-skyactionbuttoniconcomponent",
     "SkyBackToTopDirective": "class-skybacktotopdirective",
     "SkyInlineDeleteComponent": "class-skyinlinedeletecomponent",
@@ -70,7 +75,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 462,
+        "id": 477,
         "name": "SkyBackToTopMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -80,7 +85,7 @@
         },
         "children": [
           {
-            "id": 463,
+            "id": 478,
             "name": "BackToTop",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -91,7 +96,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/models/back-to-top-message-type.ts",
-                "line": 9,
+                "line": 8,
                 "character": 2
               }
             ],
@@ -103,7 +108,7 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              463
+              478
             ]
           }
         ],
@@ -116,7 +121,7 @@
         ]
       },
       {
-        "id": 450,
+        "id": 465,
         "name": "SkyActionButtonModule",
         "kind": 128,
         "kindString": "Class",
@@ -129,27 +134,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyActionButtonComponent,\n    SkyActionButtonContainerComponent,\n    SkyActionButtonDetailsComponent,\n    SkyActionButtonHeaderComponent,\n    SkyActionButtonIconComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    SkyHrefModule,\n    SkyIconModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyActionButtonComponent,\n    SkyActionButtonContainerComponent,\n    SkyActionButtonDetailsComponent,\n    SkyActionButtonHeaderComponent,\n    SkyActionButtonIconComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyActionButtonComponent,\n    SkyActionButtonContainerComponent,\n    SkyActionButtonDetailsComponent,\n    SkyActionButtonHeaderComponent,\n    SkyActionButtonIconComponent,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    SkyHrefModule,\n    SkyIconModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyActionButtonComponent,\n    SkyActionButtonContainerComponent,\n    SkyActionButtonDetailsComponent,\n    SkyActionButtonHeaderComponent,\n    SkyActionButtonIconComponent,\n  ],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 451,
+            "id": 466,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 452,
+                "id": 467,
                 "name": "new SkyActionButtonModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 450,
+                  "id": 465,
                   "name": "SkyActionButtonModule"
                 }
               }
@@ -161,20 +166,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              451
+              466
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button.module.ts",
-            "line": 68,
+            "line": 46,
             "character": 13
           }
         ]
       },
       {
-        "id": 457,
+        "id": 472,
         "name": "SkyBackToTopModule",
         "kind": 128,
         "kindString": "Class",
@@ -187,27 +192,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyBackToTopComponent,\n    SkyBackToTopDirective\n  ],\n  imports: [\n    CommonModule,\n    SkyDockModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule\n  ],\n  exports: [\n    SkyBackToTopComponent,\n    SkyBackToTopDirective\n  ],\n  entryComponents: [\n    SkyBackToTopComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyBackToTopComponent, SkyBackToTopDirective],\n  imports: [\n    CommonModule,\n    SkyDockModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n  ],\n  exports: [SkyBackToTopComponent, SkyBackToTopDirective],\n  entryComponents: [SkyBackToTopComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 458,
+            "id": 473,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 459,
+                "id": 474,
                 "name": "new SkyBackToTopModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 457,
+                  "id": 472,
                   "name": "SkyBackToTopModule"
                 }
               }
@@ -219,20 +224,78 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              458
+              473
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/back-to-top/back-top-top.module.ts",
-            "line": 45,
+            "line": 25,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 481,
+        "name": "SkyBoxModule",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "decorators": [
+          {
+            "name": "NgModule",
+            "type": {
+              "type": "reference",
+              "name": "NgModule"
+            },
+            "arguments": {
+              "obj": "{\n  declarations: [\n    SkyBoxComponent,\n    SkyBoxHeaderComponent,\n    SkyBoxContentComponent,\n    SkyBoxControlsComponent,\n  ],\n  imports: [CommonModule, SkyThemeModule],\n  exports: [\n    SkyBoxComponent,\n    SkyBoxHeaderComponent,\n    SkyBoxContentComponent,\n    SkyBoxControlsComponent,\n  ],\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 482,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 483,
+                "name": "new SkyBoxModule",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 481,
+                  "name": "SkyBoxModule"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              482
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box.module.ts",
+            "line": 25,
             "character": 13
           }
         ]
       },
       {
-        "id": 466,
+        "id": 484,
         "name": "SkyCardModule",
         "kind": 128,
         "kindString": "Class",
@@ -245,27 +308,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyCardActionsComponent,\n    SkyCardComponent,\n    SkyCardContentComponent,\n    SkyCardTitleComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyInlineDeleteModule\n  ],\n  exports: [\n    SkyCardActionsComponent,\n    SkyCardComponent,\n    SkyCardContentComponent,\n    SkyCardTitleComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyCardActionsComponent,\n    SkyCardComponent,\n    SkyCardContentComponent,\n    SkyCardTitleComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyInlineDeleteModule,\n  ],\n  exports: [\n    SkyCardActionsComponent,\n    SkyCardComponent,\n    SkyCardContentComponent,\n    SkyCardTitleComponent,\n  ],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 467,
+            "id": 485,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 468,
+                "id": 486,
                 "name": "new SkyCardModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 466,
+                  "id": 484,
                   "name": "SkyCardModule"
                 }
               }
@@ -277,20 +340,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              467
+              485
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card.module.ts",
-            "line": 64,
+            "line": 44,
             "character": 13
           }
         ]
       },
       {
-        "id": 469,
+        "id": 487,
         "name": "SkyDefinitionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -303,27 +366,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyDefinitionListComponent,\n    SkyDefinitionListContentComponent,\n    SkyDefinitionListHeadingComponent,\n    SkyDefinitionListLabelComponent,\n    SkyDefinitionListValueComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule\n  ],\n  exports: [\n    SkyDefinitionListComponent,\n    SkyDefinitionListContentComponent,\n    SkyDefinitionListHeadingComponent,\n    SkyDefinitionListLabelComponent,\n    SkyDefinitionListValueComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyDefinitionListComponent,\n    SkyDefinitionListContentComponent,\n    SkyDefinitionListHeadingComponent,\n    SkyDefinitionListLabelComponent,\n    SkyDefinitionListValueComponent,\n  ],\n  imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule],\n  exports: [\n    SkyDefinitionListComponent,\n    SkyDefinitionListContentComponent,\n    SkyDefinitionListHeadingComponent,\n    SkyDefinitionListLabelComponent,\n    SkyDefinitionListValueComponent,\n  ],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 470,
+            "id": 488,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 471,
+                "id": 489,
                 "name": "new SkyDefinitionListModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 469,
+                  "id": 487,
                   "name": "SkyDefinitionListModule"
                 }
               }
@@ -335,20 +398,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              470
+              488
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list.module.ts",
-            "line": 37,
+            "line": 31,
             "character": 13
           }
         ]
       },
       {
-        "id": 472,
+        "id": 490,
         "name": "SkyDescriptionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -361,27 +424,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyDescriptionListComponent,\n    SkyDescriptionListContentComponent,\n    SkyDescriptionListTermComponent,\n    SkyDescriptionListDescriptionComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyDescriptionListComponent,\n    SkyDescriptionListContentComponent,\n    SkyDescriptionListTermComponent,\n    SkyDescriptionListDescriptionComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyDescriptionListComponent,\n    SkyDescriptionListContentComponent,\n    SkyDescriptionListTermComponent,\n    SkyDescriptionListDescriptionComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyDescriptionListComponent,\n    SkyDescriptionListContentComponent,\n    SkyDescriptionListTermComponent,\n    SkyDescriptionListDescriptionComponent,\n  ],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 473,
+            "id": 491,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 474,
+                "id": 492,
                 "name": "new SkyDescriptionListModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 472,
+                  "id": 490,
                   "name": "SkyDescriptionListModule"
                 }
               }
@@ -393,20 +456,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              473
+              491
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list.module.ts",
-            "line": 55,
+            "line": 39,
             "character": 13
           }
         ]
       },
       {
-        "id": 484,
+        "id": 502,
         "name": "SkyFluidGridModule",
         "kind": 128,
         "kindString": "Class",
@@ -419,27 +482,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  imports: [\n    CommonModule\n  ],\n  declarations: [\n    SkyRowComponent,\n    SkyColumnComponent,\n    SkyFluidGridComponent\n  ],\n  exports: [\n    SkyRowComponent,\n    SkyColumnComponent,\n    SkyFluidGridComponent\n  ]\n}"
+              "obj": "{\n  imports: [CommonModule],\n  declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],\n  exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 485,
+            "id": 503,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 486,
+                "id": 504,
                 "name": "new SkyFluidGridModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 484,
+                  "id": 502,
                   "name": "SkyFluidGridModule"
                 }
               }
@@ -451,20 +514,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              485
+              503
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.module.ts",
-            "line": 23,
+            "line": 13,
             "character": 13
           }
         ]
       },
       {
-        "id": 491,
+        "id": 509,
         "name": "SkyFormatModule",
         "kind": 128,
         "kindString": "Class",
@@ -477,27 +540,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyFormatComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    SkyFormatComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyFormatComponent],\n  imports: [CommonModule],\n  exports: [SkyFormatComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 492,
+            "id": 510,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 493,
+                "id": 511,
                 "name": "new SkyFormatModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 491,
+                  "id": 509,
                   "name": "SkyFormatModule"
                 }
               }
@@ -509,20 +572,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              492
+              510
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/format/format.module.ts",
-            "line": 24,
+            "line": 12,
             "character": 13
           }
         ]
       },
       {
-        "id": 497,
+        "id": 515,
         "name": "SkyInlineDeleteModule",
         "kind": 128,
         "kindString": "Class",
@@ -535,27 +598,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyInlineDeleteComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyWaitModule\n  ],\n  exports: [\n    SkyInlineDeleteComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyInlineDeleteComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyWaitModule,\n  ],\n  exports: [SkyInlineDeleteComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 498,
+            "id": 516,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 499,
+                "id": 517,
                 "name": "new SkyInlineDeleteModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 497,
+                  "id": 515,
                   "name": "SkyInlineDeleteModule"
                 }
               }
@@ -567,20 +630,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              498
+              516
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/inline-delete/inline-delete.module.ts",
-            "line": 37,
+            "line": 23,
             "character": 13
           }
         ]
       },
       {
-        "id": 500,
+        "id": 518,
         "name": "SkyPageModule",
         "kind": 128,
         "kindString": "Class",
@@ -593,27 +656,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyPageComponent\n  ],\n  exports: [\n    SkyPageComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyPageComponent],\n  exports: [SkyPageComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 501,
+            "id": 519,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 502,
+                "id": 520,
                 "name": "new SkyPageModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 500,
+                  "id": 518,
                   "name": "SkyPageModule"
                 }
               }
@@ -625,20 +688,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              501
+              519
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page/page.module.ts",
-            "line": 17,
+            "line": 9,
             "character": 13
           }
         ]
       },
       {
-        "id": 503,
+        "id": 521,
         "name": "SkyPageSummaryModule",
         "kind": 128,
         "kindString": "Class",
@@ -651,27 +714,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyPageSummaryAlertComponent,\n    SkyPageSummaryComponent,\n    SkyPageSummaryContentComponent,\n    SkyPageSummaryImageComponent,\n    SkyPageSummaryKeyInfoComponent,\n    SkyPageSummaryStatusComponent,\n    SkyPageSummarySubtitleComponent,\n    SkyPageSummaryTitleComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    SkyPageSummaryAlertComponent,\n    SkyPageSummaryComponent,\n    SkyPageSummaryContentComponent,\n    SkyPageSummaryImageComponent,\n    SkyPageSummaryKeyInfoComponent,\n    SkyPageSummaryStatusComponent,\n    SkyPageSummarySubtitleComponent,\n    SkyPageSummaryTitleComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyPageSummaryAlertComponent,\n    SkyPageSummaryComponent,\n    SkyPageSummaryContentComponent,\n    SkyPageSummaryImageComponent,\n    SkyPageSummaryKeyInfoComponent,\n    SkyPageSummaryStatusComponent,\n    SkyPageSummarySubtitleComponent,\n    SkyPageSummaryTitleComponent,\n  ],\n  imports: [CommonModule],\n  exports: [\n    SkyPageSummaryAlertComponent,\n    SkyPageSummaryComponent,\n    SkyPageSummaryContentComponent,\n    SkyPageSummaryImageComponent,\n    SkyPageSummaryKeyInfoComponent,\n    SkyPageSummaryStatusComponent,\n    SkyPageSummarySubtitleComponent,\n    SkyPageSummaryTitleComponent,\n  ],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 504,
+            "id": 522,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 505,
+                "id": 523,
                 "name": "new SkyPageSummaryModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 503,
+                  "id": 521,
                   "name": "SkyPageSummaryModule"
                 }
               }
@@ -683,20 +746,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              504
+              522
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary.module.ts",
-            "line": 66,
+            "line": 44,
             "character": 13
           }
         ]
       },
       {
-        "id": 506,
+        "id": 524,
         "name": "SkyTextExpandModule",
         "kind": 128,
         "kindString": "Class",
@@ -709,27 +772,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyTextExpandComponent,\n    SkyTextExpandModalComponent\n  ],\n  imports: [\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyModalModule,\n    CommonModule\n  ],\n  exports: [\n    SkyTextExpandComponent\n  ],\n  entryComponents: [\n    SkyTextExpandModalComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],\n  imports: [\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    SkyModalModule,\n    CommonModule,\n  ],\n  exports: [SkyTextExpandComponent],\n  entryComponents: [SkyTextExpandModalComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 507,
+            "id": 525,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 508,
+                "id": 526,
                 "name": "new SkyTextExpandModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 506,
+                  "id": 524,
                   "name": "SkyTextExpandModule"
                 }
               }
@@ -741,20 +804,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              507
+              525
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand/text-expand.module.ts",
-            "line": 35,
+            "line": 24,
             "character": 13
           }
         ]
       },
       {
-        "id": 510,
+        "id": 528,
         "name": "SkyTextExpandRepeaterModule",
         "kind": 128,
         "kindString": "Class",
@@ -767,27 +830,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyTextExpandRepeaterComponent\n  ],\n  imports: [\n    SkyI18nModule,\n    SkyLayoutResourcesModule,\n    CommonModule\n  ],\n  exports: [\n    SkyTextExpandRepeaterComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyTextExpandRepeaterComponent],\n  imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule],\n  exports: [SkyTextExpandRepeaterComponent],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 511,
+            "id": 529,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 512,
+                "id": 530,
                 "name": "new SkyTextExpandRepeaterModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 510,
+                  "id": 528,
                   "name": "SkyTextExpandRepeaterModule"
                 }
               }
@@ -799,20 +862,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              511
+              529
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.module.ts",
-            "line": 22,
+            "line": 14,
             "character": 13
           }
         ]
       },
       {
-        "id": 513,
+        "id": 531,
         "name": "SkyToolbarModule",
         "kind": 128,
         "kindString": "Class",
@@ -825,27 +888,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyToolbarComponent,\n    SkyToolbarItemComponent,\n    SkyToolbarSectionComponent,\n    SkyToolbarViewActionsComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    SkyToolbarComponent,\n    SkyToolbarItemComponent,\n    SkyToolbarSectionComponent,\n    SkyToolbarViewActionsComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyToolbarComponent,\n    SkyToolbarItemComponent,\n    SkyToolbarSectionComponent,\n    SkyToolbarViewActionsComponent,\n  ],\n  imports: [CommonModule],\n  exports: [\n    SkyToolbarComponent,\n    SkyToolbarItemComponent,\n    SkyToolbarSectionComponent,\n    SkyToolbarViewActionsComponent,\n  ],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 514,
+            "id": 532,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 515,
+                "id": 533,
                 "name": "new SkyToolbarModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 513,
+                  "id": 531,
                   "name": "SkyToolbarModule"
                 }
               }
@@ -857,14 +920,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              514
+              532
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar.module.ts",
-            "line": 42,
+            "line": 28,
             "character": 13
           }
         ]
@@ -886,7 +949,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-action-button',\n  styleUrls: ['./action-button.component.scss'],\n  templateUrl: './action-button.component.html',\n  encapsulation: ViewEncapsulation.None\n}"
+              "obj": "{\n  selector: 'sky-action-button',\n  styleUrls: ['./action-button.component.scss'],\n  templateUrl: './action-button.component.html',\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
@@ -936,7 +999,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-                "line": 34,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -976,13 +1039,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-                "line": 28,
+                "line": 25,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 444,
+              "id": 459,
               "name": "SkyActionButtonPermalink"
             }
           },
@@ -997,7 +1060,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-                "line": 36,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -1026,7 +1089,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-                "line": 40,
+                "line": 37,
                 "character": 9
               }
             ],
@@ -1073,7 +1136,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-            "line": 22,
+            "line": 20,
             "character": 13
           }
         ]
@@ -1095,7 +1158,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-card-actions',\n  templateUrl: './card-actions.component.html',\n  styleUrls: ['./card-actions.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-card-actions',\n  templateUrl: './card-actions.component.html',\n  styleUrls: ['./card-actions.component.scss'],\n}"
             }
           }
         ],
@@ -1134,7 +1197,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-actions.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -1156,7 +1219,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-card-content',\n  templateUrl: './card-content.component.html'\n}"
+              "obj": "{\n  selector: 'sky-card-content',\n  templateUrl: './card-content.component.html',\n}"
             }
           }
         ],
@@ -1195,7 +1258,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-content.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -1217,7 +1280,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-card-title',\n  templateUrl: './card-title.component.html'\n}"
+              "obj": "{\n  selector: 'sky-card-title',\n  templateUrl: './card-title.component.html',\n}"
             }
           }
         ],
@@ -1256,7 +1319,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-title.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -1278,7 +1341,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-definition-list',\n  templateUrl: './definition-list.component.html',\n  styleUrls: ['./definition-list.component.scss'],\n  providers: [SkyDefinitionListService],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-definition-list',\n  templateUrl: './definition-list.component.html',\n  styleUrls: ['./definition-list.component.scss'],\n  providers: [SkyDefinitionListService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1292,7 +1355,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 40,
+                "line": 35,
                 "character": 2
               }
             ],
@@ -1358,7 +1421,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 36,
+                "line": 31,
                 "character": 13
               }
             ],
@@ -1419,7 +1482,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 26,
+                "line": 21,
                 "character": 13
               }
             ],
@@ -1487,7 +1550,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-            "line": 19,
+            "line": 15,
             "character": 13
           }
         ]
@@ -1509,7 +1572,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-definition-list-content',\n  templateUrl: './definition-list-content.component.html',\n  styleUrls: ['./definition-list-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-definition-list-content',\n  templateUrl: './definition-list-content.component.html',\n  styleUrls: ['./definition-list-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1548,7 +1611,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list-content.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -1570,7 +1633,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-definition-list-heading',\n  templateUrl: './definition-list-heading.component.html',\n  styleUrls: ['./definition-list-heading.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-definition-list-heading',\n  templateUrl: './definition-list-heading.component.html',\n  styleUrls: ['./definition-list-heading.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1609,7 +1672,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list-heading.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -1631,7 +1694,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-definition-list-label',\n  templateUrl: './definition-list-label.component.html',\n  styleUrls: ['./definition-list-label.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-definition-list-label',\n  templateUrl: './definition-list-label.component.html',\n  styleUrls: ['./definition-list-label.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1645,7 +1708,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list-label.component.ts",
-                "line": 20,
+                "line": 17,
                 "character": 2
               }
             ],
@@ -1688,7 +1751,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list-label.component.ts",
-                "line": 18,
+                "line": 15,
                 "character": 9
               }
             ],
@@ -1731,7 +1794,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list-label.component.ts",
-            "line": 17,
+            "line": 14,
             "character": 13
           }
         ]
@@ -1753,7 +1816,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-definition-list-value',\n  templateUrl: './definition-list-value.component.html',\n  styleUrls: ['./definition-list-value.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-definition-list-value',\n  templateUrl: './definition-list-value.component.html',\n  styleUrls: ['./definition-list-value.component.scss'],\n}"
             }
           }
         ],
@@ -1767,7 +1830,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list-value.component.ts",
-                "line": 18,
+                "line": 16,
                 "character": 2
               }
             ],
@@ -1810,7 +1873,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list-value.component.ts",
-                "line": 16,
+                "line": 14,
                 "character": 9
               }
             ],
@@ -1853,7 +1916,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list-value.component.ts",
-            "line": 15,
+            "line": 13,
             "character": 13
           }
         ]
@@ -1875,7 +1938,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-description-list',\n  templateUrl: './description-list.component.html',\n  styleUrls: ['./description-list.component.scss'],\n  providers: [\n    SkyDescriptionListAdapterService,\n    SkyDescriptionListService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-description-list',\n  templateUrl: './description-list.component.html',\n  styleUrls: ['./description-list.component.scss'],\n  providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1889,7 +1952,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 103,
+                "line": 88,
                 "character": 2
               }
             ],
@@ -1977,7 +2040,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 89,
+                "line": 74,
                 "character": 9
               }
             ],
@@ -2017,7 +2080,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 73,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -2047,7 +2110,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 64,
+                "line": 49,
                 "character": 13
               }
             ],
@@ -2108,7 +2171,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 80,
+                "line": 65,
                 "character": 13
               }
             ],
@@ -2124,7 +2187,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 479,
+                  "id": 497,
                   "name": "SkyDescriptionListModeType"
                 }
               }
@@ -2154,7 +2217,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 479,
+                      "id": 497,
                       "name": "SkyDescriptionListModeType"
                     }
                   }
@@ -2177,7 +2240,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 110,
+                "line": 95,
                 "character": 9
               }
             ],
@@ -2214,7 +2277,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 124,
+                "line": 108,
                 "character": 9
               }
             ],
@@ -2251,7 +2314,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 135,
+                "line": 119,
                 "character": 9
               }
             ],
@@ -2300,7 +2363,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 142,
+                "line": 126,
                 "character": 9
               }
             ],
@@ -2357,7 +2420,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-            "line": 57,
+            "line": 40,
             "character": 13
           }
         ],
@@ -2393,7 +2456,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-description-list-term',\n  templateUrl: './description-list-term.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-description-list-term',\n  templateUrl: './description-list-term.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2436,14 +2499,14 @@
                 },
                 "arguments": {
                   "selector": "'termTemplateRef'",
-                  "opts": "{\n    read: TemplateRef,\n    static: true\n  }"
+                  "opts": "{\n    read: TemplateRef,\n    static: true,\n  }"
                 }
               }
             ],
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-term.component.ts",
-                "line": 22,
+                "line": 21,
                 "character": 9
               }
             ],
@@ -2506,7 +2569,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-action-button-container',\n  styleUrls: ['./action-button-container.component.scss'],\n  templateUrl: './action-button-container.component.html',\n  providers: [\n    SkyActionButtonAdapterService\n  ],\n  encapsulation: ViewEncapsulation.None\n}"
+              "obj": "{\n  selector: 'sky-action-button-container',\n  styleUrls: ['./action-button-container.component.scss'],\n  templateUrl: './action-button-container.component.html',\n  providers: [SkyActionButtonAdapterService],\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
@@ -2520,7 +2583,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 98,
+                "line": 82,
                 "character": 2
               }
             ],
@@ -2657,7 +2720,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 67,
+                "line": 51,
                 "character": 13
               }
             ],
@@ -2673,7 +2736,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 456,
+                  "id": 471,
                   "name": "SkyActionButtonContainerAlignItemsType"
                 }
               }
@@ -2703,7 +2766,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 456,
+                      "id": 471,
                       "name": "SkyActionButtonContainerAlignItemsType"
                     }
                   }
@@ -2726,7 +2789,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 127,
+                "line": 109,
                 "character": 9
               }
             ],
@@ -2763,7 +2826,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 143,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -2800,7 +2863,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 108,
+                "line": 92,
                 "character": 9
               }
             ],
@@ -2849,7 +2912,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 151,
+                "line": 131,
                 "character": 9
               }
             ],
@@ -2897,7 +2960,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-            "line": 60,
+            "line": 43,
             "character": 13
           }
         ],
@@ -2933,7 +2996,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-description-list-description',\n  templateUrl: './description-list-description.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-description-list-description',\n  templateUrl: './description-list-description.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2947,7 +3010,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 49,
+                "line": 42,
                 "character": 2
               }
             ],
@@ -3012,7 +3075,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 37,
+                "line": 30,
                 "character": 9
               }
             ],
@@ -3051,14 +3114,14 @@
                 },
                 "arguments": {
                   "selector": "'descriptionTemplateRef'",
-                  "opts": "{\n    read: TemplateRef,\n    static: true\n  }"
+                  "opts": "{\n    read: TemplateRef,\n    static: true,\n  }"
                 }
               }
             ],
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 45,
+                "line": 38,
                 "character": 9
               }
             ],
@@ -3084,7 +3147,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 39,
+                "line": 32,
                 "character": 9
               }
             ],
@@ -3104,7 +3167,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 69,
+                "line": 60,
                 "character": 9
               }
             ],
@@ -3141,7 +3204,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 55,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -3198,7 +3261,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-            "line": 35,
+            "line": 27,
             "character": 13
           }
         ],
@@ -3230,7 +3293,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-description-list-content',\n  templateUrl: './description-list-content.component.html'\n}"
+              "obj": "{\n  selector: 'sky-description-list-content',\n  templateUrl: './description-list-content.component.html',\n}"
             }
           }
         ],
@@ -3279,7 +3342,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-content.component.ts",
-                "line": 28,
+                "line": 19,
                 "character": 9
               }
             ],
@@ -3318,7 +3381,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-content.component.ts",
-                "line": 25,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -3355,7 +3418,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list-content.component.ts",
-            "line": 22,
+            "line": 14,
             "character": 13
           }
         ]
@@ -3377,7 +3440,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-fluid-grid',\n  templateUrl: './fluid-grid.component.html',\n  styleUrls: [\n    './fluid-grid.component.scss'\n  ]\n}"
+              "obj": "{\n  selector: 'sky-fluid-grid',\n  templateUrl: './fluid-grid.component.html',\n  styleUrls: ['./fluid-grid.component.scss'],\n}"
             }
           }
         ],
@@ -3424,7 +3487,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-                "line": 32,
+                "line": 22,
                 "character": 13
               }
             ],
@@ -3501,7 +3564,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-                "line": 46,
+                "line": 36,
                 "character": 13
               }
             ],
@@ -3517,7 +3580,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 487,
+                  "id": 505,
                   "name": "SkyFluidGridGutterSizeType"
                 }
               }
@@ -3547,7 +3610,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 487,
+                      "id": 505,
                       "name": "SkyFluidGridGutterSizeType"
                     }
                   }
@@ -3580,7 +3643,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-            "line": 25,
+            "line": 16,
             "character": 13
           }
         ]
@@ -3602,7 +3665,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-row',\n  templateUrl: './row.component.html',\n  styleUrls: ['./row.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-row',\n  templateUrl: './row.component.html',\n  styleUrls: ['./row.component.scss'],\n}"
             }
           }
         ],
@@ -3707,7 +3770,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-column',\n  templateUrl: './column.component.html',\n  styleUrls: ['./column.component.scss'],\n  encapsulation: ViewEncapsulation.None\n}"
+              "obj": "{\n  selector: 'sky-column',\n  templateUrl: './column.component.html',\n  styleUrls: ['./column.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
@@ -3756,7 +3819,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 53,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -3789,7 +3852,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 50,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -3822,7 +3885,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 42,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -3855,7 +3918,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 34,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -3894,7 +3957,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 26,
+                "line": 25,
                 "character": 9
               }
             ],
@@ -3914,7 +3977,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 62,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -3943,7 +4006,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 55,
+                "line": 54,
                 "character": 9
               }
             ],
@@ -3993,7 +4056,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 86,
+                "line": 88,
                 "character": 9
               }
             ],
@@ -4081,7 +4144,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-format',\n  templateUrl: './format.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-format',\n  templateUrl: './format.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -4118,7 +4181,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/format/format.component.ts",
-                "line": 21,
+                "line": 18,
                 "character": 9
               }
             ],
@@ -4151,7 +4214,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/format/format.component.ts",
-                "line": 42,
+                "line": 39,
                 "character": 13
               }
             ],
@@ -4240,7 +4303,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/format/format.component.ts",
-                "line": 28,
+                "line": 25,
                 "character": 13
               }
             ],
@@ -4318,7 +4381,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/format/format.component.ts",
-            "line": 19,
+            "line": 17,
             "character": 13
           }
         ]
@@ -4340,7 +4403,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page',\n  templateUrl: './page.component.html',\n  providers: [SkyPageThemeAdapterService]\n}"
+              "obj": "{\n  selector: 'sky-page',\n  templateUrl: './page.component.html',\n  providers: [SkyPageThemeAdapterService],\n}"
             }
           }
         ],
@@ -4354,7 +4417,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 23,
+                "line": 16,
                 "character": 2
               }
             ],
@@ -4397,7 +4460,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 29,
+                "line": 22,
                 "character": 9
               }
             ],
@@ -4434,7 +4497,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 25,
+                "line": 18,
                 "character": 9
               }
             ],
@@ -4481,7 +4544,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page/page.component.ts",
-            "line": 21,
+            "line": 15,
             "character": 13
           }
         ],
@@ -4513,7 +4576,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page-summary',\n  templateUrl: './page-summary.component.html',\n  styleUrls: ['./page-summary.component.scss'],\n  providers: [SkyPageSummaryAdapterService]\n}"
+              "obj": "{\n  selector: 'sky-page-summary',\n  templateUrl: './page-summary.component.html',\n  styleUrls: ['./page-summary.component.scss'],\n  providers: [SkyPageSummaryAdapterService],\n}"
             }
           }
         ],
@@ -4527,7 +4590,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 46,
+                "line": 39,
                 "character": 2
               }
             ],
@@ -4598,7 +4661,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 37,
+                "line": 28,
                 "character": 13
               }
             ],
@@ -4627,7 +4690,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 52,
+                "line": 45,
                 "character": 9
               }
             ],
@@ -4664,7 +4727,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 60,
+                "line": 56,
                 "character": 9
               }
             ],
@@ -4718,7 +4781,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-            "line": 36,
+            "line": 27,
             "character": 13
           }
         ],
@@ -4750,7 +4813,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page-summary-alert',\n  templateUrl: './page-summary-alert.component.html',\n  styleUrls: ['./page-summary-alert.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-page-summary-alert',\n  templateUrl: './page-summary-alert.component.html',\n  styleUrls: ['./page-summary-alert.component.scss'],\n}"
             }
           }
         ],
@@ -4811,7 +4874,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page-summary-content',\n  templateUrl: './page-summary-content.component.html',\n  styleUrls: ['./page-summary-content.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-page-summary-content',\n  templateUrl: './page-summary-content.component.html',\n  styleUrls: ['./page-summary-content.component.scss'],\n}"
             }
           }
         ],
@@ -4872,7 +4935,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-action-button-details',\n  templateUrl: './action-button-details.component.html'\n}"
+              "obj": "{\n  selector: 'sky-action-button-details',\n  templateUrl: './action-button-details.component.html',\n}"
             }
           }
         ],
@@ -4911,7 +4974,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-details.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -4933,7 +4996,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page-summary-image',\n  templateUrl: './page-summary-image.component.html',\n  styleUrls: ['./page-summary-image.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-page-summary-image',\n  templateUrl: './page-summary-image.component.html',\n  styleUrls: ['./page-summary-image.component.scss'],\n}"
             }
           }
         ],
@@ -4994,7 +5057,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page-summary-key-info',\n  templateUrl: './page-summary-key-info.component.html',\n  styleUrls: ['./page-summary-key-info.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-page-summary-key-info',\n  templateUrl: './page-summary-key-info.component.html',\n  styleUrls: ['./page-summary-key-info.component.scss'],\n}"
             }
           }
         ],
@@ -5055,7 +5118,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page-summary-status',\n  templateUrl: './page-summary-status.component.html',\n  styleUrls: ['./page-summary-status.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-page-summary-status',\n  templateUrl: './page-summary-status.component.html',\n  styleUrls: ['./page-summary-status.component.scss'],\n}"
             }
           }
         ],
@@ -5116,7 +5179,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page-summary-subtitle',\n  templateUrl: './page-summary-subtitle.component.html',\n  styleUrls: ['./page-summary-subtitle.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-page-summary-subtitle',\n  templateUrl: './page-summary-subtitle.component.html',\n  styleUrls: ['./page-summary-subtitle.component.scss'],\n}"
             }
           }
         ],
@@ -5177,7 +5240,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-page-summary-title',\n  templateUrl: './page-summary-title.component.html',\n  styleUrls: ['./page-summary-title.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-page-summary-title',\n  templateUrl: './page-summary-title.component.html',\n  styleUrls: ['./page-summary-title.component.scss'],\n}"
             }
           }
         ],
@@ -5235,7 +5298,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-text-expand',\n  templateUrl: './text-expand.component.html',\n  styleUrls: ['./text-expand.component.scss'],\n  providers: [\n    SkyTextExpandAdapterService\n  ]\n}"
+              "obj": "{\n  selector: 'sky-text-expand',\n  templateUrl: './text-expand.component.html',\n  styleUrls: ['./text-expand.component.scss'],\n  providers: [SkyTextExpandAdapterService],\n}"
             }
           }
         ],
@@ -5249,7 +5312,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 148,
+                "line": 131,
                 "character": 2
               }
             ],
@@ -5314,7 +5377,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 112,
+                "line": 95,
                 "character": 9
               }
             ],
@@ -5334,7 +5397,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 114,
+                "line": 97,
                 "character": 9
               }
             ],
@@ -5374,7 +5437,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 57,
+                "line": 40,
                 "character": 9
               }
             ],
@@ -5394,7 +5457,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 116,
+                "line": 99,
                 "character": 9
               }
             ],
@@ -5414,7 +5477,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 118,
+                "line": 101,
                 "character": 9
               }
             ],
@@ -5435,7 +5498,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 120,
+                "line": 103,
                 "character": 9
               }
             ],
@@ -5468,7 +5531,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 65,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -5502,7 +5565,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 73,
+                "line": 56,
                 "character": 9
               }
             ],
@@ -5536,7 +5599,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 110,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -5567,7 +5630,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 82,
+                "line": 65,
                 "character": 13
               }
             ],
@@ -5644,7 +5707,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 99,
+                "line": 82,
                 "character": 13
               }
             ],
@@ -5689,7 +5752,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 194,
+                "line": 171,
                 "character": 9
               }
             ],
@@ -5718,7 +5781,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 201,
+                "line": 178,
                 "character": 9
               }
             ],
@@ -5755,7 +5818,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 154,
+                "line": 137,
                 "character": 9
               }
             ],
@@ -5818,7 +5881,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-            "line": 50,
+            "line": 34,
             "character": 13
           }
         ],
@@ -5843,7 +5906,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-text-expand-repeater',\n  templateUrl: './text-expand-repeater.component.html',\n  styleUrls: ['./text-expand-repeater.component.scss'],\n  providers: [\n    SkyTextExpandRepeaterAdapterService\n  ]\n}"
+              "obj": "{\n  selector: 'sky-text-expand-repeater',\n  templateUrl: './text-expand-repeater.component.html',\n  styleUrls: ['./text-expand-repeater.component.scss'],\n  providers: [SkyTextExpandRepeaterAdapterService],\n}"
             }
           }
         ],
@@ -5857,7 +5920,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 91,
+                "line": 80,
                 "character": 2
               }
             ],
@@ -5939,7 +6002,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 73,
+                "line": 62,
                 "character": 9
               }
             ],
@@ -5959,7 +6022,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 74,
+                "line": 63,
                 "character": 9
               }
             ],
@@ -5982,7 +6045,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 76,
+                "line": 65,
                 "character": 9
               }
             ],
@@ -6016,7 +6079,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 52,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -6039,7 +6102,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 75,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -6059,7 +6122,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 78,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -6093,7 +6156,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 58,
+                "line": 47,
                 "character": 9
               }
             ],
@@ -6138,13 +6201,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 65,
-                "character": 12
+                "line": 54,
+                "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 509,
+              "id": 527,
               "name": "SkyTextExpandRepeaterListStyleType"
             },
             "defaultValue": "'unordered'"
@@ -6173,7 +6236,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 71,
+                "line": 60,
                 "character": 9
               }
             ],
@@ -6193,7 +6256,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 132,
+                "line": 121,
                 "character": 9
               }
             ],
@@ -6222,7 +6285,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 98,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -6259,7 +6322,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 125,
+                "line": 114,
                 "character": 9
               }
             ],
@@ -6309,7 +6372,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 143,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -6365,7 +6428,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-            "line": 46,
+            "line": 34,
             "character": 13
           }
         ],
@@ -6397,7 +6460,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-toolbar',\n  styleUrls: ['./toolbar.component.scss'],\n  templateUrl: './toolbar.component.html'\n}"
+              "obj": "{\n  selector: 'sky-toolbar',\n  styleUrls: ['./toolbar.component.scss'],\n  templateUrl: './toolbar.component.html',\n}"
             }
           }
         ],
@@ -6434,7 +6497,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/toolbar/toolbar.component.ts",
-                "line": 22,
+                "line": 19,
                 "character": 9
               }
             ],
@@ -6455,7 +6518,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/toolbar/toolbar.component.ts",
-                "line": 27,
+                "line": 24,
                 "character": 9
               }
             ],
@@ -6508,7 +6571,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar.component.ts",
-            "line": 20,
+            "line": 18,
             "character": 13
           }
         ],
@@ -6536,7 +6599,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-toolbar-section',\n  styleUrls: ['./toolbar-section.component.scss'],\n  templateUrl: './toolbar-section.component.html'\n}"
+              "obj": "{\n  selector: 'sky-toolbar-section',\n  styleUrls: ['./toolbar-section.component.scss'],\n  templateUrl: './toolbar-section.component.html',\n}"
             }
           }
         ],
@@ -6575,7 +6638,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar-section.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -6597,7 +6660,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-toolbar-item',\n  styleUrls: ['./toolbar-item.component.scss'],\n  templateUrl: './toolbar-item.component.html'\n}"
+              "obj": "{\n  selector: 'sky-toolbar-item',\n  styleUrls: ['./toolbar-item.component.scss'],\n  templateUrl: './toolbar-item.component.html',\n}"
             }
           }
         ],
@@ -6636,7 +6699,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar-item.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -6658,7 +6721,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-action-button-header',\n  styleUrls: ['./action-button-header.component.scss'],\n  templateUrl: './action-button-header.component.html'\n}"
+              "obj": "{\n  selector: 'sky-action-button-header',\n  styleUrls: ['./action-button-header.component.scss'],\n  templateUrl: './action-button-header.component.html',\n}"
             }
           }
         ],
@@ -6697,7 +6760,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-header.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -6719,7 +6782,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-toolbar-view-actions',\n  templateUrl: './toolbar-view-actions.component.html',\n  styleUrls: ['./toolbar-view-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-toolbar-view-actions',\n  templateUrl: './toolbar-view-actions.component.html',\n  styleUrls: ['./toolbar-view-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -6758,19 +6821,19 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar-view-actions.component.ts",
-            "line": 16,
+            "line": 13,
             "character": 13
           }
         ]
       },
       {
-        "id": 55,
-        "name": "SkyActionButtonIconComponent",
+        "id": 444,
+        "name": "SkyBoxComponent",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Specifies an icon to display on the action button."
+          "shortText": "Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls."
         },
         "decorators": [
           {
@@ -6780,54 +6843,406 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-action-button-icon',\n  styleUrls: ['./action-button-icon.component.scss'],\n  templateUrl: './action-button-icon.component.html'\n}"
+              "obj": "{\n  selector: 'sky-box',\n  templateUrl: './box.component.html',\n  styleUrls: ['./box.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 56,
+            "id": 445,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
-            "sources": [
-              {
-                "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-                "line": 44,
-                "character": 2
-              }
-            ],
             "signatures": [
               {
-                "id": 57,
-                "name": "SkyActionButtonIconComponent",
+                "id": 446,
+                "name": "SkyBoxComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
-                "parameters": [
-                  {
-                    "id": 58,
-                    "name": "mediaQueryService",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "name": "SkyMediaQueryService"
-                    }
-                  }
-                ],
                 "type": {
                   "type": "reference",
-                  "id": 55,
-                  "name": "SkyActionButtonIconComponent"
+                  "id": 444,
+                  "name": "SkyBoxComponent"
                 }
               }
             ]
           },
           {
-            "id": 60,
+            "id": 447,
+            "name": "ariaLabel",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies an ARIA label for the box. This sets the box's `aria-label` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nIf the box includes a visible label, use `ariaLabelledBy` instead."
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/box/box.component.ts",
+                "line": 19,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 448,
+            "name": "ariaLabelledBy",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies the HTML element ID (without the leading `#`) of the element that labels\nthe box. This sets the box's `aria-labelledby` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nIf the box does not include a visible label, use `ariaLabel` instead."
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/box/box.component.ts",
+                "line": 28,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 449,
+            "name": "ariaRole",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies an ARIA role for the box\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating what the box contains. For information about\nhow an ARIA role indicates what an item represents on a web page,\nsee the [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles)."
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/box/box.component.ts",
+                "line": 38,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              445
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              447,
+              448,
+              449
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box.component.ts",
+            "line": 12,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 450,
+        "name": "SkyBoxHeaderComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies a header for the box."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-box-header',\n  templateUrl: './box-header.component.html',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 451,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 452,
+                "name": "SkyBoxHeaderComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 450,
+                  "name": "SkyBoxHeaderComponent"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              451
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box-header.component.ts",
+            "line": 10,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 453,
+        "name": "SkyBoxContentComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies the body content to display inside the box and provides padding around that content."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-box-content',\n  templateUrl: './box-content.component.html',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 454,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 455,
+                "name": "SkyBoxContentComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 453,
+                  "name": "SkyBoxContentComponent"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              454
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box-content.component.ts",
+            "line": 10,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 456,
+        "name": "SkyBoxControlsComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-box-controls',\n  templateUrl: './box-controls.component.html',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 457,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 458,
+                "name": "SkyBoxControlsComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 456,
+                  "name": "SkyBoxControlsComponent"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              457
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box-controls.component.ts",
+            "line": 10,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 55,
+        "name": "SkyActionButtonIconComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies an icon to display on the action button."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-action-button-icon',\n  styleUrls: ['./action-button-icon.component.scss'],\n  templateUrl: './action-button-icon.component.html',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 56,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
+                "line": 34,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 57,
+                "name": "SkyActionButtonIconComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 58,
+                    "name": "mediaQueryService",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyMediaQueryService"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 55,
+                  "name": "SkyActionButtonIconComponent"
+                }
+              }
+            ]
+          },
+          {
+            "id": 60,
             "name": "fontSizeClass",
             "kind": 1024,
             "kindString": "Property",
@@ -6837,7 +7252,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-                "line": 40,
+                "line": 30,
                 "character": 9
               }
             ],
@@ -6871,7 +7286,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-                "line": 38,
+                "line": 28,
                 "character": 9
               }
             ],
@@ -6891,7 +7306,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-                "line": 54,
+                "line": 46,
                 "character": 9
               }
             ],
@@ -6945,7 +7360,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-            "line": 27,
+            "line": 18,
             "character": 13
           }
         ],
@@ -6973,7 +7388,7 @@
               "name": "Directive"
             },
             "arguments": {
-              "obj": "{\n  selector: '[skyBackToTop]',\n  providers: [\n    SkyBackToTopDomAdapterService\n  ]\n}"
+              "obj": "{\n  selector: '[skyBackToTop]',\n  providers: [SkyBackToTopDomAdapterService],\n}"
             }
           }
         ],
@@ -6987,7 +7402,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 86,
+                "line": 68,
                 "character": 2
               }
             ],
@@ -7068,7 +7483,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 58,
+                "line": 38,
                 "character": 13
               }
             ],
@@ -7091,7 +7506,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 464,
+                      "id": 479,
                       "name": "SkyBackToTopOptions"
                     }
                   }
@@ -7124,7 +7539,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 69,
+                "line": 49,
                 "character": 13
               }
             ],
@@ -7150,7 +7565,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 460,
+                          "id": 475,
                           "name": "SkyBackToTopMessage"
                         }
                       ],
@@ -7176,7 +7591,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 92,
+                "line": 74,
                 "character": 9
               }
             ],
@@ -7213,7 +7628,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 100,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -7268,7 +7683,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-            "line": 52,
+            "line": 33,
             "character": 13
           }
         ],
@@ -7297,7 +7712,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-inline-delete',\n  styleUrls: ['./inline-delete.component.scss'],\n  templateUrl: './inline-delete.component.html',\n  animations: [\n    trigger('inlineDeleteAnimation', [\n      transition('* => shown', [\n        style({\n          opacity: 0\n        }),\n        query('.sky-inline-delete-content-animation-container',\n          style({ transform: 'scale(0.0)' })),\n        group([\n          animate('300ms ease-in-out', style({ opacity: 1 })),\n          query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({\n            transform: 'scale(1)'\n          })))\n        ])\n      ]),\n      transition(`shown <=> *`, [\n        query('.sky-inline-delete-content-animation-container',\n          style({ transform: 'scale(1)' })),\n        group([\n          animate('300ms ease-in-out', style({\n            opacity: 0\n          })),\n          query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({\n            transform: 'scale(0.0)'\n          })))\n        ])\n      ])\n    ])\n  ],\n  providers: [\n    SkyCoreAdapterService,\n    SkyInlineDeleteAdapterService\n  ]\n}"
+              "obj": "{\n  selector: 'sky-inline-delete',\n  styleUrls: ['./inline-delete.component.scss'],\n  templateUrl: './inline-delete.component.html',\n  animations: [\n    trigger('inlineDeleteAnimation', [\n      transition('* => shown', [\n        style({\n          opacity: 0,\n        }),\n        query(\n          '.sky-inline-delete-content-animation-container',\n          style({ transform: 'scale(0.0)' })\n        ),\n        group([\n          animate('300ms ease-in-out', style({ opacity: 1 })),\n          query(\n            '.sky-inline-delete-content-animation-container',\n            animate(\n              '300ms ease-in-out',\n              style({\n                transform: 'scale(1)',\n              })\n            )\n          ),\n        ]),\n      ]),\n      transition(`shown <=> *`, [\n        query(\n          '.sky-inline-delete-content-animation-container',\n          style({ transform: 'scale(1)' })\n        ),\n        group([\n          animate(\n            '300ms ease-in-out',\n            style({\n              opacity: 0,\n            })\n          ),\n          query(\n            '.sky-inline-delete-content-animation-container',\n            animate(\n              '300ms ease-in-out',\n              style({\n                transform: 'scale(0.0)',\n              })\n            )\n          ),\n        ]),\n      ]),\n    ]),\n  ],\n  providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService],\n}"
             }
           }
         ],
@@ -7311,7 +7726,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 111,
+                "line": 120,
                 "character": 2
               }
             ],
@@ -7382,7 +7797,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 99,
+                "line": 108,
                 "character": 9
               }
             ],
@@ -7403,7 +7818,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 101,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -7437,7 +7852,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 91,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -7477,7 +7892,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 97,
+                "line": 106,
                 "character": 9
               }
             ],
@@ -7523,7 +7938,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 85,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -7544,7 +7959,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 103,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -7579,7 +7994,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-            "line": 78,
+            "line": 88,
             "character": 13
           }
         ],
@@ -7611,7 +8026,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-card',\n  styleUrls: ['./card.component.scss'],\n  templateUrl: './card.component.html'\n}"
+              "obj": "{\n  selector: 'sky-card',\n  styleUrls: ['./card.component.scss'],\n  templateUrl: './card.component.html',\n}"
             }
           }
         ],
@@ -7660,7 +8075,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 67,
+                "line": 59,
                 "character": 9
               }
             ],
@@ -7706,7 +8121,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 50,
+                "line": 42,
                 "character": 9
               }
             ],
@@ -7745,7 +8160,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 58,
+                "line": 50,
                 "character": 9
               }
             ],
@@ -7778,7 +8193,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 64,
+                "line": 56,
                 "character": 9
               }
             ],
@@ -7805,7 +8220,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 72,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -7845,7 +8260,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 42,
+                "line": 34,
                 "character": 9
               }
             ],
@@ -7877,7 +8292,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 70,
+                "line": 62,
                 "character": 9
               }
             ],
@@ -7904,7 +8319,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 94,
+                "line": 86,
                 "character": 9
               }
             ],
@@ -7933,7 +8348,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 76,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -7970,7 +8385,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 108,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -8007,7 +8422,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 101,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -8074,7 +8489,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card.component.ts",
-            "line": 36,
+            "line": 28,
             "character": 13
           }
         ],
@@ -8090,7 +8505,7 @@
         ]
       },
       {
-        "id": 444,
+        "id": 459,
         "name": "SkyActionButtonPermalink",
         "kind": 256,
         "kindString": "Interface",
@@ -8100,7 +8515,7 @@
         },
         "children": [
           {
-            "id": 445,
+            "id": 460,
             "name": "route",
             "kind": 1024,
             "kindString": "Property",
@@ -8113,21 +8528,21 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-                "line": 26,
+                "line": 24,
                 "character": 2
               }
             ],
             "type": {
               "type": "reflection",
               "declaration": {
-                "id": 446,
+                "id": 461,
                 "name": "__type",
                 "kind": 65536,
                 "kindString": "Type literal",
                 "flags": {},
                 "children": [
                   {
-                    "id": 447,
+                    "id": 462,
                     "name": "commands",
                     "kind": 1024,
                     "kindString": "Property",
@@ -8135,7 +8550,7 @@
                     "sources": [
                       {
                         "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-                        "line": 27,
+                        "line": 25,
                         "character": 4
                       }
                     ],
@@ -8148,7 +8563,7 @@
                     }
                   },
                   {
-                    "id": 448,
+                    "id": 463,
                     "name": "extras",
                     "kind": 1024,
                     "kindString": "Property",
@@ -8158,7 +8573,7 @@
                     "sources": [
                       {
                         "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-                        "line": 28,
+                        "line": 26,
                         "character": 4
                       }
                     ],
@@ -8173,8 +8588,8 @@
                     "title": "Properties",
                     "kind": 1024,
                     "children": [
-                      447,
-                      448
+                      462,
+                      463
                     ]
                   }
                 ]
@@ -8182,7 +8597,7 @@
             }
           },
           {
-            "id": 449,
+            "id": 464,
             "name": "url",
             "kind": 1024,
             "kindString": "Property",
@@ -8195,7 +8610,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-                "line": 33,
+                "line": 31,
                 "character": 2
               }
             ],
@@ -8210,21 +8625,21 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              445,
-              449
+              460,
+              464
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-            "line": 10,
+            "line": 8,
             "character": 17
           }
         ]
       },
       {
-        "id": 460,
+        "id": 475,
         "name": "SkyBackToTopMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -8234,7 +8649,7 @@
         },
         "children": [
           {
-            "id": 461,
+            "id": 476,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -8247,13 +8662,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/models/back-to-top-message.ts",
-                "line": 13,
+                "line": 10,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 463,
+              "id": 478,
               "name": "BackToTop"
             }
           }
@@ -8263,20 +8678,20 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              461
+              476
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/back-to-top/models/back-to-top-message.ts",
-            "line": 8,
+            "line": 6,
             "character": 17
           }
         ]
       },
       {
-        "id": 464,
+        "id": 479,
         "name": "SkyBackToTopOptions",
         "kind": 256,
         "kindString": "Interface",
@@ -8286,7 +8701,7 @@
         },
         "children": [
           {
-            "id": 465,
+            "id": 480,
             "name": "buttonHidden",
             "kind": 1024,
             "kindString": "Property",
@@ -8305,7 +8720,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/models/back-to-top-options.ts",
-                "line": 10,
+                "line": 9,
                 "character": 2
               }
             ],
@@ -8320,7 +8735,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              465
+              480
             ]
           }
         ],
@@ -8333,7 +8748,7 @@
         ]
       },
       {
-        "id": 456,
+        "id": 471,
         "name": "SkyActionButtonContainerAlignItemsType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8360,7 +8775,7 @@
         }
       },
       {
-        "id": 479,
+        "id": 497,
         "name": "SkyDescriptionListModeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8394,7 +8809,7 @@
         }
       },
       {
-        "id": 487,
+        "id": 505,
         "name": "SkyFluidGridGutterSizeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8437,7 +8852,7 @@
         }
       },
       {
-        "id": 509,
+        "id": 527,
         "name": "SkyTextExpandRepeaterListStyleType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8473,26 +8888,27 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          462
+          477
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          450,
-          457,
-          466,
-          469,
+          465,
           472,
+          481,
           484,
-          491,
-          497,
-          500,
-          503,
-          506,
-          510,
-          513,
+          487,
+          490,
+          502,
+          509,
+          515,
+          518,
+          521,
+          524,
+          528,
+          531,
           1,
           152,
           155,
@@ -8528,6 +8944,10 @@
           438,
           52,
           441,
+          444,
+          450,
+          453,
+          456,
           55,
           72,
           105,
@@ -8538,19 +8958,19 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          444,
-          460,
-          464
+          459,
+          475,
+          479
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          456,
-          479,
-          487,
-          509
+          471,
+          497,
+          505,
+          527
         ]
       }
     ],
@@ -8563,65 +8983,70 @@
     ]
   },
   "codeExamples": [
+    {
+      "fileName": ".eslintrc.json",
+      "filePath": "/projects/layout/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": "action-button-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/action-button/basic/action-button-demo.component.html",
-      "rawContents": "<sky-action-button-container>\n  <sky-action-button\n    (actionClick)=\"filterActionClick()\"\n  >\n    <sky-action-button-icon\n      iconType=\"filter\"\n    >\n    </sky-action-button-icon>\n    <sky-action-button-header>\n      Build a new list\n    </sky-action-button-header>\n    <sky-action-button-details>\n      Start from scratch and fine-tune with filters.\n    </sky-action-button-details>\n  </sky-action-button>\n\n  <sky-action-button\n    (actionClick)=\"openActionClick()\"\n  >\n    <sky-action-button-icon\n      iconType=\"folder-open-o\"\n    >\n    </sky-action-button-icon>\n    <sky-action-button-header>\n      Open a saved list\n    </sky-action-button-header>\n    <sky-action-button-details>\n      Open a list with filters saved in the web view.\n    </sky-action-button-details>\n  </sky-action-button>\n</sky-action-button-container>\n"
+      "rawContents": "<sky-action-button-container>\n  <sky-action-button (actionClick)=\"filterActionClick()\">\n    <sky-action-button-icon iconType=\"filter\"> </sky-action-button-icon>\n    <sky-action-button-header> Build a new list </sky-action-button-header>\n    <sky-action-button-details>\n      Start from scratch and fine-tune with filters.\n    </sky-action-button-details>\n  </sky-action-button>\n\n  <sky-action-button (actionClick)=\"openActionClick()\">\n    <sky-action-button-icon iconType=\"folder-open-o\"> </sky-action-button-icon>\n    <sky-action-button-header> Open a saved list </sky-action-button-header>\n    <sky-action-button-details>\n      Open a list with filters saved in the web view.\n    </sky-action-button-details>\n  </sky-action-button>\n</sky-action-button-container>\n"
     },
     {
       "fileName": "action-button-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/action-button/basic/action-button-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-action-button-demo',\n  templateUrl: './action-button-demo.component.html'\n})\nexport class ActionButtonDemoComponent {\n\n  public filterActionClick(): void {\n    alert('Filter action clicked');\n  }\n\n  public openActionClick(): void {\n    alert('Open action clicked');\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-action-button-demo',\n  templateUrl: './action-button-demo.component.html',\n})\nexport class ActionButtonDemoComponent {\n  public filterActionClick(): void {\n    alert('Filter action clicked');\n  }\n\n  public openActionClick(): void {\n    alert('Open action clicked');\n  }\n}\n"
     },
     {
       "fileName": "action-button-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/action-button/basic/action-button-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyActionButtonModule\n} from '@skyux/layout';\n\nimport {\n  ActionButtonDemoComponent\n} from './action-button-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyActionButtonModule\n  ],\n  declarations: [\n    ActionButtonDemoComponent\n  ],\n  exports: [\n    ActionButtonDemoComponent\n  ]\n})\nexport class ActionButtonDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyActionButtonModule } from '@skyux/layout';\n\nimport { ActionButtonDemoComponent } from './action-button-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyActionButtonModule],\n  declarations: [ActionButtonDemoComponent],\n  exports: [ActionButtonDemoComponent],\n})\nexport class ActionButtonDemoModule {}\n"
     },
     {
       "fileName": "action-button-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/action-button/permalink/action-button-demo.component.html",
-      "rawContents": "<sky-action-button-container>\n  <sky-action-button\n    [permalink]=\"url\"\n  >\n    <sky-action-button-icon\n      iconType=\"link\"\n    >\n    </sky-action-button-icon>\n    <sky-action-button-header>\n      Open a link\n    </sky-action-button-header>\n    <sky-action-button-details>\n      Open a link.\n    </sky-action-button-details>\n  </sky-action-button>\n\n  <sky-action-button\n    [permalink]=\"routerlink\"\n  >\n    <sky-action-button-icon\n      iconType=\"link\"\n    >\n    </sky-action-button-icon>\n    <sky-action-button-header>\n      Open a router link\n    </sky-action-button-header>\n    <sky-action-button-details>\n      Open a router link.\n    </sky-action-button-details>\n  </sky-action-button>\n</sky-action-button-container>\n"
+      "rawContents": "<sky-action-button-container>\n  <sky-action-button [permalink]=\"url\">\n    <sky-action-button-icon iconType=\"link\"> </sky-action-button-icon>\n    <sky-action-button-header> Open a link </sky-action-button-header>\n    <sky-action-button-details> Open a link. </sky-action-button-details>\n  </sky-action-button>\n\n  <sky-action-button [permalink]=\"routerlink\">\n    <sky-action-button-icon iconType=\"link\"> </sky-action-button-icon>\n    <sky-action-button-header> Open a router link </sky-action-button-header>\n    <sky-action-button-details> Open a router link. </sky-action-button-details>\n  </sky-action-button>\n</sky-action-button-container>\n"
     },
     {
       "fileName": "action-button-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/action-button/permalink/action-button-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyActionButtonPermalink\n} from '@skyux/layout';\n\n@Component({\n  selector: 'app-action-button-demo',\n  templateUrl: './action-button-demo.component.html'\n})\nexport class ActionButtonDemoComponent {\n\n  public routerlink: SkyActionButtonPermalink = {\n    route: {\n      commands: [],\n      extras: {\n        queryParams: {\n          component: 'MyComponent'\n        }\n      }\n    }\n  };\n\n  public url: SkyActionButtonPermalink = {\n    url: 'https://developer.blackbaud.com/skyux/components'\n  };\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { SkyActionButtonPermalink } from '@skyux/layout';\n\n@Component({\n  selector: 'app-action-button-demo',\n  templateUrl: './action-button-demo.component.html',\n})\nexport class ActionButtonDemoComponent {\n  public routerlink: SkyActionButtonPermalink = {\n    route: {\n      commands: [],\n      extras: {\n        queryParams: {\n          component: 'MyComponent',\n        },\n      },\n    },\n  };\n\n  public url: SkyActionButtonPermalink = {\n    url: 'https://developer.blackbaud.com/skyux/components',\n  };\n}\n"
     },
     {
       "fileName": "action-button-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/action-button/permalink/action-button-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyActionButtonModule\n} from '@skyux/layout';\n\nimport {\n  ActionButtonDemoComponent\n} from './action-button-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyActionButtonModule\n  ],\n  declarations: [\n    ActionButtonDemoComponent\n  ],\n  exports: [\n    ActionButtonDemoComponent\n  ]\n})\nexport class ActionButtonDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyActionButtonModule } from '@skyux/layout';\n\nimport { ActionButtonDemoComponent } from './action-button-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyActionButtonModule],\n  declarations: [ActionButtonDemoComponent],\n  exports: [ActionButtonDemoComponent],\n})\nexport class ActionButtonDemoModule {}\n"
     },
     {
       "fileName": "back-to-top-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/grid/back-to-top-demo.component.html",
-      "rawContents": "<sky-grid\n  [data]=\"personList\"\n  skyBackToTop\n>\n  <sky-grid-column\n    field=\"name\"\n    heading=\"Name\"\n  >\n  </sky-grid-column>\n  <sky-grid-column\n    field=\"address\"\n    heading=\"Address\"\n  >\n  </sky-grid-column>\n</sky-grid>\n"
+      "rawContents": "<sky-grid [data]=\"personList\" skyBackToTop>\n  <sky-grid-column field=\"name\" heading=\"Name\"> </sky-grid-column>\n  <sky-grid-column field=\"address\" heading=\"Address\"> </sky-grid-column>\n</sky-grid>\n"
     },
     {
       "fileName": "back-to-top-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/grid/back-to-top-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html'\n})\nexport class BackToTopDemoComponent {\n\n  public personList = [\n    {\n      id: 1,\n      name: 'Barbara Durr',\n      address: '7436 Fieldstone Court'\n    },\n    {\n      id: 3,\n      name: 'Colton Chamberlain',\n      address: '342 Foster Court'\n    },\n    {\n      id: 4,\n      name: 'Alva Clifford',\n      address: '657 West Rockville Street'\n    },\n    {\n      id: 5,\n      name: 'Tonja Sanderson',\n      address: '7004 Third Street'\n    },\n    {\n      id: 6,\n      name: 'Paulene Baum',\n      address: '9309 Mammoth Street'\n    },\n    {\n      id: 7,\n      name: 'Jessy Witherspoon',\n      address: '43 Canal Street'\n    },\n    {\n      id: 8,\n      name: 'Solomon Hurley',\n      address: '667 Wakehurst Circle'\n    },\n    {\n      id: 9,\n      name: 'Calandra Geer',\n      address: '164 Applegate Drive'\n    },\n    {\n      id: 10,\n      name: 'Latrice Ashmore',\n      address: '7965 Lake Road'\n    },\n    {\n      id: 11,\n      name: 'Rod Tomlinson',\n      address: '9664 Newport Drive'\n    },\n    {\n      id: 12,\n      name: 'Cristen Sizemore',\n      address: '17 Edgefield Street'\n    },\n    {\n      id: 13,\n      name: 'Kristeen Lunsford',\n      address: '245 Green Lake Street'\n    },\n    {\n      id: 14,\n      name: 'Jack Lovett',\n      address: '73 Academy Street'\n    },\n    {\n      id: 15,\n      name: 'Elwood Farris',\n      address: '90 Smoky Hollow Court'\n    },\n    {\n      id: 16,\n      name: 'Ilene Woo',\n      address: '71 Pumpkin Hill Street'\n    },\n    {\n      id: 17,\n      name: 'Kanesha Hutto',\n      address: '107 East Cooper Street'\n    },\n    {\n      id: 18,\n      name: 'Nick Bourne',\n      address: '62 Evergreen Street'\n    },\n    {\n      id: 19,\n      name: 'Ed Sipes',\n      address: '8824 Hill Street'\n    },\n    {\n      id: 20,\n      name: 'Wonda Lumpkin',\n      address: '134 North Warren Street'\n    },\n    {\n      id: 21,\n      name: 'Cheyenne Lightfoot',\n      address: '184 Pierce Avenue'\n    },\n    {\n      id: 22,\n      name: 'Darcel Lenz',\n      address: '9408 Beechwood Street'\n    },\n    {\n      id: 23,\n      name: 'Martine Rocha',\n      address: '871 Shadow Brook Street'\n    },\n    {\n      id: 24,\n      name: 'Cherelle Connell',\n      address: '649 Glenwood Street'\n    },\n    {\n      id: 25,\n      name: 'Molly Seymour',\n      address: '386 E. George Street'\n    },\n    {\n      id: 26,\n      name: 'Clarice Overton',\n      address: '16 Manchester Street'\n    },\n    {\n      id: 27,\n      name: 'Eliza Vanhorn',\n      address: '8232 S. Augusta Street'\n    }\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html',\n})\nexport class BackToTopDemoComponent {\n  public personList = [\n    {\n      id: 1,\n      name: 'Barbara Durr',\n      address: '7436 Fieldstone Court',\n    },\n    {\n      id: 3,\n      name: 'Colton Chamberlain',\n      address: '342 Foster Court',\n    },\n    {\n      id: 4,\n      name: 'Alva Clifford',\n      address: '657 West Rockville Street',\n    },\n    {\n      id: 5,\n      name: 'Tonja Sanderson',\n      address: '7004 Third Street',\n    },\n    {\n      id: 6,\n      name: 'Paulene Baum',\n      address: '9309 Mammoth Street',\n    },\n    {\n      id: 7,\n      name: 'Jessy Witherspoon',\n      address: '43 Canal Street',\n    },\n    {\n      id: 8,\n      name: 'Solomon Hurley',\n      address: '667 Wakehurst Circle',\n    },\n    {\n      id: 9,\n      name: 'Calandra Geer',\n      address: '164 Applegate Drive',\n    },\n    {\n      id: 10,\n      name: 'Latrice Ashmore',\n      address: '7965 Lake Road',\n    },\n    {\n      id: 11,\n      name: 'Rod Tomlinson',\n      address: '9664 Newport Drive',\n    },\n    {\n      id: 12,\n      name: 'Cristen Sizemore',\n      address: '17 Edgefield Street',\n    },\n    {\n      id: 13,\n      name: 'Kristeen Lunsford',\n      address: '245 Green Lake Street',\n    },\n    {\n      id: 14,\n      name: 'Jack Lovett',\n      address: '73 Academy Street',\n    },\n    {\n      id: 15,\n      name: 'Elwood Farris',\n      address: '90 Smoky Hollow Court',\n    },\n    {\n      id: 16,\n      name: 'Ilene Woo',\n      address: '71 Pumpkin Hill Street',\n    },\n    {\n      id: 17,\n      name: 'Kanesha Hutto',\n      address: '107 East Cooper Street',\n    },\n    {\n      id: 18,\n      name: 'Nick Bourne',\n      address: '62 Evergreen Street',\n    },\n    {\n      id: 19,\n      name: 'Ed Sipes',\n      address: '8824 Hill Street',\n    },\n    {\n      id: 20,\n      name: 'Wonda Lumpkin',\n      address: '134 North Warren Street',\n    },\n    {\n      id: 21,\n      name: 'Cheyenne Lightfoot',\n      address: '184 Pierce Avenue',\n    },\n    {\n      id: 22,\n      name: 'Darcel Lenz',\n      address: '9408 Beechwood Street',\n    },\n    {\n      id: 23,\n      name: 'Martine Rocha',\n      address: '871 Shadow Brook Street',\n    },\n    {\n      id: 24,\n      name: 'Cherelle Connell',\n      address: '649 Glenwood Street',\n    },\n    {\n      id: 25,\n      name: 'Molly Seymour',\n      address: '386 E. George Street',\n    },\n    {\n      id: 26,\n      name: 'Clarice Overton',\n      address: '16 Manchester Street',\n    },\n    {\n      id: 27,\n      name: 'Eliza Vanhorn',\n      address: '8232 S. Augusta Street',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "back-to-top-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/grid/back-to-top-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyGridModule\n} from '@skyux/grids';\n\nimport {\n  SkyTabsModule\n} from '@skyux/tabs';\n\nimport {\n  BackToTopDemoComponent\n} from './back-to-top-demo.component';\nimport { SkyBackToTopModule } from '@skyux/layout';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyGridModule,\n    SkyTabsModule\n  ],\n  declarations: [\n    BackToTopDemoComponent\n  ],\n  exports: [\n    BackToTopDemoComponent\n  ]\n})\nexport class BackToTopDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyGridModule } from '@skyux/grids';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { BackToTopDemoComponent } from './back-to-top-demo.component';\nimport { SkyBackToTopModule } from '@skyux/layout';\n\n@NgModule({\n  imports: [CommonModule, SkyBackToTopModule, SkyGridModule, SkyTabsModule],\n  declarations: [BackToTopDemoComponent],\n  exports: [BackToTopDemoComponent],\n})\nexport class BackToTopDemoModule {}\n"
     },
     {
       "fileName": "back-to-top-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/infinite-scroll/back-to-top-demo.component.html",
-      "rawContents": "<sky-repeater skyBackToTop>\n  <sky-repeater-item *ngFor=\"let person of personList\">\n    <sky-repeater-item-title>\n      {{ person.name }}\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      {{ person.address }}\n    </sky-repeater-item-content>\n  </sky-repeater-item>\n</sky-repeater>\n<sky-infinite-scroll\n  [enabled]=\"hasMore\"\n  (scrollEnd)=\"onScrollEnd()\"\n>\n</sky-infinite-scroll>\n"
+      "rawContents": "<sky-repeater skyBackToTop>\n  <sky-repeater-item *ngFor=\"let person of personList\">\n    <sky-repeater-item-title>\n      {{ person.name }}\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      {{ person.address }}\n    </sky-repeater-item-content>\n  </sky-repeater-item>\n</sky-repeater>\n<sky-infinite-scroll [enabled]=\"hasMore\" (scrollEnd)=\"onScrollEnd()\">\n</sky-infinite-scroll>\n"
     },
     {
       "fileName": "back-to-top-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/infinite-scroll/back-to-top-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html'\n})\nexport class BackToTopDemoComponent implements OnInit {\n\n  public hasMore = true;\n\n  public personList: any[] = [];\n\n  public personDataSet = [\n    {\n      'name': 'Barbara Durr',\n      'address': '7436 Fieldstone Court'\n    },\n    {\n      'name': 'Colton Chamberlain',\n      'address': '342 Foster Court'\n    },\n    {\n      'name': 'Alva Clifford',\n      'address': '657 West Rockville Street'\n    },\n    {\n      'name': 'Tonja Sanderson',\n      'address': '7004 Third Street'\n    },\n    {\n      'name': 'Paulene Baum',\n      'address': '9309 Mammoth Street'\n    },\n    {\n      'name': 'Jessy Witherspoon',\n      'address': '43 Canal Street'\n    },\n    {\n      'name': 'Solomon Hurley',\n      'address': '667 Wakehurst Circle'\n    },\n    {\n      'name': 'Calandra Geer',\n      'address': '164 Applegate Drive'\n    },\n    {\n      'name': 'Latrice Ashmore',\n      'address': '7965 Lake Road'\n    },\n    {\n      'name': 'Rod Tomlinson',\n      'address': '9664 Newport Drive'\n    },\n    {\n      'name': 'Cristen Sizemore',\n      'address': '17 Edgefield Street'\n    },\n    {\n      'name': 'Kristeen Lunsford',\n      'address': '245 Green Lake Street'\n    },\n    {\n      'name': 'Jack Lovett',\n      'address': '73 Academy Street'\n    },\n    {\n      'name': 'Elwood Farris',\n      'address': '90 Smoky Hollow Court'\n    },\n    {\n      'name': 'Ilene Woo',\n      'address': '71 Pumpkin Hill Street'\n    },\n    {\n      'name': 'Kanesha Hutto',\n      'address': '107 East Cooper Street'\n    },\n    {\n      'name': 'Nick Bourne',\n      'address': '62 Evergreen Street'\n    },\n    {\n      'name': 'Ed Sipes',\n      'address': '8824 Hill Street'\n    },\n    {\n      'name': 'Wonda Lumpkin',\n      'address': '134 North Warren Street'\n    },\n    {\n      'name': 'Cheyenne Lightfoot',\n      'address': '184 Pierce Avenue'\n    },\n    {\n      'name': 'Darcel Lenz',\n      'address': '9408 Beechwood Street'\n    },\n    {\n      'name': 'Martine Rocha',\n      'address': '871 Shadow Brook Street'\n    },\n    {\n      'name': 'Cherelle Connell',\n      'address': '649 Glenwood Street'\n    },\n    {\n      'name': 'Molly Seymour',\n      'address': '386 E. George Street'\n    },\n    {\n      'name': 'Clarice Overton',\n      'address': '16 Manchester Street'\n    },\n    {\n      'name': 'Eliza Vanhorn',\n      'address': '8232 S. Augusta Street'\n    }\n  ];\n\n  public ngOnInit(): void {\n    this.addData(0, 5);\n  }\n\n  public onScrollEnd(): void {\n    this.addData(this.personList.length, 5);\n  }\n\n  private addData(start: number, rowSize: number): void {\n    if (this.hasMore) {\n      this.mockRemote(start, rowSize).then((result: any) => {\n        this.personList = this.personList.concat(result.data);\n        this.hasMore = result.hasMore;\n      });\n    }\n  }\n\n  /**\n   * Simulate a remote request.\n   */\n  private mockRemote(start: number, rowSize: number): Promise<any> {\n    const data: any[] = [];\n\n    for (let i = 0; i < rowSize; i++) {\n      if (this.personDataSet[start + i]) {\n        data.push(this.personDataSet[start + i]);\n      }\n    }\n\n    return new Promise((resolve: any) => {\n      setTimeout(() => {\n        resolve({\n          data,\n          hasMore: (this.personList.length < this.personDataSet.length)\n        });\n      }, 1000);\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html',\n})\nexport class BackToTopDemoComponent implements OnInit {\n  public hasMore = true;\n\n  public personList: any[] = [];\n\n  public personDataSet = [\n    {\n      name: 'Barbara Durr',\n      address: '7436 Fieldstone Court',\n    },\n    {\n      name: 'Colton Chamberlain',\n      address: '342 Foster Court',\n    },\n    {\n      name: 'Alva Clifford',\n      address: '657 West Rockville Street',\n    },\n    {\n      name: 'Tonja Sanderson',\n      address: '7004 Third Street',\n    },\n    {\n      name: 'Paulene Baum',\n      address: '9309 Mammoth Street',\n    },\n    {\n      name: 'Jessy Witherspoon',\n      address: '43 Canal Street',\n    },\n    {\n      name: 'Solomon Hurley',\n      address: '667 Wakehurst Circle',\n    },\n    {\n      name: 'Calandra Geer',\n      address: '164 Applegate Drive',\n    },\n    {\n      name: 'Latrice Ashmore',\n      address: '7965 Lake Road',\n    },\n    {\n      name: 'Rod Tomlinson',\n      address: '9664 Newport Drive',\n    },\n    {\n      name: 'Cristen Sizemore',\n      address: '17 Edgefield Street',\n    },\n    {\n      name: 'Kristeen Lunsford',\n      address: '245 Green Lake Street',\n    },\n    {\n      name: 'Jack Lovett',\n      address: '73 Academy Street',\n    },\n    {\n      name: 'Elwood Farris',\n      address: '90 Smoky Hollow Court',\n    },\n    {\n      name: 'Ilene Woo',\n      address: '71 Pumpkin Hill Street',\n    },\n    {\n      name: 'Kanesha Hutto',\n      address: '107 East Cooper Street',\n    },\n    {\n      name: 'Nick Bourne',\n      address: '62 Evergreen Street',\n    },\n    {\n      name: 'Ed Sipes',\n      address: '8824 Hill Street',\n    },\n    {\n      name: 'Wonda Lumpkin',\n      address: '134 North Warren Street',\n    },\n    {\n      name: 'Cheyenne Lightfoot',\n      address: '184 Pierce Avenue',\n    },\n    {\n      name: 'Darcel Lenz',\n      address: '9408 Beechwood Street',\n    },\n    {\n      name: 'Martine Rocha',\n      address: '871 Shadow Brook Street',\n    },\n    {\n      name: 'Cherelle Connell',\n      address: '649 Glenwood Street',\n    },\n    {\n      name: 'Molly Seymour',\n      address: '386 E. George Street',\n    },\n    {\n      name: 'Clarice Overton',\n      address: '16 Manchester Street',\n    },\n    {\n      name: 'Eliza Vanhorn',\n      address: '8232 S. Augusta Street',\n    },\n  ];\n\n  public ngOnInit(): void {\n    this.addData(0, 5);\n  }\n\n  public onScrollEnd(): void {\n    this.addData(this.personList.length, 5);\n  }\n\n  private addData(start: number, rowSize: number): void {\n    if (this.hasMore) {\n      this.mockRemote(start, rowSize).then((result: any) => {\n        this.personList = this.personList.concat(result.data);\n        this.hasMore = result.hasMore;\n      });\n    }\n  }\n\n  /**\n   * Simulate a remote request.\n   */\n  private mockRemote(start: number, rowSize: number): Promise<any> {\n    const data: any[] = [];\n\n    for (let i = 0; i < rowSize; i++) {\n      if (this.personDataSet[start + i]) {\n        data.push(this.personDataSet[start + i]);\n      }\n    }\n\n    return new Promise((resolve: any) => {\n      setTimeout(() => {\n        resolve({\n          data,\n          hasMore: this.personList.length < this.personDataSet.length,\n        });\n      }, 1000);\n    });\n  }\n}\n"
     },
     {
       "fileName": "back-to-top-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/infinite-scroll/back-to-top-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyBackToTopModule\n} from '@skyux/layout';\n\nimport {\n  SkyInfiniteScrollModule,\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  SkyTabsModule\n} from '@skyux/tabs';\n\nimport {\n  BackToTopDemoComponent\n} from './back-to-top-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyInfiniteScrollModule,\n    SkyRepeaterModule,\n    SkyTabsModule\n  ],\n  declarations: [\n    BackToTopDemoComponent\n  ],\n  exports: [\n    BackToTopDemoComponent\n  ]\n})\nexport class BackToTopDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyBackToTopModule } from '@skyux/layout';\n\nimport { SkyInfiniteScrollModule, SkyRepeaterModule } from '@skyux/lists';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { BackToTopDemoComponent } from './back-to-top-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyInfiniteScrollModule,\n    SkyRepeaterModule,\n    SkyTabsModule,\n  ],\n  declarations: [BackToTopDemoComponent],\n  exports: [BackToTopDemoComponent],\n})\nexport class BackToTopDemoModule {}\n"
     },
     {
       "fileName": "back-to-top-demo.component.html",
@@ -8631,102 +9056,102 @@
     {
       "fileName": "back-to-top-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/repeater/back-to-top-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html'\n})\nexport class BackToTopDemoComponent {\n\n  public personList = [\n    {\n      'name': 'Barbara Durr',\n      'address': '7436 Fieldstone Court'\n    },\n    {\n      'name': 'Colton Chamberlain',\n      'address': '342 Foster Court'\n    },\n    {\n      'name': 'Alva Clifford',\n      'address': '657 West Rockville Street'\n    },\n    {\n      'name': 'Tonja Sanderson',\n      'address': '7004 Third Street'\n    },\n    {\n      'name': 'Paulene Baum',\n      'address': '9309 Mammoth Street'\n    },\n    {\n      'name': 'Jessy Witherspoon',\n      'address': '43 Canal Street'\n    },\n    {\n      'name': 'Solomon Hurley',\n      'address': '667 Wakehurst Circle'\n    },\n    {\n      'name': 'Calandra Geer',\n      'address': '164 Applegate Drive'\n    },\n    {\n      'name': 'Latrice Ashmore',\n      'address': '7965 Lake Road'\n    },\n    {\n      'name': 'Rod Tomlinson',\n      'address': '9664 Newport Drive'\n    },\n    {\n      'name': 'Cristen Sizemore',\n      'address': '17 Edgefield Street'\n    },\n    {\n      'name': 'Kristeen Lunsford',\n      'address': '245 Green Lake Street'\n    },\n    {\n      'name': 'Jack Lovett',\n      'address': '73 Academy Street'\n    },\n    {\n      'name': 'Elwood Farris',\n      'address': '90 Smoky Hollow Court'\n    },\n    {\n      'name': 'Ilene Woo',\n      'address': '71 Pumpkin Hill Street'\n    },\n    {\n      'name': 'Kanesha Hutto',\n      'address': '107 East Cooper Street'\n    },\n    {\n      'name': 'Nick Bourne',\n      'address': '62 Evergreen Street'\n    },\n    {\n      'name': 'Ed Sipes',\n      'address': '8824 Hill Street'\n    },\n    {\n      'name': 'Wonda Lumpkin',\n      'address': '134 North Warren Street'\n    },\n    {\n      'name': 'Cheyenne Lightfoot',\n      'address': '184 Pierce Avenue'\n    },\n    {\n      'name': 'Darcel Lenz',\n      'address': '9408 Beechwood Street'\n    },\n    {\n      'name': 'Martine Rocha',\n      'address': '871 Shadow Brook Street'\n    },\n    {\n      'name': 'Cherelle Connell',\n      'address': '649 Glenwood Street'\n    },\n    {\n      'name': 'Molly Seymour',\n      'address': '386 E. George Street'\n    },\n    {\n      'name': 'Clarice Overton',\n      'address': '16 Manchester Street'\n    },\n    {\n      'name': 'Eliza Vanhorn',\n      'address': '8232 S. Augusta Street'\n    }\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-back-to-top-demo',\n  templateUrl: './back-to-top-demo.component.html',\n})\nexport class BackToTopDemoComponent {\n  public personList = [\n    {\n      name: 'Barbara Durr',\n      address: '7436 Fieldstone Court',\n    },\n    {\n      name: 'Colton Chamberlain',\n      address: '342 Foster Court',\n    },\n    {\n      name: 'Alva Clifford',\n      address: '657 West Rockville Street',\n    },\n    {\n      name: 'Tonja Sanderson',\n      address: '7004 Third Street',\n    },\n    {\n      name: 'Paulene Baum',\n      address: '9309 Mammoth Street',\n    },\n    {\n      name: 'Jessy Witherspoon',\n      address: '43 Canal Street',\n    },\n    {\n      name: 'Solomon Hurley',\n      address: '667 Wakehurst Circle',\n    },\n    {\n      name: 'Calandra Geer',\n      address: '164 Applegate Drive',\n    },\n    {\n      name: 'Latrice Ashmore',\n      address: '7965 Lake Road',\n    },\n    {\n      name: 'Rod Tomlinson',\n      address: '9664 Newport Drive',\n    },\n    {\n      name: 'Cristen Sizemore',\n      address: '17 Edgefield Street',\n    },\n    {\n      name: 'Kristeen Lunsford',\n      address: '245 Green Lake Street',\n    },\n    {\n      name: 'Jack Lovett',\n      address: '73 Academy Street',\n    },\n    {\n      name: 'Elwood Farris',\n      address: '90 Smoky Hollow Court',\n    },\n    {\n      name: 'Ilene Woo',\n      address: '71 Pumpkin Hill Street',\n    },\n    {\n      name: 'Kanesha Hutto',\n      address: '107 East Cooper Street',\n    },\n    {\n      name: 'Nick Bourne',\n      address: '62 Evergreen Street',\n    },\n    {\n      name: 'Ed Sipes',\n      address: '8824 Hill Street',\n    },\n    {\n      name: 'Wonda Lumpkin',\n      address: '134 North Warren Street',\n    },\n    {\n      name: 'Cheyenne Lightfoot',\n      address: '184 Pierce Avenue',\n    },\n    {\n      name: 'Darcel Lenz',\n      address: '9408 Beechwood Street',\n    },\n    {\n      name: 'Martine Rocha',\n      address: '871 Shadow Brook Street',\n    },\n    {\n      name: 'Cherelle Connell',\n      address: '649 Glenwood Street',\n    },\n    {\n      name: 'Molly Seymour',\n      address: '386 E. George Street',\n    },\n    {\n      name: 'Clarice Overton',\n      address: '16 Manchester Street',\n    },\n    {\n      name: 'Eliza Vanhorn',\n      address: '8232 S. Augusta Street',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "back-to-top-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/back-to-top/repeater/back-to-top-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyBackToTopModule\n} from '@skyux/layout';\n\nimport {\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  SkyTabsModule\n} from '@skyux/tabs';\n\nimport {\n  BackToTopDemoComponent\n} from './back-to-top-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyRepeaterModule,\n    SkyTabsModule\n  ],\n  declarations: [\n    BackToTopDemoComponent\n  ],\n  exports: [\n    BackToTopDemoComponent\n  ]\n})\nexport class BackToTopDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyBackToTopModule } from '@skyux/layout';\n\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { BackToTopDemoComponent } from './back-to-top-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyBackToTopModule, SkyRepeaterModule, SkyTabsModule],\n  declarations: [BackToTopDemoComponent],\n  exports: [BackToTopDemoComponent],\n})\nexport class BackToTopDemoModule {}\n"
     },
     {
       "fileName": "card-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/card/basic/card-demo.component.html",
-      "rawContents": "<sky-card\n  [selectable]=\"showCheckbox\"\n>\n  <sky-card-title *ngIf=\"showTitle\">\n    Large card\n  </sky-card-title>\n  <sky-card-content *ngIf=\"showContent\">\n    This card demonstrates the amount of space that is available for a card that uses\n    the default large size. If the content does not require this much space, you can\n    set the card size to small. The type of content to display in the body of a card\n    varies based on what the card represents and whether it prompts users to action.\n  </sky-card-content>\n  <sky-card-actions *ngIf=\"showAction\">\n    <button\n      class=\"sky-btn sky-btn-default\"\n      type=\"button\"\n    >\n      Action\n    </button>\n  </sky-card-actions>\n  </sky-card>\n  <sky-card\n    size=\"small\"\n    [selectable]=\"showCheckbox\"\n  >\n  <sky-card-title *ngIf=\"showTitle\">\n    Small card\n  </sky-card-title>\n  <sky-card-content *ngIf=\"showContent\">\n    This card demonstrates the reduced amount of space that is available when you\n    set the card size to small.\n  </sky-card-content>\n  <sky-card-actions *ngIf=\"showAction\">\n    <sky-dropdown\n      buttonType=\"context-menu\"\n    >\n      <sky-dropdown-menu>\n        <sky-dropdown-item>\n          <button\n            type=\"button\"\n          >\n            Action\n          </button>\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </sky-card-actions>\n</sky-card>\n\n<ul class=\"sky-list-unstyled\">\n  <li>\n    <sky-checkbox [(ngModel)]=\"showTitle\">\n      <sky-checkbox-label>Show title</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showContent\">\n      <sky-checkbox-label>Show content</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showAction\">\n      <sky-checkbox-label>Show action</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showCheckbox\">\n      <sky-checkbox-label>Show checkbox</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n</ul>\n"
+      "rawContents": "<sky-card [selectable]=\"showCheckbox\">\n  <sky-card-title *ngIf=\"showTitle\"> Large card </sky-card-title>\n  <sky-card-content *ngIf=\"showContent\">\n    This card demonstrates the amount of space that is available for a card that\n    uses the default large size. If the content does not require this much\n    space, you can set the card size to small. The type of content to display in\n    the body of a card varies based on what the card represents and whether it\n    prompts users to action.\n  </sky-card-content>\n  <sky-card-actions *ngIf=\"showAction\">\n    <button class=\"sky-btn sky-btn-default\" type=\"button\">Action</button>\n  </sky-card-actions>\n</sky-card>\n<sky-card size=\"small\" [selectable]=\"showCheckbox\">\n  <sky-card-title *ngIf=\"showTitle\"> Small card </sky-card-title>\n  <sky-card-content *ngIf=\"showContent\">\n    This card demonstrates the reduced amount of space that is available when\n    you set the card size to small.\n  </sky-card-content>\n  <sky-card-actions *ngIf=\"showAction\">\n    <sky-dropdown buttonType=\"context-menu\">\n      <sky-dropdown-menu>\n        <sky-dropdown-item>\n          <button type=\"button\">Action</button>\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </sky-card-actions>\n</sky-card>\n\n<ul class=\"sky-list-unstyled\">\n  <li>\n    <sky-checkbox [(ngModel)]=\"showTitle\">\n      <sky-checkbox-label>Show title</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showContent\">\n      <sky-checkbox-label>Show content</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showAction\">\n      <sky-checkbox-label>Show action</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showCheckbox\">\n      <sky-checkbox-label>Show checkbox</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n</ul>\n"
     },
     {
       "fileName": "card-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/card/basic/card-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-card-demo',\n  templateUrl: './card-demo.component.html'\n})\nexport class CardDemoComponent {\n\n  public showAction = true;\n\n  public showCheckbox = true;\n\n  public showContent = true;\n\n  public showTitle = true;\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-card-demo',\n  templateUrl: './card-demo.component.html',\n})\nexport class CardDemoComponent {\n  public showAction = true;\n\n  public showCheckbox = true;\n\n  public showContent = true;\n\n  public showTitle = true;\n}\n"
     },
     {
       "fileName": "card-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/card/basic/card-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  FormsModule\n} from '@angular/forms';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n  SkyCardModule\n} from '@skyux/layout';\n\nimport {\n  SkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  CardDemoComponent\n} from './card-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCardModule,\n    SkyCheckboxModule,\n    SkyDropdownModule\n  ],\n  declarations: [\n    CardDemoComponent\n  ],\n  exports: [\n    CardDemoComponent\n  ]\n})\nexport class CardDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyCardModule } from '@skyux/layout';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { CardDemoComponent } from './card-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCardModule,\n    SkyCheckboxModule,\n    SkyDropdownModule,\n  ],\n  declarations: [CardDemoComponent],\n  exports: [CardDemoComponent],\n})\nexport class CardDemoModule {}\n"
     },
     {
       "fileName": "definition-list-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/definition-list/basic/definition-list-demo.component.html",
-      "rawContents": "<sky-definition-list>\n  <sky-definition-list-heading>\n    Definition list heading\n  </sky-definition-list-heading>\n  <sky-definition-list-content *ngFor=\"let item of items\">\n    <sky-definition-list-label>\n      {{item.label}}\n    </sky-definition-list-label>\n    <sky-definition-list-value>\n      {{item.value}}\n    </sky-definition-list-value>\n  </sky-definition-list-content>\n</sky-definition-list>\n"
+      "rawContents": "<sky-definition-list>\n  <sky-definition-list-heading>\n    Definition list heading\n  </sky-definition-list-heading>\n  <sky-definition-list-content *ngFor=\"let item of items\">\n    <sky-definition-list-label>\n      {{ item.label }}\n    </sky-definition-list-label>\n    <sky-definition-list-value>\n      {{ item.value }}\n    </sky-definition-list-value>\n  </sky-definition-list-content>\n</sky-definition-list>\n"
     },
     {
       "fileName": "definition-list-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/definition-list/basic/definition-list-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-definition-list-demo',\n  templateUrl: './definition-list-demo.component.html'\n})\nexport class DefinitionListDemoComponent {\n\n  public items: { label: string, value: string }[] = [\n    {\n      label: 'Field 1',\n      value: 'Field 1 value'\n    },\n    {\n      label: 'Field 2',\n      value: 'Field 2 value'\n    },\n    {\n      label: 'Field 3',\n      value: undefined\n    },\n    {\n      label: 'Field 4',\n      value: 'Field 4 value'\n    }\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-definition-list-demo',\n  templateUrl: './definition-list-demo.component.html',\n})\nexport class DefinitionListDemoComponent {\n  public items: { label: string; value: string }[] = [\n    {\n      label: 'Field 1',\n      value: 'Field 1 value',\n    },\n    {\n      label: 'Field 2',\n      value: 'Field 2 value',\n    },\n    {\n      label: 'Field 3',\n      value: undefined,\n    },\n    {\n      label: 'Field 4',\n      value: 'Field 4 value',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "definition-list-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/definition-list/basic/definition-list-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyDefinitionListModule\n} from '@skyux/layout';\n\nimport {\n  DefinitionListDemoComponent\n} from './definition-list-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDefinitionListModule\n  ],\n  declarations: [\n    DefinitionListDemoComponent\n  ],\n  exports: [\n    DefinitionListDemoComponent\n  ]\n})\nexport class DefinitionListDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyDefinitionListModule } from '@skyux/layout';\n\nimport { DefinitionListDemoComponent } from './definition-list-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDefinitionListModule],\n  declarations: [DefinitionListDemoComponent],\n  exports: [DefinitionListDemoComponent],\n})\nexport class DefinitionListDemoModule {}\n"
     },
     {
       "fileName": "description-list-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/description-list/horizontal/description-list-demo.component.html",
-      "rawContents": "<sky-description-list\n  mode=\"horizontal\"\n>\n  <sky-description-list-content *ngFor=\"let item of items\">\n    <sky-description-list-term>\n      {{item.term}}\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{item.description}}\n    </sky-description-list-description>\n  </sky-description-list-content>\n</sky-description-list>\n"
+      "rawContents": "<sky-description-list mode=\"horizontal\">\n  <sky-description-list-content *ngFor=\"let item of items\">\n    <sky-description-list-term>\n      {{ item.term }}\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ item.description }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n</sky-description-list>\n"
     },
     {
       "fileName": "description-list-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/horizontal/description-list-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html'\n})\nexport class DescriptionListDemoComponent {\n\n  public items: { term: string, description: string }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences'\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology'\n    },\n    {\n      term: 'Advisor',\n      description: 'Calandra Geer'\n    },\n    {\n      term: 'Class year',\n      description: '2024'\n    }\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences',\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology',\n    },\n    {\n      term: 'Advisor',\n      description: 'Calandra Geer',\n    },\n    {\n      term: 'Class year',\n      description: '2024',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "description-list-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/horizontal/description-list-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyDescriptionListModule\n} from '@skyux/layout';\n\nimport {\n  DescriptionListDemoComponent\n} from './description-list-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDescriptionListModule\n  ],\n  declarations: [\n    DescriptionListDemoComponent\n  ],\n  exports: [\n    DescriptionListDemoComponent\n  ]\n})\nexport class DescriptionListDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyDescriptionListModule } from '@skyux/layout';\n\nimport { DescriptionListDemoComponent } from './description-list-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDescriptionListModule],\n  declarations: [DescriptionListDemoComponent],\n  exports: [DescriptionListDemoComponent],\n})\nexport class DescriptionListDemoModule {}\n"
     },
     {
       "fileName": "description-list-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/description-list/long-description/description-list-demo.component.html",
-      "rawContents": "<sky-description-list\n  mode=\"longDescription\"\n>\n  <sky-description-list-content *ngFor=\"let item of items\">\n    <sky-description-list-term>\n      {{item.term}}\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{item.description}}\n    </sky-description-list-description>\n  </sky-description-list-content>\n</sky-description-list>\n"
+      "rawContents": "<sky-description-list mode=\"longDescription\">\n  <sky-description-list-content *ngFor=\"let item of items\">\n    <sky-description-list-term>\n      {{ item.term }}\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ item.description }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n</sky-description-list>\n"
     },
     {
       "fileName": "description-list-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/long-description/description-list-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html'\n})\nexport class DescriptionListDemoComponent {\n\n  public items: { term: string, description: string }[] = [\n    {\n      term: 'Good Health and Well-being',\n      description: 'Ensure healthy lives and promote well-being for all at all ages.'\n    },\n    {\n      term: 'Quality Education',\n      description: 'Ensure inclusive and equitable quality education and promote lifelong learning opportunities for all.'\n    },\n    {\n      term: 'Gender Equity',\n      description: 'Achieve gender equality and empower all women and girls.'\n    }\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string }[] = [\n    {\n      term: 'Good Health and Well-being',\n      description:\n        'Ensure healthy lives and promote well-being for all at all ages.',\n    },\n    {\n      term: 'Quality Education',\n      description:\n        'Ensure inclusive and equitable quality education and promote lifelong learning opportunities for all.',\n    },\n    {\n      term: 'Gender Equity',\n      description: 'Achieve gender equality and empower all women and girls.',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "description-list-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/long-description/description-list-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyDescriptionListModule\n} from '@skyux/layout';\n\nimport {\n  DescriptionListDemoComponent\n} from './description-list-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDescriptionListModule\n  ],\n  declarations: [\n    DescriptionListDemoComponent\n  ],\n  exports: [\n    DescriptionListDemoComponent\n  ]\n})\nexport class DescriptionListDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyDescriptionListModule } from '@skyux/layout';\n\nimport { DescriptionListDemoComponent } from './description-list-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDescriptionListModule],\n  declarations: [DescriptionListDemoComponent],\n  exports: [DescriptionListDemoComponent],\n})\nexport class DescriptionListDemoModule {}\n"
     },
     {
       "fileName": "description-list-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/description-list/vertical/description-list-demo.component.html",
-      "rawContents": "<sky-description-list\n  mode=\"vertical\"\n>\n  <sky-description-list-content *ngFor=\"let item of items\">\n    <sky-description-list-term>\n      {{item.term}}\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{item.description}}\n    </sky-description-list-description>\n  </sky-description-list-content>\n</sky-description-list>\n"
+      "rawContents": "<sky-description-list mode=\"vertical\">\n  <sky-description-list-content *ngFor=\"let item of items\">\n    <sky-description-list-term>\n      {{ item.term }}\n    </sky-description-list-term>\n    <sky-description-list-description>\n      {{ item.description }}\n    </sky-description-list-description>\n  </sky-description-list-content>\n</sky-description-list>\n"
     },
     {
       "fileName": "description-list-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/vertical/description-list-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html'\n})\nexport class DescriptionListDemoComponent {\n\n  public items: { term: string, description: string }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences'\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology'\n    },\n    {\n      term: 'Advisor',\n      description: 'Calandra Geer'\n    },\n    {\n      term: 'Class year',\n      description: '2024'\n    }\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences',\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology',\n    },\n    {\n      term: 'Advisor',\n      description: 'Calandra Geer',\n    },\n    {\n      term: 'Class year',\n      description: '2024',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "description-list-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/vertical/description-list-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyDescriptionListModule\n} from '@skyux/layout';\n\nimport {\n  DescriptionListDemoComponent\n} from './description-list-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDescriptionListModule\n  ],\n  declarations: [\n    DescriptionListDemoComponent\n  ],\n  exports: [\n    DescriptionListDemoComponent\n  ]\n})\nexport class DescriptionListDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyDescriptionListModule } from '@skyux/layout';\n\nimport { DescriptionListDemoComponent } from './description-list-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDescriptionListModule],\n  declarations: [DescriptionListDemoComponent],\n  exports: [DescriptionListDemoComponent],\n})\nexport class DescriptionListDemoModule {}\n"
     },
     {
       "fileName": "fluid-grid-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/fluid-grid/fluid-grid-demo.component.html",
-      "rawContents": "<div\n  class=\"highlight-columns\"\n>\n  <sky-fluid-grid>\n    <sky-row>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"2\"\n      >\n        small=\"2\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"2\"\n      >\n        small=\"2\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"2\"\n      >\n        small=\"2\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"2\"\n      >\n        small=\"2\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"2\"\n      >\n        small=\"2\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"2\"\n      >\n        small=\"2\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"3\"\n      >\n        small=\"3\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"3\"\n      >\n        small=\"3\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"3\"\n      >\n        small=\"3\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"3\"\n      >\n        small=\"3\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"4\"\n      >\n        small=\"4\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"4\"\n      >\n        small=\"4\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"4\"\n      >\n        small=\"4\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"5\"\n      >\n        small=\"5\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"7\"\n      >\n        small=\"7\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"6\"\n      >\n        small=\"6\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"6\"\n      >\n        small=\"6\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"8\"\n      >\n        small=\"8\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"4\"\n      >\n        small=\"4\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"9\"\n      >\n        small=\"9\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"3\"\n      >\n        small=\"3\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"10\"\n      >\n        small=\"10\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"2\"\n      >\n        small=\"2\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenSmall=\"11\"\n      >\n        small=\"11\"\n      </sky-column>\n      <sky-column\n        screenSmall=\"1\"\n      >\n        small=\"1\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenXSmall=\"6\"\n        screenSmall=\"8\"\n        screenMedium=\"9\"\n        screenLarge=\"10\"\n      >\n        screenXSmall=\"6\" small=\"8\" medium=\"9\" large=\"10\"\n      </sky-column>\n      <sky-column\n        screenXSmall=\"6\"\n        screenSmall=\"4\"\n        screenMedium=\"3\"\n        screenLarge=\"2\"\n      >\n        screenXSmall=\"6\" small=\"4\" medium=\"3\" large=\"2\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row\n      [reverseColumnOrder]=\"true\"\n    >\n      <sky-column\n        screenSmall=\"4\"\n      >\n        First column\n      </sky-column>\n      <sky-column\n        screenSmall=\"4\"\n      >\n        Second column\n      </sky-column>\n      <sky-column\n        screenSmall=\"4\"\n      >\n        Third column\n      </sky-column>\n    </sky-row>\n  </sky-fluid-grid>\n</div>\n"
+      "rawContents": "<div class=\"highlight-columns\">\n  <sky-fluid-grid>\n    <sky-row>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"4\"> small=\"4\" </sky-column>\n      <sky-column screenSmall=\"4\"> small=\"4\" </sky-column>\n      <sky-column screenSmall=\"4\"> small=\"4\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"5\"> small=\"5\" </sky-column>\n      <sky-column screenSmall=\"7\"> small=\"7\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"6\"> small=\"6\" </sky-column>\n      <sky-column screenSmall=\"6\"> small=\"6\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"8\"> small=\"8\" </sky-column>\n      <sky-column screenSmall=\"4\"> small=\"4\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"9\"> small=\"9\" </sky-column>\n      <sky-column screenSmall=\"3\"> small=\"3\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"10\"> small=\"10\" </sky-column>\n      <sky-column screenSmall=\"2\"> small=\"2\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column screenSmall=\"11\"> small=\"11\" </sky-column>\n      <sky-column screenSmall=\"1\"> small=\"1\" </sky-column>\n    </sky-row>\n\n    <sky-row>\n      <sky-column\n        screenXSmall=\"6\"\n        screenSmall=\"8\"\n        screenMedium=\"9\"\n        screenLarge=\"10\"\n      >\n        screenXSmall=\"6\" small=\"8\" medium=\"9\" large=\"10\"\n      </sky-column>\n      <sky-column\n        screenXSmall=\"6\"\n        screenSmall=\"4\"\n        screenMedium=\"3\"\n        screenLarge=\"2\"\n      >\n        screenXSmall=\"6\" small=\"4\" medium=\"3\" large=\"2\"\n      </sky-column>\n    </sky-row>\n\n    <sky-row [reverseColumnOrder]=\"true\">\n      <sky-column screenSmall=\"4\"> First column </sky-column>\n      <sky-column screenSmall=\"4\"> Second column </sky-column>\n      <sky-column screenSmall=\"4\"> Third column </sky-column>\n    </sky-row>\n  </sky-fluid-grid>\n</div>\n"
     },
     {
       "fileName": "fluid-grid-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/fluid-grid/fluid-grid-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-fluid-grid-demo',\n  templateUrl: './fluid-grid-demo.component.html',\n  styles: [`\n    .highlight-columns .sky-column {\n      background-color: #97eced;\n      border: 1px solid #56e0e1;\n      overflow-wrap: break-word;\n    }`\n  ]\n})\nexport class FluidGridDemoComponent { }\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-fluid-grid-demo',\n  templateUrl: './fluid-grid-demo.component.html',\n  styles: [\n    `\n      .highlight-columns .sky-column {\n        background-color: #97eced;\n        border: 1px solid #56e0e1;\n        overflow-wrap: break-word;\n      }\n    `,\n  ],\n})\nexport class FluidGridDemoComponent {}\n"
     },
     {
       "fileName": "fluid-grid-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/fluid-grid/fluid-grid-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyFluidGridModule\n} from '@skyux/layout';\n\nimport {\n  FluidGridDemoComponent\n} from './fluid-grid-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyFluidGridModule\n  ],\n  declarations: [\n    FluidGridDemoComponent\n  ],\n  exports: [\n    FluidGridDemoComponent\n  ]\n})\nexport class FormatDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyFluidGridModule } from '@skyux/layout';\n\nimport { FluidGridDemoComponent } from './fluid-grid-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyFluidGridModule],\n  declarations: [FluidGridDemoComponent],\n  exports: [FluidGridDemoComponent],\n})\nexport class FormatDemoModule {}\n"
     },
     {
       "fileName": "format-demo.component.html",
@@ -8741,37 +9166,37 @@
     {
       "fileName": "format-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/format/format-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-format-demo',\n  templateUrl: './format-demo.component.html',\n  styleUrls: ['./format-demo.component.scss']\n})\nexport class FormatDemoComponent {\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-format-demo',\n  templateUrl: './format-demo.component.html',\n  styleUrls: ['./format-demo.component.scss'],\n})\nexport class FormatDemoComponent {}\n"
     },
     {
       "fileName": "format-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/format/format-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyFormatModule\n} from '@skyux/layout';\n\nimport {\n  FormatDemoComponent\n} from './format-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyFormatModule\n  ],\n  declarations: [\n    FormatDemoComponent\n  ],\n  exports: [\n    FormatDemoComponent\n  ]\n})\nexport class FormatDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyFormatModule } from '@skyux/layout';\n\nimport { FormatDemoComponent } from './format-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyFormatModule],\n  declarations: [FormatDemoComponent],\n  exports: [FormatDemoComponent],\n})\nexport class FormatDemoModule {}\n"
     },
     {
       "fileName": "inline-delete-card-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/card/inline-delete-card-demo.component.html",
-      "rawContents": "<sky-card\n  [selectable]=\"'false'\"\n>\n  <sky-card-title>\n    Card title\n  </sky-card-title>\n  <sky-card-content>\n    Card content\n  </sky-card-content>\n  <sky-card-actions>\n    <button\n      class=\"sky-btn sky-btn-danger\"\n      id=\"inline-delete-trigger\"\n      type=\"button\"\n      (click)=\"deleteItem()\"\n    >\n      Delete\n    </button>\n  </sky-card-actions>\n  <sky-inline-delete *ngIf=\"deleting\"\n    [pending]=\"pending\"\n    (cancelTriggered)=\"onCancelTriggered()\"\n    (deleteTriggered)=\"onDeleteTriggered()\"\n  ></sky-inline-delete>\n</sky-card>\n"
+      "rawContents": "<sky-card [selectable]=\"'false'\">\n  <sky-card-title> Card title </sky-card-title>\n  <sky-card-content> Card content </sky-card-content>\n  <sky-card-actions>\n    <button\n      class=\"sky-btn sky-btn-danger\"\n      id=\"inline-delete-trigger\"\n      type=\"button\"\n      (click)=\"deleteItem()\"\n    >\n      Delete\n    </button>\n  </sky-card-actions>\n  <sky-inline-delete\n    *ngIf=\"deleting\"\n    [pending]=\"pending\"\n    (cancelTriggered)=\"onCancelTriggered()\"\n    (deleteTriggered)=\"onDeleteTriggered()\"\n  ></sky-inline-delete>\n</sky-card>\n"
     },
     {
       "fileName": "inline-delete-card-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/card/inline-delete-card-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-card-demo',\n  templateUrl: './inline-delete-card-demo.component.html'\n})\nexport class InlineDeleteCardDemoComponent {\n\n  public deleting: boolean = false;\n\n  public pending: boolean = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n      this.deleting = false;\n    }, 3000);\n\n    this.pending = true;\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-card-demo',\n  templateUrl: './inline-delete-card-demo.component.html',\n})\nexport class InlineDeleteCardDemoComponent {\n  public deleting: boolean = false;\n\n  public pending: boolean = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n      this.deleting = false;\n    }, 3000);\n\n    this.pending = true;\n  }\n}\n"
     },
     {
       "fileName": "inline-delete-card-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/card/inline-delete-card-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyCardModule,\n  SkyInlineDeleteModule\n} from '@skyux/layout';\n\nimport {\n  InlineDeleteCardDemoComponent\n} from './inline-delete-card-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyCardModule,\n    SkyInlineDeleteModule\n  ],\n  declarations: [\n    InlineDeleteCardDemoComponent\n  ],\n  exports: [\n    InlineDeleteCardDemoComponent\n  ]\n})\nexport class InlineDeleteCardDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport {\n  SkyCardModule,\n  SkyInlineDeleteModule,\n} from '@skyux/layout';\n\nimport { InlineDeleteCardDemoComponent } from './inline-delete-card-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyCardModule, SkyInlineDeleteModule],\n  declarations: [InlineDeleteCardDemoComponent],\n  exports: [InlineDeleteCardDemoComponent],\n})\nexport class InlineDeleteCardDemoModule {}\n"
     },
     {
       "fileName": "inilne-delete-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inilne-delete-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-demo',\n  templateUrl: './inline-delete-demo.component.html',\n  styleUrls: ['./inline-delete-demo.component.scss']\n})\nexport class InlineDeleteDemoComponent {\n\n  public deleting: boolean = false;\n\n  public pending: boolean = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n    }, 3000);\n\n    this.pending = true;\n    this.deleting = false;\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-demo',\n  templateUrl: './inline-delete-demo.component.html',\n  styleUrls: ['./inline-delete-demo.component.scss'],\n})\nexport class InlineDeleteDemoComponent {\n  public deleting: boolean = false;\n\n  public pending: boolean = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n    }, 3000);\n\n    this.pending = true;\n    this.deleting = false;\n  }\n}\n"
     },
     {
       "fileName": "inline-delete-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inline-delete-demo.component.html",
-      "rawContents": "<div\n  id=\"inline-delete-container\"\n>\n  <div>\n    <button\n      class=\"sky-btn sky-btn-danger\"\n      id=\"inline-delete-trigger\"\n      type=\"button\"\n      (click)=\"deleteItem()\"\n    >\n      <sky-icon\n        icon=\"trash\"\n      ></sky-icon>\n    </button>\n  </div>\n  <sky-inline-delete *ngIf=\"deleting\"\n    [pending]=\"pending\"\n    (cancelTriggered)=\"onCancelTriggered()\"\n    (deleteTriggered)=\"onDeleteTriggered()\"\n  ></sky-inline-delete>\n</div>\n"
+      "rawContents": "<div id=\"inline-delete-container\">\n  <div>\n    <button\n      class=\"sky-btn sky-btn-danger\"\n      id=\"inline-delete-trigger\"\n      type=\"button\"\n      (click)=\"deleteItem()\"\n    >\n      <sky-icon icon=\"trash\"></sky-icon>\n    </button>\n  </div>\n  <sky-inline-delete\n    *ngIf=\"deleting\"\n    [pending]=\"pending\"\n    (cancelTriggered)=\"onCancelTriggered()\"\n    (deleteTriggered)=\"onDeleteTriggered()\"\n  ></sky-inline-delete>\n</div>\n"
     },
     {
       "fileName": "inline-delete-demo.component.scss",
@@ -8781,127 +9206,127 @@
     {
       "fileName": "inline-delete-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inline-delete-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyInlineDeleteModule\n} from '@skyux/layout';\n\nimport {\n  InlineDeleteDemoComponent\n} from './inilne-delete-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyIconModule,\n    SkyInlineDeleteModule\n  ],\n  declarations: [\n    InlineDeleteDemoComponent\n  ],\n  exports: [\n    InlineDeleteDemoComponent\n  ]\n})\nexport class InlineDeleteDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyInlineDeleteModule } from '@skyux/layout';\n\nimport { InlineDeleteDemoComponent } from './inilne-delete-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyIconModule, SkyInlineDeleteModule],\n  declarations: [InlineDeleteDemoComponent],\n  exports: [InlineDeleteDemoComponent],\n})\nexport class InlineDeleteDemoModule {}\n"
     },
     {
       "fileName": "inilne-delete-repeater-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/repeater/inilne-delete-repeater-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-repeater-demo',\n  templateUrl: './inline-delete-repeater-demo.component.html'\n})\nexport class InlineDeleteRepeaterDemoComponent {\n\n  public originalRepeaterDemoItems: any = [\n    {\n      title: 'Individual',\n      cost: '$75.00',\n      description: '1 ticket'\n    },\n    {\n      title: 'Foursome',\n      cost: '$250.00',\n      description: '4 tickets'\n    },\n    {\n      title: 'Hole sponsor',\n      cost: '$1,000.00',\n      description: '8 tickets'\n    }\n  ];\n\n  public repeaterDemoItems: any = this.originalRepeaterDemoItems;\n\n  public repeaterDemoShownInlineDeletes: string[] = [];\n\n  public showInlineDelete(title: string) {\n    this.repeaterDemoShownInlineDeletes.push(title);\n  }\n\n  public deleteItem(title: string) {\n    this.repeaterDemoItems = this.repeaterDemoItems.filter((demoItem: any) => demoItem.title !== title);\n    this.repeaterDemoShownInlineDeletes = this.repeaterDemoShownInlineDeletes.filter((demoItem: any) => demoItem !== title);\n  }\n\n  public cancelDeletion(title: string) {\n    this.repeaterDemoShownInlineDeletes = this.repeaterDemoShownInlineDeletes.filter((demoItem: any) => demoItem !== title);\n  }\n\n  public onResetClick() {\n    this.repeaterDemoItems = this.originalRepeaterDemoItems;\n    this.repeaterDemoShownInlineDeletes = [];\n  }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-repeater-demo',\n  templateUrl: './inline-delete-repeater-demo.component.html',\n})\nexport class InlineDeleteRepeaterDemoComponent {\n  public originalRepeaterDemoItems: any = [\n    {\n      title: 'Individual',\n      cost: '$75.00',\n      description: '1 ticket',\n    },\n    {\n      title: 'Foursome',\n      cost: '$250.00',\n      description: '4 tickets',\n    },\n    {\n      title: 'Hole sponsor',\n      cost: '$1,000.00',\n      description: '8 tickets',\n    },\n  ];\n\n  public repeaterDemoItems: any = this.originalRepeaterDemoItems;\n\n  public repeaterDemoShownInlineDeletes: string[] = [];\n\n  public showInlineDelete(title: string) {\n    this.repeaterDemoShownInlineDeletes.push(title);\n  }\n\n  public deleteItem(title: string) {\n    this.repeaterDemoItems = this.repeaterDemoItems.filter(\n      (demoItem: any) => demoItem.title !== title\n    );\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: any) => demoItem !== title\n      );\n  }\n\n  public cancelDeletion(title: string) {\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: any) => demoItem !== title\n      );\n  }\n\n  public onResetClick() {\n    this.repeaterDemoItems = this.originalRepeaterDemoItems;\n    this.repeaterDemoShownInlineDeletes = [];\n  }\n}\n"
     },
     {
       "fileName": "inline-delete-repeater-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/repeater/inline-delete-repeater-demo.component.html",
-      "rawContents": "<sky-repeater\n  style=\"width: 100%\"\n>\n  <sky-repeater-item *ngFor=\"let item of repeaterDemoItems\">\n    <sky-repeater-item-context-menu>\n      <sky-dropdown\n        buttonType=\"context-menu\"\n      >\n        <sky-dropdown-menu>\n          <sky-dropdown-item>\n            <button\n              type=\"button\"\n              (click)=\"showInlineDelete(item.title)\"\n            >\n              Delete\n            </button>\n          </sky-dropdown-item>\n        </sky-dropdown-menu>\n      </sky-dropdown>\n    </sky-repeater-item-context-menu>\n    <sky-repeater-item-title\n      class=\"sky-demo-inline-delete-flex\"\n    >\n      <div>\n        {{item.title}}\n      </div>\n      <div>\n        {{item.cost}}\n      </div>\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      {{item.description}}\n    </sky-repeater-item-content>\n    <sky-inline-delete *ngIf=\"repeaterDemoShownInlineDeletes.indexOf(item.title) >= 0\"\n      (cancelTriggered)=\"cancelDeletion(item.title)\"\n      (deleteTriggered)=\"deleteItem(item.title)\"\n    ></sky-inline-delete>\n  </sky-repeater-item>\n</sky-repeater>\n\n<button\n  class=\"sky-btn sky-btn-primary\"\n  type=\"button\"\n  (click)=\"onResetClick()\"\n>\n  Reset Repeater\n</button>\n"
+      "rawContents": "<sky-repeater style=\"width: 100%\">\n  <sky-repeater-item *ngFor=\"let item of repeaterDemoItems\">\n    <sky-repeater-item-context-menu>\n      <sky-dropdown buttonType=\"context-menu\">\n        <sky-dropdown-menu>\n          <sky-dropdown-item>\n            <button type=\"button\" (click)=\"showInlineDelete(item.title)\">\n              Delete\n            </button>\n          </sky-dropdown-item>\n        </sky-dropdown-menu>\n      </sky-dropdown>\n    </sky-repeater-item-context-menu>\n    <sky-repeater-item-title class=\"sky-demo-inline-delete-flex\">\n      <div>\n        {{ item.title }}\n      </div>\n      <div>\n        {{ item.cost }}\n      </div>\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      {{ item.description }}\n    </sky-repeater-item-content>\n    <sky-inline-delete\n      *ngIf=\"repeaterDemoShownInlineDeletes.indexOf(item.title) >= 0\"\n      (cancelTriggered)=\"cancelDeletion(item.title)\"\n      (deleteTriggered)=\"deleteItem(item.title)\"\n    ></sky-inline-delete>\n  </sky-repeater-item>\n</sky-repeater>\n\n<button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"onResetClick()\">\n  Reset Repeater\n</button>\n"
     },
     {
       "fileName": "inline-delete-repeater-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/repeater/inline-delete-repeater-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyInlineDeleteModule\n} from '@skyux/layout';\n\nimport {\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  SkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  InlineDeleteRepeaterDemoComponent\n} from './inilne-delete-repeater-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyInlineDeleteModule,\n    SkyRepeaterModule\n  ],\n  declarations: [\n    InlineDeleteRepeaterDemoComponent\n  ],\n  exports: [\n    InlineDeleteRepeaterDemoComponent\n  ]\n})\nexport class InlineDeleteRepeaterDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyInlineDeleteModule } from '@skyux/layout';\n\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { InlineDeleteRepeaterDemoComponent } from './inilne-delete-repeater-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyInlineDeleteModule,\n    SkyRepeaterModule,\n  ],\n  declarations: [InlineDeleteRepeaterDemoComponent],\n  exports: [InlineDeleteRepeaterDemoComponent],\n})\nexport class InlineDeleteRepeaterDemoModule {}\n"
     },
     {
       "fileName": "page-summary-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/page-summary/basic/page-summary-demo.component.html",
-      "rawContents": "<sky-page-summary>\n  <sky-page-summary-alert *ngIf=\"showAlert\">\n    <sky-alert\n      alertType=\"info\"\n    >\n      This is an alert.\n    </sky-alert>\n  </sky-page-summary-alert>\n  <sky-page-summary-image *ngIf=\"showImage\">\n    <sky-avatar\n      [name]=\"name\"\n      [canChange]=\"true\"\n    ></sky-avatar>\n  </sky-page-summary-image>\n  <sky-page-summary-title *ngIf=\"showTitle\">\n    {{name}}\n  </sky-page-summary-title>\n  <sky-page-summary-subtitle *ngIf=\"showSubtitle\">\n    Board member\n  </sky-page-summary-subtitle>\n  <sky-page-summary-status *ngIf=\"showStatus\">\n    <sky-label\n      labelType=\"success\"\n    >\n      Fundraiser\n    </sky-label>\n    <sky-label>\n      Inactive\n    </sky-label>\n  </sky-page-summary-status>\n  <sky-page-summary-content *ngIf=\"showContent\">\n    This is the arbitrary content section. You can display any kind of content to complement the\n    content on a page. We recommend that you display content to support the key tasks of users of\n    users who visit the page. We also recommend that you keep in mind the context of how users\n    will use the content and limit the amount of content to avoid overloading the summary.\n  </sky-page-summary-content>\n  <sky-page-summary-key-info *ngIf=\"showKeyInfo\">\n    <sky-key-info>\n      <sky-key-info-value>\n        $1,500\n      </sky-key-info-value>\n      <sky-key-info-label>\n        Largest gift\n      </sky-key-info-label>\n    </sky-key-info>\n    <sky-key-info>\n      <sky-key-info-value>\n        37\n      </sky-key-info-value>\n      <sky-key-info-label>\n        Total gifts\n      </sky-key-info-label>\n    </sky-key-info>\n  </sky-page-summary-key-info>\n</sky-page-summary>\n\n<ul\n  class=\"sky-list-unstyled\"\n>\n  <li>\n    <sky-checkbox\n      [(ngModel)]=\"showTitle\"\n    >\n      <sky-checkbox-label>Show title</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox\n      [(ngModel)]=\"showSubtitle\"\n    >\n      <sky-checkbox-label>\n        Show subtitle\n      </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox\n      [(ngModel)]=\"showImage\"\n    >\n      <sky-checkbox-label>\n        Show image\n      </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox\n      [(ngModel)]=\"showStatus\"\n    >\n      <sky-checkbox-label>\n        Show record status\n      </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox\n      [(ngModel)]=\"showKeyInfo\"\n    >\n      <sky-checkbox-label>\n        Show key information\n      </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox\n      [(ngModel)]=\"showContent\"\n    >\n      <sky-checkbox-label>\n        Show arbitrary content\n      </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox\n      [(ngModel)]=\"showAlert\"\n    >\n      <sky-checkbox-label>\n        Show alert\n      </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n</ul>\n"
+      "rawContents": "<sky-page-summary>\n  <sky-page-summary-alert *ngIf=\"showAlert\">\n    <sky-alert alertType=\"info\"> This is an alert. </sky-alert>\n  </sky-page-summary-alert>\n  <sky-page-summary-image *ngIf=\"showImage\">\n    <sky-avatar [name]=\"name\" [canChange]=\"true\"></sky-avatar>\n  </sky-page-summary-image>\n  <sky-page-summary-title *ngIf=\"showTitle\">\n    {{ name }}\n  </sky-page-summary-title>\n  <sky-page-summary-subtitle *ngIf=\"showSubtitle\">\n    Board member\n  </sky-page-summary-subtitle>\n  <sky-page-summary-status *ngIf=\"showStatus\">\n    <sky-label labelType=\"success\"> Fundraiser </sky-label>\n    <sky-label> Inactive </sky-label>\n  </sky-page-summary-status>\n  <sky-page-summary-content *ngIf=\"showContent\">\n    This is the arbitrary content section. You can display any kind of content\n    to complement the content on a page. We recommend that you display content\n    to support the key tasks of users of users who visit the page. We also\n    recommend that you keep in mind the context of how users will use the\n    content and limit the amount of content to avoid overloading the summary.\n  </sky-page-summary-content>\n  <sky-page-summary-key-info *ngIf=\"showKeyInfo\">\n    <sky-key-info>\n      <sky-key-info-value> $1,500 </sky-key-info-value>\n      <sky-key-info-label> Largest gift </sky-key-info-label>\n    </sky-key-info>\n    <sky-key-info>\n      <sky-key-info-value> 37 </sky-key-info-value>\n      <sky-key-info-label> Total gifts </sky-key-info-label>\n    </sky-key-info>\n  </sky-page-summary-key-info>\n</sky-page-summary>\n\n<ul class=\"sky-list-unstyled\">\n  <li>\n    <sky-checkbox [(ngModel)]=\"showTitle\">\n      <sky-checkbox-label>Show title</sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showSubtitle\">\n      <sky-checkbox-label> Show subtitle </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showImage\">\n      <sky-checkbox-label> Show image </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showStatus\">\n      <sky-checkbox-label> Show record status </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showKeyInfo\">\n      <sky-checkbox-label> Show key information </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showContent\">\n      <sky-checkbox-label> Show arbitrary content </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n  <li>\n    <sky-checkbox [(ngModel)]=\"showAlert\">\n      <sky-checkbox-label> Show alert </sky-checkbox-label>\n    </sky-checkbox>\n  </li>\n</ul>\n"
     },
     {
       "fileName": "page-summary-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/page-summary/basic/page-summary-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-page-summary-demo',\n  templateUrl: './page-summary-demo.component.html'\n})\nexport class PageSummaryDemoComponent {\n\n  public name = 'Robert C. Hernandez';\n\n  public showAlert = true;\n\n  public showContent = true;\n\n  public showImage = true;\n\n  public showKeyInfo = true;\n\n  public showStatus = true;\n\n  public showSubtitle = true;\n\n  public showTitle = true;\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-page-summary-demo',\n  templateUrl: './page-summary-demo.component.html',\n})\nexport class PageSummaryDemoComponent {\n  public name = 'Robert C. Hernandez';\n\n  public showAlert = true;\n\n  public showContent = true;\n\n  public showImage = true;\n\n  public showKeyInfo = true;\n\n  public showStatus = true;\n\n  public showSubtitle = true;\n\n  public showTitle = true;\n}\n"
     },
     {
       "fileName": "page-summary-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/page-summary/basic/page-summary-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  SkyAvatarModule\n} from '@skyux/avatar';\n\nimport {\n  SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n  SkyAlertModule,\n  SkyKeyInfoModule,\n  SkyLabelModule\n} from '@skyux/indicators';\n\nimport {\n  SkyPageSummaryModule\n} from '@skyux/layout';\n\nimport {\n  PageSummaryDemoComponent\n} from './page-summary-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyPageSummaryModule,\n    SkyAlertModule,\n    SkyAvatarModule,\n    SkyCheckboxModule,\n    SkyLabelModule,\n    SkyKeyInfoModule\n  ],\n  declarations: [\n    PageSummaryDemoComponent\n  ],\n  exports: [\n    PageSummaryDemoComponent\n  ]\n})\nexport class PageSummaryDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyAvatarModule } from '@skyux/avatar';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport {\n  SkyAlertModule,\n  SkyKeyInfoModule,\n  SkyLabelModule,\n} from '@skyux/indicators';\n\nimport { SkyPageSummaryModule } from '@skyux/layout';\n\nimport { PageSummaryDemoComponent } from './page-summary-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyPageSummaryModule,\n    SkyAlertModule,\n    SkyAvatarModule,\n    SkyCheckboxModule,\n    SkyLabelModule,\n    SkyKeyInfoModule,\n  ],\n  declarations: [PageSummaryDemoComponent],\n  exports: [PageSummaryDemoComponent],\n})\nexport class PageSummaryDemoModule {}\n"
     },
     {
       "fileName": "text-expand-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/inline/text-expand-demo.component.html",
-      "rawContents": "<sky-text-expand\n  [text]=\"longText\"\n>\n</sky-text-expand>\n"
+      "rawContents": "<sky-text-expand [text]=\"longText\"> </sky-text-expand>\n"
     },
     {
       "fileName": "text-expand-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/inline/text-expand-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html'\n})\nexport class TextExpandDemoComponent {\n\n  // tslint:disable-next-line\n  public longText = 'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  // tslint:disable-next-line\n  public longText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
     },
     {
       "fileName": "text-expand-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/inline/text-expand-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyTextExpandModule\n} from '@skyux/layout';\n\nimport {\n  TextExpandDemoComponent\n} from './text-expand-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyTextExpandModule\n  ],\n  declarations: [\n    TextExpandDemoComponent\n  ],\n  exports: [\n    TextExpandDemoComponent\n  ]\n})\nexport class TextExpandDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTextExpandModule } from '@skyux/layout';\n\nimport { TextExpandDemoComponent } from './text-expand-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTextExpandModule],\n  declarations: [TextExpandDemoComponent],\n  exports: [TextExpandDemoComponent],\n})\nexport class TextExpandDemoModule {}\n"
     },
     {
       "fileName": "text-expand-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/modal/text-expand-demo.component.html",
-      "rawContents": "<sky-text-expand\n  [text]=\"longText\"\n  [maxExpandedLength]=\"100\"\n>\n</sky-text-expand>\n"
+      "rawContents": "<sky-text-expand [text]=\"longText\" [maxExpandedLength]=\"100\"> </sky-text-expand>\n"
     },
     {
       "fileName": "text-expand-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/modal/text-expand-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html'\n})\nexport class TextExpandDemoComponent {\n\n  // tslint:disable-next-line\n  public longText = 'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  // tslint:disable-next-line\n  public longText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
     },
     {
       "fileName": "text-expand-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/modal/text-expand-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyTextExpandModule\n} from '@skyux/layout';\n\nimport {\n  TextExpandDemoComponent\n} from './text-expand-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyTextExpandModule\n  ],\n  declarations: [\n    TextExpandDemoComponent\n  ],\n  exports: [\n    TextExpandDemoComponent\n  ]\n})\nexport class TextExpandDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTextExpandModule } from '@skyux/layout';\n\nimport { TextExpandDemoComponent } from './text-expand-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTextExpandModule],\n  declarations: [TextExpandDemoComponent],\n  exports: [TextExpandDemoComponent],\n})\nexport class TextExpandDemoModule {}\n"
     },
     {
       "fileName": "text-expand-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/newline/text-expand-demo.component.html",
-      "rawContents": "<sky-text-expand\n  [text]=\"newlinesText\"\n  [truncateNewlines]=\"false\"\n>\n</sky-text-expand>\n"
+      "rawContents": "<sky-text-expand [text]=\"newlinesText\" [truncateNewlines]=\"false\">\n</sky-text-expand>\n"
     },
     {
       "fileName": "text-expand-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/newline/text-expand-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html'\n})\nexport class TextExpandDemoComponent {\n\n  // tslint:disable-next-line\n  public newlinesText = 'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text.\\nUsers select the link to expand the full text inline unless it exceeds limits on text characters or newline characters.\\nIf the text exceeds those limits, then it expands in a modal view instead.\\nThe component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-demo',\n  templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n  // tslint:disable-next-line\n  public newlinesText =\n    'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text.\\nUsers select the link to expand the full text inline unless it exceeds limits on text characters or newline characters.\\nIf the text exceeds those limits, then it expands in a modal view instead.\\nThe component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
     },
     {
       "fileName": "text-expand-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/newline/text-expand-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyTextExpandModule\n} from '@skyux/layout';\n\nimport {\n  TextExpandDemoComponent\n} from './text-expand-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyTextExpandModule\n  ],\n  declarations: [\n    TextExpandDemoComponent\n  ],\n  exports: [\n    TextExpandDemoComponent\n  ]\n})\nexport class TextExpandDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTextExpandModule } from '@skyux/layout';\n\nimport { TextExpandDemoComponent } from './text-expand-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTextExpandModule],\n  declarations: [TextExpandDemoComponent],\n  exports: [TextExpandDemoComponent],\n})\nexport class TextExpandDemoModule {}\n"
     },
     {
       "fileName": "text-expand-repeater-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/text-expand-repeater/text-expand-repeater-demo.component.html",
-      "rawContents": "<sky-text-expand-repeater\n  [data]=\"repeaterData\"\n  [maxItems]=\"2\"\n>\n</sky-text-expand-repeater>\n"
+      "rawContents": "<sky-text-expand-repeater [data]=\"repeaterData\" [maxItems]=\"2\">\n</sky-text-expand-repeater>\n"
     },
     {
       "fileName": "text-expand-repeater-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand-repeater/text-expand-repeater-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-repeater-demo',\n  templateUrl: './text-expand-repeater-demo.component.html'\n})\nexport class TextExpandRepeaterDemoComponent {\n\n  public repeaterData: string[] = [\n    'Repeater item 1',\n    'Repeater item 2',\n    'Repeater item 3',\n    'Repeater item 4',\n    'Repeater item 5'\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-expand-repeater-demo',\n  templateUrl: './text-expand-repeater-demo.component.html',\n})\nexport class TextExpandRepeaterDemoComponent {\n  public repeaterData: string[] = [\n    'Repeater item 1',\n    'Repeater item 2',\n    'Repeater item 3',\n    'Repeater item 4',\n    'Repeater item 5',\n  ];\n}\n"
     },
     {
       "fileName": "text-expand-repeater-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand-repeater/text-expand-repeater-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyTextExpandRepeaterModule\n} from '@skyux/layout';\n\nimport {\n  TextExpandRepeaterDemoComponent\n} from './text-expand-repeater-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyTextExpandRepeaterModule\n  ],\n  declarations: [\n    TextExpandRepeaterDemoComponent\n  ],\n  exports: [\n    TextExpandRepeaterDemoComponent\n  ]\n})\nexport class TextExpandRepeaterDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTextExpandRepeaterModule } from '@skyux/layout';\n\nimport { TextExpandRepeaterDemoComponent } from './text-expand-repeater-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTextExpandRepeaterModule],\n  declarations: [TextExpandRepeaterDemoComponent],\n  exports: [TextExpandRepeaterDemoComponent],\n})\nexport class TextExpandRepeaterDemoModule {}\n"
     },
     {
       "fileName": "toolbar-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/basic/toolbar-demo.component.html",
-      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n    >\n      Button 1\n    </button>\n  </sky-toolbar-item>\n  <sky-toolbar-item>\n    <button\n      class=\"sky-btn sky-btn-default\"\n      type=\"button\"\n    >\n      Button 2\n    </button>\n  </sky-toolbar-item>\n  <sky-toolbar-view-actions>\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon\"\n      title=\"Sort descending\"\n      type=\"button\"\n    >\n      <sky-icon\n        icon=\"angle-double-down\"\n      ></sky-icon>\n    </button>\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon\"\n      title=\"Sort ascending\"\n      type=\"button\"\n    >\n      <sky-icon\n        icon=\"angle-double-up\"\n      ></sky-icon>\n    </button>\n  </sky-toolbar-view-actions>\n</sky-toolbar>\n"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <button class=\"sky-btn sky-btn-primary\" type=\"button\">Button 1</button>\n  </sky-toolbar-item>\n  <sky-toolbar-item>\n    <button class=\"sky-btn sky-btn-default\" type=\"button\">Button 2</button>\n  </sky-toolbar-item>\n  <sky-toolbar-view-actions>\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon\"\n      title=\"Sort descending\"\n      type=\"button\"\n    >\n      <sky-icon icon=\"angle-double-down\"></sky-icon>\n    </button>\n    <button\n      class=\"sky-btn sky-btn-default sky-btn-icon\"\n      title=\"Sort ascending\"\n      type=\"button\"\n    >\n      <sky-icon icon=\"angle-double-up\"></sky-icon>\n    </button>\n  </sky-toolbar-view-actions>\n</sky-toolbar>\n"
     },
     {
       "fileName": "toolbar-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/basic/toolbar-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar-demo',\n  templateUrl: './toolbar-demo.component.html'\n})\nexport class ToolbarDemoComponent { }\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar-demo',\n  templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {}\n"
     },
     {
       "fileName": "toolbar-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/basic/toolbar-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyToolbarModule\n} from '@skyux/layout';\n\nimport {\n  ToolbarDemoComponent\n} from './toolbar-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyIconModule,\n    SkyToolbarModule\n  ],\n  exports: [\n    ToolbarDemoComponent\n  ],\n  declarations: [\n    ToolbarDemoComponent\n  ]\n})\nexport class ToolbarDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyToolbarModule } from '@skyux/layout';\n\nimport { ToolbarDemoComponent } from './toolbar-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyIconModule, SkyToolbarModule],\n  exports: [ToolbarDemoComponent],\n  declarations: [ToolbarDemoComponent],\n})\nexport class ToolbarDemoModule {}\n"
     },
     {
       "fileName": "toolbar-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/sectioned/toolbar-demo.component.html",
-      "rawContents": "<sky-toolbar>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-primary\"\n        type=\"button\"\n      >\n        Button 1\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n      >\n        Button 2\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-btn-icon\"\n        title=\"Sort descending\"\n        type=\"button\"\n      >\n        <sky-icon\n          icon=\"angle-double-down\"\n        ></sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-btn-icon\"\n        title=\"Sort ascending\"\n        type=\"button\"\n      >\n        <sky-icon\n          icon=\"angle-double-up\"\n        ></sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n      >\n        <sky-icon\n          icon=\"sort\"\n        ></sky-icon>\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n      >\n        <sky-icon\n          icon=\"filter\"\n        ></sky-icon>\n      </button>\n    </sky-toolbar-item>\n  </sky-toolbar-section>\n</sky-toolbar>\n"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button class=\"sky-btn sky-btn-primary\" type=\"button\">Button 1</button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button class=\"sky-btn sky-btn-default\" type=\"button\">Button 2</button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <button\n        class=\"sky-btn sky-btn-default sky-btn-icon\"\n        title=\"Sort descending\"\n        type=\"button\"\n      >\n        <sky-icon icon=\"angle-double-down\"></sky-icon>\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default sky-btn-icon\"\n        title=\"Sort ascending\"\n        type=\"button\"\n      >\n        <sky-icon icon=\"angle-double-up\"></sky-icon>\n      </button>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button class=\"sky-btn sky-btn-default\" type=\"button\">\n        <sky-icon icon=\"sort\"></sky-icon>\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button class=\"sky-btn sky-btn-default\" type=\"button\">\n        <sky-icon icon=\"filter\"></sky-icon>\n      </button>\n    </sky-toolbar-item>\n  </sky-toolbar-section>\n</sky-toolbar>\n"
     },
     {
       "fileName": "toolbar-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/sectioned/toolbar-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar-demo',\n  templateUrl: './toolbar-demo.component.html'\n})\nexport class ToolbarDemoComponent { }\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-toolbar-demo',\n  templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {}\n"
     },
     {
       "fileName": "toolbar-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/toolbar/sectioned/toolbar-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyToolbarModule\n} from '@skyux/layout';\n\nimport {\n  ToolbarDemoComponent\n} from './toolbar-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyIconModule,\n    SkyToolbarModule\n  ],\n  exports: [\n    ToolbarDemoComponent\n  ],\n  declarations: [\n    ToolbarDemoComponent\n  ]\n})\nexport class ToolbarDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyToolbarModule } from '@skyux/layout';\n\nimport { ToolbarDemoComponent } from './toolbar-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyIconModule, SkyToolbarModule],\n  exports: [ToolbarDemoComponent],\n  declarations: [ToolbarDemoComponent],\n})\nexport class ToolbarDemoModule {}\n"
     }
   ]
 }