npm - @skyux/layout - Versions diffs - 5.0.0 → 5.2.0 - Mend

@skyux/layout 5.0.0 → 5.2.0

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 (104) 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",
@@ -58,7 +63,8 @@
     "SkyBackToTopOptions": "interface-skybacktotopoptions",
     "SkyActionButtonContainerAlignItemsType": "type-alias-skyactionbuttoncontaineralignitemstype",
     "SkyDescriptionListModeType": "type-alias-skydescriptionlistmodetype",
-    "SkyFluidGridGutterSizeType": "type-alias-skyfluidgridguttersizetype"
+    "SkyFluidGridGutterSizeType": "type-alias-skyfluidgridguttersizetype",
+    "SkyTextExpandRepeaterListStyleType": "type-alias-skytextexpandrepeaterliststyletype"
   },
   "typedoc": {
     "id": 0,
@@ -69,7 +75,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 461,
+        "id": 477,
         "name": "SkyBackToTopMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -79,7 +85,7 @@
         },
         "children": [
           {
-            "id": 462,
+            "id": 478,
             "name": "BackToTop",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -90,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
               }
             ],
@@ -102,7 +108,7 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              462
+              478
             ]
           }
         ],
@@ -115,7 +121,7 @@
         ]
       },
       {
-        "id": 449,
+        "id": 465,
         "name": "SkyActionButtonModule",
         "kind": 128,
         "kindString": "Class",
@@ -128,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": 450,
+            "id": 466,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 451,
+                "id": 467,
                 "name": "new SkyActionButtonModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 449,
+                  "id": 465,
                   "name": "SkyActionButtonModule"
                 }
               }
@@ -160,20 +166,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              450
+              466
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button.module.ts",
-            "line": 68,
+            "line": 46,
             "character": 13
           }
         ]
       },
       {
-        "id": 456,
+        "id": 472,
         "name": "SkyBackToTopModule",
         "kind": 128,
         "kindString": "Class",
@@ -186,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": 457,
+            "id": 473,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 458,
+                "id": 474,
                 "name": "new SkyBackToTopModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 456,
+                  "id": 472,
                   "name": "SkyBackToTopModule"
                 }
               }
@@ -218,20 +224,78 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              457
+              473
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/back-to-top/back-top-top.module.ts",
-            "line": 45,
+            "line": 25,
             "character": 13
           }
         ]
       },
       {
-        "id": 465,
+        "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": 484,
         "name": "SkyCardModule",
         "kind": 128,
         "kindString": "Class",
@@ -244,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": 466,
+            "id": 485,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 467,
+                "id": 486,
                 "name": "new SkyCardModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 465,
+                  "id": 484,
                   "name": "SkyCardModule"
                 }
               }
@@ -276,20 +340,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              466
+              485
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card.module.ts",
-            "line": 64,
+            "line": 44,
             "character": 13
           }
         ]
       },
       {
-        "id": 468,
+        "id": 487,
         "name": "SkyDefinitionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -302,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": 469,
+            "id": 488,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 470,
+                "id": 489,
                 "name": "new SkyDefinitionListModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 468,
+                  "id": 487,
                   "name": "SkyDefinitionListModule"
                 }
               }
@@ -334,20 +398,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              469
+              488
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list.module.ts",
-            "line": 37,
+            "line": 31,
             "character": 13
           }
         ]
       },
       {
-        "id": 471,
+        "id": 490,
         "name": "SkyDescriptionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -360,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": 472,
+            "id": 491,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 473,
+                "id": 492,
                 "name": "new SkyDescriptionListModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 471,
+                  "id": 490,
                   "name": "SkyDescriptionListModule"
                 }
               }
@@ -392,20 +456,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              472
+              491
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list.module.ts",
-            "line": 55,
+            "line": 39,
             "character": 13
           }
         ]
       },
       {
-        "id": 483,
+        "id": 502,
         "name": "SkyFluidGridModule",
         "kind": 128,
         "kindString": "Class",
@@ -418,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": 484,
+            "id": 503,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 485,
+                "id": 504,
                 "name": "new SkyFluidGridModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 483,
+                  "id": 502,
                   "name": "SkyFluidGridModule"
                 }
               }
@@ -450,20 +514,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              484
+              503
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.module.ts",
-            "line": 23,
+            "line": 13,
             "character": 13
           }
         ]
       },
       {
-        "id": 490,
+        "id": 509,
         "name": "SkyFormatModule",
         "kind": 128,
         "kindString": "Class",
@@ -476,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": 491,
+            "id": 510,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 492,
+                "id": 511,
                 "name": "new SkyFormatModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 490,
+                  "id": 509,
                   "name": "SkyFormatModule"
                 }
               }
@@ -508,20 +572,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              491
+              510
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/format/format.module.ts",
-            "line": 24,
+            "line": 12,
             "character": 13
           }
         ]
       },
       {
-        "id": 496,
+        "id": 515,
         "name": "SkyInlineDeleteModule",
         "kind": 128,
         "kindString": "Class",
@@ -534,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": 497,
+            "id": 516,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 498,
+                "id": 517,
                 "name": "new SkyInlineDeleteModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 496,
+                  "id": 515,
                   "name": "SkyInlineDeleteModule"
                 }
               }
@@ -566,20 +630,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              497
+              516
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/inline-delete/inline-delete.module.ts",
-            "line": 37,
+            "line": 23,
             "character": 13
           }
         ]
       },
       {
-        "id": 499,
+        "id": 518,
         "name": "SkyPageModule",
         "kind": 128,
         "kindString": "Class",
@@ -592,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": 500,
+            "id": 519,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 501,
+                "id": 520,
                 "name": "new SkyPageModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 499,
+                  "id": 518,
                   "name": "SkyPageModule"
                 }
               }
@@ -624,20 +688,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              500
+              519
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page/page.module.ts",
-            "line": 17,
+            "line": 9,
             "character": 13
           }
         ]
       },
       {
-        "id": 502,
+        "id": 521,
         "name": "SkyPageSummaryModule",
         "kind": 128,
         "kindString": "Class",
@@ -650,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": 503,
+            "id": 522,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 504,
+                "id": 523,
                 "name": "new SkyPageSummaryModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 502,
+                  "id": 521,
                   "name": "SkyPageSummaryModule"
                 }
               }
@@ -682,20 +746,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              503
+              522
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary.module.ts",
-            "line": 66,
+            "line": 44,
             "character": 13
           }
         ]
       },
       {
-        "id": 505,
+        "id": 524,
         "name": "SkyTextExpandModule",
         "kind": 128,
         "kindString": "Class",
@@ -708,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": 506,
+            "id": 525,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 507,
+                "id": 526,
                 "name": "new SkyTextExpandModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 505,
+                  "id": 524,
                   "name": "SkyTextExpandModule"
                 }
               }
@@ -740,20 +804,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              506
+              525
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand/text-expand.module.ts",
-            "line": 35,
+            "line": 24,
             "character": 13
           }
         ]
       },
       {
-        "id": 508,
+        "id": 528,
         "name": "SkyTextExpandRepeaterModule",
         "kind": 128,
         "kindString": "Class",
@@ -766,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": 509,
+            "id": 529,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 510,
+                "id": 530,
                 "name": "new SkyTextExpandRepeaterModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 508,
+                  "id": 528,
                   "name": "SkyTextExpandRepeaterModule"
                 }
               }
@@ -798,20 +862,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              509
+              529
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.module.ts",
-            "line": 22,
+            "line": 14,
             "character": 13
           }
         ]
       },
       {
-        "id": 511,
+        "id": 531,
         "name": "SkyToolbarModule",
         "kind": 128,
         "kindString": "Class",
@@ -824,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": 512,
+            "id": 532,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 513,
+                "id": 533,
                 "name": "new SkyToolbarModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 511,
+                  "id": 531,
                   "name": "SkyToolbarModule"
                 }
               }
@@ -856,14 +920,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              512
+              532
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar.module.ts",
-            "line": 42,
+            "line": 28,
             "character": 13
           }
         ]
@@ -885,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}"
             }
           }
         ],
@@ -935,7 +999,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-                "line": 34,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -975,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": 443,
+              "id": 459,
               "name": "SkyActionButtonPermalink"
             }
           },
@@ -996,7 +1060,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-                "line": 36,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -1025,7 +1089,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-                "line": 40,
+                "line": 37,
                 "character": 9
               }
             ],
@@ -1072,7 +1136,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button.component.ts",
-            "line": 22,
+            "line": 20,
             "character": 13
           }
         ]
@@ -1094,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}"
             }
           }
         ],
@@ -1133,7 +1197,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-actions.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -1155,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}"
             }
           }
         ],
@@ -1194,7 +1258,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-content.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -1216,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}"
             }
           }
         ],
@@ -1255,7 +1319,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card-title.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -1277,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}"
             }
           }
         ],
@@ -1291,7 +1355,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 40,
+                "line": 35,
                 "character": 2
               }
             ],
@@ -1357,7 +1421,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 36,
+                "line": 31,
                 "character": 13
               }
             ],
@@ -1418,7 +1482,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-                "line": 26,
+                "line": 21,
                 "character": 13
               }
             ],
@@ -1486,7 +1550,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list.component.ts",
-            "line": 19,
+            "line": 15,
             "character": 13
           }
         ]
@@ -1508,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}"
             }
           }
         ],
@@ -1547,7 +1611,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list-content.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -1569,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}"
             }
           }
         ],
@@ -1608,7 +1672,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list-heading.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -1630,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}"
             }
           }
         ],
@@ -1644,7 +1708,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list-label.component.ts",
-                "line": 20,
+                "line": 17,
                 "character": 2
               }
             ],
@@ -1687,7 +1751,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list-label.component.ts",
-                "line": 18,
+                "line": 15,
                 "character": 9
               }
             ],
@@ -1730,7 +1794,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list-label.component.ts",
-            "line": 17,
+            "line": 14,
             "character": 13
           }
         ]
@@ -1752,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}"
             }
           }
         ],
@@ -1766,7 +1830,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list-value.component.ts",
-                "line": 18,
+                "line": 16,
                 "character": 2
               }
             ],
@@ -1809,7 +1873,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/definition-list/definition-list-value.component.ts",
-                "line": 16,
+                "line": 14,
                 "character": 9
               }
             ],
@@ -1852,7 +1916,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/definition-list/definition-list-value.component.ts",
-            "line": 15,
+            "line": 13,
             "character": 13
           }
         ]
@@ -1874,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}"
             }
           }
         ],
@@ -1888,7 +1952,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 103,
+                "line": 88,
                 "character": 2
               }
             ],
@@ -1976,7 +2040,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 89,
+                "line": 74,
                 "character": 9
               }
             ],
@@ -2016,7 +2080,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 73,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -2046,7 +2110,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 64,
+                "line": 49,
                 "character": 13
               }
             ],
@@ -2107,7 +2171,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 80,
+                "line": 65,
                 "character": 13
               }
             ],
@@ -2123,7 +2187,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 478,
+                  "id": 497,
                   "name": "SkyDescriptionListModeType"
                 }
               }
@@ -2153,7 +2217,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 478,
+                      "id": 497,
                       "name": "SkyDescriptionListModeType"
                     }
                   }
@@ -2176,7 +2240,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 110,
+                "line": 95,
                 "character": 9
               }
             ],
@@ -2213,7 +2277,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 124,
+                "line": 108,
                 "character": 9
               }
             ],
@@ -2250,7 +2314,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 135,
+                "line": 119,
                 "character": 9
               }
             ],
@@ -2299,7 +2363,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 142,
+                "line": 126,
                 "character": 9
               }
             ],
@@ -2356,7 +2420,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-            "line": 57,
+            "line": 40,
             "character": 13
           }
         ],
@@ -2392,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}"
             }
           }
         ],
@@ -2435,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
               }
             ],
@@ -2505,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}"
             }
           }
         ],
@@ -2519,7 +2583,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 98,
+                "line": 82,
                 "character": 2
               }
             ],
@@ -2656,7 +2720,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 67,
+                "line": 51,
                 "character": 13
               }
             ],
@@ -2672,7 +2736,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 455,
+                  "id": 471,
                   "name": "SkyActionButtonContainerAlignItemsType"
                 }
               }
@@ -2702,7 +2766,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 455,
+                      "id": 471,
                       "name": "SkyActionButtonContainerAlignItemsType"
                     }
                   }
@@ -2725,7 +2789,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 127,
+                "line": 109,
                 "character": 9
               }
             ],
@@ -2762,7 +2826,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 143,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -2799,7 +2863,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 108,
+                "line": 92,
                 "character": 9
               }
             ],
@@ -2848,7 +2912,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-                "line": 151,
+                "line": 131,
                 "character": 9
               }
             ],
@@ -2896,7 +2960,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-container.component.ts",
-            "line": 60,
+            "line": 43,
             "character": 13
           }
         ],
@@ -2932,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}"
             }
           }
         ],
@@ -2946,7 +3010,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 49,
+                "line": 42,
                 "character": 2
               }
             ],
@@ -3011,7 +3075,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 37,
+                "line": 30,
                 "character": 9
               }
             ],
@@ -3050,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
               }
             ],
@@ -3083,7 +3147,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 39,
+                "line": 32,
                 "character": 9
               }
             ],
@@ -3103,7 +3167,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 69,
+                "line": 60,
                 "character": 9
               }
             ],
@@ -3140,7 +3204,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 55,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -3197,7 +3261,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-            "line": 35,
+            "line": 27,
             "character": 13
           }
         ],
@@ -3229,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}"
             }
           }
         ],
@@ -3278,7 +3342,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-content.component.ts",
-                "line": 28,
+                "line": 19,
                 "character": 9
               }
             ],
@@ -3317,7 +3381,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-content.component.ts",
-                "line": 25,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -3354,7 +3418,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/description-list/description-list-content.component.ts",
-            "line": 22,
+            "line": 14,
             "character": 13
           }
         ]
@@ -3376,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}"
             }
           }
         ],
@@ -3423,7 +3487,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-                "line": 32,
+                "line": 22,
                 "character": 13
               }
             ],
@@ -3500,7 +3564,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-                "line": 46,
+                "line": 36,
                 "character": 13
               }
             ],
@@ -3516,7 +3580,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 486,
+                  "id": 505,
                   "name": "SkyFluidGridGutterSizeType"
                 }
               }
@@ -3546,7 +3610,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 486,
+                      "id": 505,
                       "name": "SkyFluidGridGutterSizeType"
                     }
                   }
@@ -3579,7 +3643,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-            "line": 25,
+            "line": 16,
             "character": 13
           }
         ]
@@ -3601,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}"
             }
           }
         ],
@@ -3706,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}"
             }
           }
         ],
@@ -3755,7 +3819,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 53,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -3788,7 +3852,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 50,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -3821,7 +3885,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 42,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -3854,7 +3918,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 34,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -3893,7 +3957,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 26,
+                "line": 25,
                 "character": 9
               }
             ],
@@ -3913,7 +3977,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 62,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -3942,7 +4006,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 55,
+                "line": 54,
                 "character": 9
               }
             ],
@@ -3992,7 +4056,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 86,
+                "line": 88,
                 "character": 9
               }
             ],
@@ -4080,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}"
             }
           }
         ],
@@ -4117,7 +4181,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/format/format.component.ts",
-                "line": 21,
+                "line": 18,
                 "character": 9
               }
             ],
@@ -4150,7 +4214,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/format/format.component.ts",
-                "line": 42,
+                "line": 39,
                 "character": 13
               }
             ],
@@ -4239,7 +4303,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/format/format.component.ts",
-                "line": 28,
+                "line": 25,
                 "character": 13
               }
             ],
@@ -4317,7 +4381,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/format/format.component.ts",
-            "line": 19,
+            "line": 17,
             "character": 13
           }
         ]
@@ -4339,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}"
             }
           }
         ],
@@ -4353,7 +4417,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 23,
+                "line": 16,
                 "character": 2
               }
             ],
@@ -4396,7 +4460,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 29,
+                "line": 22,
                 "character": 9
               }
             ],
@@ -4433,7 +4497,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 25,
+                "line": 18,
                 "character": 9
               }
             ],
@@ -4480,7 +4544,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page/page.component.ts",
-            "line": 21,
+            "line": 15,
             "character": 13
           }
         ],
@@ -4512,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}"
             }
           }
         ],
@@ -4526,7 +4590,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 46,
+                "line": 39,
                 "character": 2
               }
             ],
@@ -4597,7 +4661,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 37,
+                "line": 28,
                 "character": 13
               }
             ],
@@ -4626,7 +4690,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 52,
+                "line": 45,
                 "character": 9
               }
             ],
@@ -4663,7 +4727,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 60,
+                "line": 56,
                 "character": 9
               }
             ],
@@ -4717,7 +4781,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-            "line": 36,
+            "line": 27,
             "character": 13
           }
         ],
@@ -4749,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}"
             }
           }
         ],
@@ -4810,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}"
             }
           }
         ],
@@ -4871,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}"
             }
           }
         ],
@@ -4910,7 +4974,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-details.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -4932,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}"
             }
           }
         ],
@@ -4993,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}"
             }
           }
         ],
@@ -5054,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}"
             }
           }
         ],
@@ -5115,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}"
             }
           }
         ],
@@ -5176,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}"
             }
           }
         ],
@@ -5234,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}"
             }
           }
         ],
@@ -5248,7 +5312,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 148,
+                "line": 131,
                 "character": 2
               }
             ],
@@ -5313,7 +5377,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 112,
+                "line": 95,
                 "character": 9
               }
             ],
@@ -5333,7 +5397,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 114,
+                "line": 97,
                 "character": 9
               }
             ],
@@ -5373,7 +5437,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 57,
+                "line": 40,
                 "character": 9
               }
             ],
@@ -5393,7 +5457,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 116,
+                "line": 99,
                 "character": 9
               }
             ],
@@ -5413,7 +5477,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 118,
+                "line": 101,
                 "character": 9
               }
             ],
@@ -5434,7 +5498,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 120,
+                "line": 103,
                 "character": 9
               }
             ],
@@ -5467,7 +5531,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 65,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -5501,7 +5565,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 73,
+                "line": 56,
                 "character": 9
               }
             ],
@@ -5535,7 +5599,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 110,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -5566,7 +5630,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 82,
+                "line": 65,
                 "character": 13
               }
             ],
@@ -5643,7 +5707,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 99,
+                "line": 82,
                 "character": 13
               }
             ],
@@ -5688,7 +5752,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 194,
+                "line": 171,
                 "character": 9
               }
             ],
@@ -5717,7 +5781,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 201,
+                "line": 178,
                 "character": 9
               }
             ],
@@ -5754,7 +5818,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 154,
+                "line": 137,
                 "character": 9
               }
             ],
@@ -5817,7 +5881,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-            "line": 50,
+            "line": 34,
             "character": 13
           }
         ],
@@ -5842,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}"
             }
           }
         ],
@@ -5928,7 +5992,7 @@
             ]
           },
           {
-            "id": 401,
+            "id": 402,
             "name": "buttonText",
             "kind": 1024,
             "kindString": "Property",
@@ -5948,7 +6012,7 @@
             }
           },
           {
-            "id": 402,
+            "id": 403,
             "name": "contentItems",
             "kind": 1024,
             "kindString": "Property",
@@ -5971,7 +6035,7 @@
             }
           },
           {
-            "id": 404,
+            "id": 405,
             "name": "contentSectionId",
             "kind": 1024,
             "kindString": "Property",
@@ -6015,7 +6079,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 48,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -6028,7 +6092,7 @@
             }
           },
           {
-            "id": 403,
+            "id": 404,
             "name": "expandable",
             "kind": 1024,
             "kindString": "Property",
@@ -6048,7 +6112,7 @@
             }
           },
           {
-            "id": 405,
+            "id": 406,
             "name": "isExpanded",
             "kind": 1024,
             "kindString": "Property",
@@ -6092,7 +6156,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 54,
+                "line": 47,
                 "character": 9
               }
             ],
@@ -6109,6 +6173,47 @@
           },
           {
             "id": 400,
+            "name": "listStyle",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies the style of bullet to use",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "'unordered'\n"
+                }
+              ]
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
+                "line": 54,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "id": 527,
+              "name": "SkyTextExpandRepeaterListStyleType"
+            },
+            "defaultValue": "'unordered'"
+          },
+          {
+            "id": 401,
             "name": "maxItems",
             "kind": 1024,
             "kindString": "Property",
@@ -6141,7 +6246,7 @@
             }
           },
           {
-            "id": 415,
+            "id": 416,
             "name": "animationEnd",
             "kind": 2048,
             "kindString": "Method",
@@ -6157,7 +6262,7 @@
             ],
             "signatures": [
               {
-                "id": 416,
+                "id": 417,
                 "name": "animationEnd",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6170,7 +6275,7 @@
             ]
           },
           {
-            "id": 410,
+            "id": 411,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -6186,7 +6291,7 @@
             ],
             "signatures": [
               {
-                "id": 411,
+                "id": 412,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6207,7 +6312,7 @@
             }
           },
           {
-            "id": 412,
+            "id": 413,
             "name": "ngOnChanges",
             "kind": 2048,
             "kindString": "Method",
@@ -6223,14 +6328,14 @@
             ],
             "signatures": [
               {
-                "id": 413,
+                "id": 414,
                 "name": "ngOnChanges",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 414,
+                    "id": 415,
                     "name": "changes",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -6257,7 +6362,7 @@
             }
           },
           {
-            "id": 417,
+            "id": 418,
             "name": "repeaterExpand",
             "kind": 2048,
             "kindString": "Method",
@@ -6267,13 +6372,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 132,
+                "line": 135,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 418,
+                "id": 419,
                 "name": "repeaterExpand",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6298,31 +6403,32 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              401,
               402,
-              404,
-              398,
               403,
               405,
+              398,
+              404,
+              406,
               399,
-              400
+              400,
+              401
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              415,
-              410,
-              412,
-              417
+              416,
+              411,
+              413,
+              418
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-            "line": 42,
+            "line": 34,
             "character": 13
           }
         ],
@@ -6338,7 +6444,7 @@
         ]
       },
       {
-        "id": 427,
+        "id": 428,
         "name": "SkyToolbarComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6354,34 +6460,34 @@
               "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}"
             }
           }
         ],
         "children": [
           {
-            "id": 428,
+            "id": 429,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 429,
+                "id": 430,
                 "name": "SkyToolbarComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 427,
+                  "id": 428,
                   "name": "SkyToolbarComponent"
                 }
               }
             ]
           },
           {
-            "id": 430,
+            "id": 431,
             "name": "hasSections",
             "kind": 1024,
             "kindString": "Property",
@@ -6391,7 +6497,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/toolbar/toolbar.component.ts",
-                "line": 22,
+                "line": 19,
                 "character": 9
               }
             ],
@@ -6402,7 +6508,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 432,
+            "id": 433,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -6412,13 +6518,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/toolbar/toolbar.component.ts",
-                "line": 27,
+                "line": 24,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 433,
+                "id": 434,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6444,28 +6550,28 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              428
+              429
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              430
+              431
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              432
+              433
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar.component.ts",
-            "line": 20,
+            "line": 18,
             "character": 13
           }
         ],
@@ -6477,7 +6583,7 @@
         ]
       },
       {
-        "id": 434,
+        "id": 435,
         "name": "SkyToolbarSectionComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6493,27 +6599,27 @@
               "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}"
             }
           }
         ],
         "children": [
           {
-            "id": 435,
+            "id": 436,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 436,
+                "id": 437,
                 "name": "SkyToolbarSectionComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 434,
+                  "id": 435,
                   "name": "SkyToolbarSectionComponent"
                 }
               }
@@ -6525,20 +6631,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              435
+              436
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar-section.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
       },
       {
-        "id": 437,
+        "id": 438,
         "name": "SkyToolbarItemComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6554,27 +6660,27 @@
               "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}"
             }
           }
         ],
         "children": [
           {
-            "id": 438,
+            "id": 439,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 439,
+                "id": 440,
                 "name": "SkyToolbarItemComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 437,
+                  "id": 438,
                   "name": "SkyToolbarItemComponent"
                 }
               }
@@ -6586,14 +6692,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              438
+              439
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar-item.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -6615,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}"
             }
           }
         ],
@@ -6654,13 +6760,13 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-header.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
       },
       {
-        "id": 440,
+        "id": 441,
         "name": "SkyToolbarViewActionsComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6676,27 +6782,27 @@
               "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}"
             }
           }
         ],
         "children": [
           {
-            "id": 441,
+            "id": 442,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 442,
+                "id": 443,
                 "name": "SkyToolbarViewActionsComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 440,
+                  "id": 441,
                   "name": "SkyToolbarViewActionsComponent"
                 }
               }
@@ -6708,14 +6814,366 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              441
+              442
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/toolbar/toolbar-view-actions.component.ts",
-            "line": 16,
+            "line": 13,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 444,
+        "name": "SkyBoxComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "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": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-box',\n  templateUrl: './box.component.html',\n  styleUrls: ['./box.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 445,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 446,
+                "name": "SkyBoxComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 444,
+                  "name": "SkyBoxComponent"
+                }
+              }
+            ]
+          },
+          {
+            "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
           }
         ]
@@ -6737,7 +7195,7 @@
               "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-action-button-icon',\n  styleUrls: ['./action-button-icon.component.scss'],\n  templateUrl: './action-button-icon.component.html',\n}"
             }
           }
         ],
@@ -6751,7 +7209,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-                "line": 44,
+                "line": 34,
                 "character": 2
               }
             ],
@@ -6794,7 +7252,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-                "line": 40,
+                "line": 30,
                 "character": 9
               }
             ],
@@ -6828,7 +7286,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-                "line": 38,
+                "line": 28,
                 "character": 9
               }
             ],
@@ -6848,7 +7306,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-                "line": 54,
+                "line": 46,
                 "character": 9
               }
             ],
@@ -6902,7 +7360,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-icon.component.ts",
-            "line": 27,
+            "line": 18,
             "character": 13
           }
         ],
@@ -6930,7 +7388,7 @@
               "name": "Directive"
             },
             "arguments": {
-              "obj": "{\n  selector: '[skyBackToTop]',\n  providers: [\n    SkyBackToTopDomAdapterService\n  ]\n}"
+              "obj": "{\n  selector: '[skyBackToTop]',\n  providers: [SkyBackToTopDomAdapterService],\n}"
             }
           }
         ],
@@ -6944,7 +7402,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 86,
+                "line": 68,
                 "character": 2
               }
             ],
@@ -7025,7 +7483,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 58,
+                "line": 38,
                 "character": 13
               }
             ],
@@ -7048,7 +7506,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 463,
+                      "id": 479,
                       "name": "SkyBackToTopOptions"
                     }
                   }
@@ -7081,7 +7539,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 69,
+                "line": 49,
                 "character": 13
               }
             ],
@@ -7107,7 +7565,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 459,
+                          "id": 475,
                           "name": "SkyBackToTopMessage"
                         }
                       ],
@@ -7133,7 +7591,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 92,
+                "line": 74,
                 "character": 9
               }
             ],
@@ -7170,7 +7628,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-                "line": 100,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -7225,7 +7683,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/back-to-top/back-to-top.directive.ts",
-            "line": 52,
+            "line": 33,
             "character": 13
           }
         ],
@@ -7254,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}"
             }
           }
         ],
@@ -7268,7 +7726,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 111,
+                "line": 120,
                 "character": 2
               }
             ],
@@ -7339,7 +7797,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 99,
+                "line": 108,
                 "character": 9
               }
             ],
@@ -7360,7 +7818,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 101,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -7394,7 +7852,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 91,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -7434,7 +7892,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 97,
+                "line": 106,
                 "character": 9
               }
             ],
@@ -7480,7 +7938,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 85,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -7501,7 +7959,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 103,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -7536,7 +7994,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-            "line": 78,
+            "line": 88,
             "character": 13
           }
         ],
@@ -7568,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}"
             }
           }
         ],
@@ -7617,7 +8075,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 67,
+                "line": 59,
                 "character": 9
               }
             ],
@@ -7663,7 +8121,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 50,
+                "line": 42,
                 "character": 9
               }
             ],
@@ -7702,7 +8160,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 58,
+                "line": 50,
                 "character": 9
               }
             ],
@@ -7735,7 +8193,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 64,
+                "line": 56,
                 "character": 9
               }
             ],
@@ -7762,7 +8220,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 72,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -7802,7 +8260,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 42,
+                "line": 34,
                 "character": 9
               }
             ],
@@ -7834,7 +8292,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 70,
+                "line": 62,
                 "character": 9
               }
             ],
@@ -7861,7 +8319,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 94,
+                "line": 86,
                 "character": 9
               }
             ],
@@ -7890,7 +8348,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 76,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -7927,7 +8385,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 108,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -7964,7 +8422,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 101,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -8031,7 +8489,7 @@
         "sources": [
           {
             "fileName": "projects/layout/src/modules/card/card.component.ts",
-            "line": 36,
+            "line": 28,
             "character": 13
           }
         ],
@@ -8047,7 +8505,7 @@
         ]
       },
       {
-        "id": 443,
+        "id": 459,
         "name": "SkyActionButtonPermalink",
         "kind": 256,
         "kindString": "Interface",
@@ -8057,7 +8515,7 @@
         },
         "children": [
           {
-            "id": 444,
+            "id": 460,
             "name": "route",
             "kind": 1024,
             "kindString": "Property",
@@ -8070,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": 445,
+                "id": 461,
                 "name": "__type",
                 "kind": 65536,
                 "kindString": "Type literal",
                 "flags": {},
                 "children": [
                   {
-                    "id": 446,
+                    "id": 462,
                     "name": "commands",
                     "kind": 1024,
                     "kindString": "Property",
@@ -8092,7 +8550,7 @@
                     "sources": [
                       {
                         "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-                        "line": 27,
+                        "line": 25,
                         "character": 4
                       }
                     ],
@@ -8105,7 +8563,7 @@
                     }
                   },
                   {
-                    "id": 447,
+                    "id": 463,
                     "name": "extras",
                     "kind": 1024,
                     "kindString": "Property",
@@ -8115,7 +8573,7 @@
                     "sources": [
                       {
                         "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-                        "line": 28,
+                        "line": 26,
                         "character": 4
                       }
                     ],
@@ -8130,8 +8588,8 @@
                     "title": "Properties",
                     "kind": 1024,
                     "children": [
-                      446,
-                      447
+                      462,
+                      463
                     ]
                   }
                 ]
@@ -8139,7 +8597,7 @@
             }
           },
           {
-            "id": 448,
+            "id": 464,
             "name": "url",
             "kind": 1024,
             "kindString": "Property",
@@ -8152,7 +8610,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-                "line": 33,
+                "line": 31,
                 "character": 2
               }
             ],
@@ -8167,21 +8625,21 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              444,
-              448
+              460,
+              464
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/action-button/action-button-permalink.ts",
-            "line": 10,
+            "line": 8,
             "character": 17
           }
         ]
       },
       {
-        "id": 459,
+        "id": 475,
         "name": "SkyBackToTopMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -8191,7 +8649,7 @@
         },
         "children": [
           {
-            "id": 460,
+            "id": 476,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -8204,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": 462,
+              "id": 478,
               "name": "BackToTop"
             }
           }
@@ -8220,20 +8678,20 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              460
+              476
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/back-to-top/models/back-to-top-message.ts",
-            "line": 8,
+            "line": 6,
             "character": 17
           }
         ]
       },
       {
-        "id": 463,
+        "id": 479,
         "name": "SkyBackToTopOptions",
         "kind": 256,
         "kindString": "Interface",
@@ -8243,7 +8701,7 @@
         },
         "children": [
           {
-            "id": 464,
+            "id": 480,
             "name": "buttonHidden",
             "kind": 1024,
             "kindString": "Property",
@@ -8262,7 +8720,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/back-to-top/models/back-to-top-options.ts",
-                "line": 10,
+                "line": 9,
                 "character": 2
               }
             ],
@@ -8277,7 +8735,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              464
+              480
             ]
           }
         ],
@@ -8290,7 +8748,7 @@
         ]
       },
       {
-        "id": 455,
+        "id": 471,
         "name": "SkyActionButtonContainerAlignItemsType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8317,7 +8775,7 @@
         }
       },
       {
-        "id": 478,
+        "id": 497,
         "name": "SkyDescriptionListModeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8351,7 +8809,7 @@
         }
       },
       {
-        "id": 486,
+        "id": 505,
         "name": "SkyFluidGridGutterSizeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8392,6 +8850,37 @@
             }
           ]
         }
+      },
+      {
+        "id": 527,
+        "name": "SkyTextExpandRepeaterListStyleType",
+        "kind": 4194304,
+        "kindString": "Type alias",
+        "flags": {},
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.ts",
+            "line": 1,
+            "character": 12
+          }
+        ],
+        "type": {
+          "type": "union",
+          "types": [
+            {
+              "type": "literal",
+              "value": "unordered"
+            },
+            {
+              "type": "literal",
+              "value": "ordered"
+            },
+            {
+              "type": "literal",
+              "value": "unstyled"
+            }
+          ]
+        }
       }
     ],
     "groups": [
@@ -8399,26 +8888,27 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          461
+          477
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          449,
-          456,
           465,
-          468,
-          471,
-          483,
+          472,
+          481,
+          484,
+          487,
           490,
-          496,
-          499,
           502,
-          505,
-          508,
-          511,
+          509,
+          515,
+          518,
+          521,
+          524,
+          528,
+          531,
           1,
           152,
           155,
@@ -8449,11 +8939,15 @@
           334,
           337,
           391,
-          427,
-          434,
-          437,
+          428,
+          435,
+          438,
           52,
-          440,
+          441,
+          444,
+          450,
+          453,
+          456,
           55,
           72,
           105,
@@ -8464,18 +8958,19 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          443,
           459,
-          463
+          475,
+          479
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          455,
-          478,
-          486
+          471,
+          497,
+          505,
+          527
         ]
       }
     ],
@@ -8488,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",
@@ -8556,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",
@@ -8666,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",
@@ -8706,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"
     }
   ]
 }