@skyux/layout 7.0.0-beta.1 → 7.0.0-beta.2

package/documentation.json

@@ -74,7 +74,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 490,
+        "id": 529,
         "name": "SkyBackToTopMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -84,7 +84,7 @@
         },
         "children": [
           {
-            "id": 491,
+            "id": 530,
             "name": "BackToTop",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -107,7 +107,7 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              491
+              530
             ]
           }
         ],
@@ -120,7 +120,7 @@
         ]
       },
       {
-        "id": 478,
+        "id": 517,
         "name": "SkyActionButtonModule",
         "kind": 128,
         "kindString": "Class",
@@ -145,7 +145,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              479
+              518
             ]
           }
         ],
@@ -158,7 +158,7 @@
         ]
       },
       {
-        "id": 485,
+        "id": 524,
         "name": "SkyBackToTopModule",
         "kind": 128,
         "kindString": "Class",
@@ -183,7 +183,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              486
+              525
             ]
           }
         ],
@@ -196,7 +196,7 @@
         ]
       },
       {
-        "id": 494,
+        "id": 533,
         "name": "SkyBoxModule",
         "kind": 128,
         "kindString": "Class",
@@ -221,7 +221,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              495
+              534
             ]
           }
         ],
@@ -234,7 +234,7 @@
         ]
       },
       {
-        "id": 497,
+        "id": 536,
         "name": "SkyCardModule",
         "kind": 128,
         "kindString": "Class",
@@ -267,7 +267,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              498
+              537
             ]
           }
         ],
@@ -280,7 +280,7 @@
         ]
       },
       {
-        "id": 500,
+        "id": 539,
         "name": "SkyDefinitionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -313,7 +313,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              501
+              540
             ]
           }
         ],
@@ -326,7 +326,7 @@
         ]
       },
       {
-        "id": 503,
+        "id": 542,
         "name": "SkyDescriptionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -351,7 +351,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              504
+              543
             ]
           }
         ],
@@ -364,7 +364,7 @@
         ]
       },
       {
-        "id": 515,
+        "id": 550,
         "name": "SkyFluidGridModule",
         "kind": 128,
         "kindString": "Class",
@@ -389,7 +389,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              516
+              551
             ]
           }
         ],
@@ -402,7 +402,7 @@
         ]
       },
       {
-        "id": 522,
+        "id": 557,
         "name": "SkyFormatModule",
         "kind": 128,
         "kindString": "Class",
@@ -427,7 +427,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              523
+              558
             ]
           }
         ],
@@ -440,7 +440,7 @@
         ]
       },
       {
-        "id": 528,
+        "id": 563,
         "name": "SkyInlineDeleteModule",
         "kind": 128,
         "kindString": "Class",
@@ -465,7 +465,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              529
+              564
             ]
           }
         ],
@@ -478,7 +478,7 @@
         ]
       },
       {
-        "id": 531,
+        "id": 566,
         "name": "SkyPageModule",
         "kind": 128,
         "kindString": "Class",
@@ -503,7 +503,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              532
+              567
             ]
           }
         ],
@@ -516,7 +516,7 @@
         ]
       },
       {
-        "id": 534,
+        "id": 569,
         "name": "SkyPageSummaryModule",
         "kind": 128,
         "kindString": "Class",
@@ -549,7 +549,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              535
+              570
             ]
           }
         ],
@@ -562,7 +562,7 @@
         ]
       },
       {
-        "id": 537,
+        "id": 572,
         "name": "SkyTextExpandModule",
         "kind": 128,
         "kindString": "Class",
@@ -587,7 +587,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              538
+              573
             ]
           }
         ],
@@ -600,7 +600,7 @@
         ]
       },
       {
-        "id": 541,
+        "id": 576,
         "name": "SkyTextExpandRepeaterModule",
         "kind": 128,
         "kindString": "Class",
@@ -625,7 +625,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              542
+              577
             ]
           }
         ],
@@ -638,7 +638,7 @@
         ]
       },
       {
-        "id": 544,
+        "id": 579,
         "name": "SkyToolbarModule",
         "kind": 128,
         "kindString": "Class",
@@ -663,7 +663,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              545
+              580
             ]
           }
         ],
@@ -865,7 +865,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 472,
+              "id": 511,
               "name": "SkyActionButtonPermalink"
             }
           },
@@ -1006,7 +1006,7 @@
         ]
       },
       {
-        "id": 167,
+        "id": 174,
         "name": "SkyCardActionsComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1040,7 +1040,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              168
+              175
             ]
           }
         ],
@@ -1053,7 +1053,7 @@
         ]
       },
       {
-        "id": 170,
+        "id": 177,
         "name": "SkyCardContentComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1087,7 +1087,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              171
+              178
             ]
           }
         ],
@@ -1100,7 +1100,7 @@
         ]
       },
       {
-        "id": 173,
+        "id": 180,
         "name": "SkyCardTitleComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1134,7 +1134,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              174
+              181
             ]
           }
         ],
@@ -1147,7 +1147,7 @@
         ]
       },
       {
-        "id": 176,
+        "id": 183,
         "name": "SkyDefinitionListComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1171,7 +1171,7 @@
         ],
         "children": [
           {
-            "id": 177,
+            "id": 184,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1185,14 +1185,14 @@
             ],
             "signatures": [
               {
-                "id": 178,
+                "id": 185,
                 "name": "SkyDefinitionListComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 179,
+                    "id": 186,
                     "name": "service",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1203,7 +1203,7 @@
                     }
                   },
                   {
-                    "id": 180,
+                    "id": 187,
                     "name": "logger",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1216,14 +1216,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 176,
+                  "id": 183,
                   "name": "SkyDefinitionListComponent"
                 }
               }
             ]
           },
           {
-            "id": 184,
+            "id": 191,
             "name": "defaultValue",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1251,7 +1251,7 @@
             ],
             "setSignature": [
               {
-                "id": 185,
+                "id": 192,
                 "name": "defaultValue",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1267,7 +1267,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 186,
+                    "id": 193,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1286,7 +1286,7 @@
             ]
           },
           {
-            "id": 181,
+            "id": 188,
             "name": "labelWidth",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1314,7 +1314,7 @@
             ],
             "setSignature": [
               {
-                "id": 182,
+                "id": 189,
                 "name": "labelWidth",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1330,7 +1330,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 183,
+                    "id": 190,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1354,22 +1354,22 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              177
+              184
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              187
+              194
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              184,
-              181
+              191,
+              188
             ]
           }
         ],
@@ -1382,7 +1382,7 @@
         ]
       },
       {
-        "id": 188,
+        "id": 195,
         "name": "SkyDefinitionListContentComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1410,7 +1410,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              189
+              196
             ]
           }
         ],
@@ -1423,7 +1423,7 @@
         ]
       },
       {
-        "id": 191,
+        "id": 198,
         "name": "SkyDefinitionListHeadingComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1451,7 +1451,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              192
+              199
             ]
           }
         ],
@@ -1464,7 +1464,7 @@
         ]
       },
       {
-        "id": 194,
+        "id": 201,
         "name": "SkyDefinitionListLabelComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1488,7 +1488,7 @@
         ],
         "children": [
           {
-            "id": 195,
+            "id": 202,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1502,14 +1502,14 @@
             ],
             "signatures": [
               {
-                "id": 196,
+                "id": 203,
                 "name": "SkyDefinitionListLabelComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 197,
+                    "id": 204,
                     "name": "service",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1522,14 +1522,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 194,
+                  "id": 201,
                   "name": "SkyDefinitionListLabelComponent"
                 }
               }
             ]
           },
           {
-            "id": 198,
+            "id": 205,
             "name": "labelWidth",
             "kind": 1024,
             "kindString": "Property",
@@ -1554,15 +1554,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              195
+              202
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              198,
-              199
+              205,
+              206
             ]
           }
         ],
@@ -1575,7 +1575,7 @@
         ]
       },
       {
-        "id": 200,
+        "id": 207,
         "name": "SkyDefinitionListValueComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1599,7 +1599,7 @@
         ],
         "children": [
           {
-            "id": 201,
+            "id": 208,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1613,14 +1613,14 @@
             ],
             "signatures": [
               {
-                "id": 202,
+                "id": 209,
                 "name": "SkyDefinitionListValueComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 203,
+                    "id": 210,
                     "name": "service",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1633,14 +1633,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 200,
+                  "id": 207,
                   "name": "SkyDefinitionListValueComponent"
                 }
               }
             ]
           },
           {
-            "id": 204,
+            "id": 211,
             "name": "defaultValue",
             "kind": 1024,
             "kindString": "Property",
@@ -1665,15 +1665,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              201
+              208
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              204,
-              205
+              211,
+              212
             ]
           }
         ],
@@ -1686,7 +1686,7 @@
         ]
       },
       {
-        "id": 206,
+        "id": 213,
         "name": "SkyDescriptionListComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1710,7 +1710,7 @@
         ],
         "children": [
           {
-            "id": 207,
+            "id": 214,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1718,20 +1718,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 80,
+                "line": 81,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 208,
+                "id": 215,
                 "name": "SkyDescriptionListComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 209,
+                    "id": 216,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1742,7 +1742,7 @@
                     }
                   },
                   {
-                    "id": 210,
+                    "id": 217,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1755,7 +1755,7 @@
                     }
                   },
                   {
-                    "id": 211,
+                    "id": 218,
                     "name": "descriptionListService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1768,14 +1768,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 206,
+                  "id": 213,
                   "name": "SkyDescriptionListComponent"
                 }
               }
             ]
           },
           {
-            "id": 220,
+            "id": 227,
             "name": "contentComponents",
             "kind": 1024,
             "kindString": "Property",
@@ -1808,7 +1808,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 251,
+                  "id": 260,
                   "name": "SkyDescriptionListContentComponent"
                 }
               ],
@@ -1818,7 +1818,50 @@
             }
           },
           {
-            "id": 215,
+            "id": 228,
+            "name": "elementRef",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "ViewChild",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
+                  "name": "ViewChild"
+                },
+                "arguments": {
+                  "selector": "'descriptionListElement'",
+                  "opts": "{\n    read: ElementRef,\n    static: true,\n  }"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
+                "line": 76,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "any"
+                }
+              ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
+              "name": "ElementRef"
+            }
+          },
+          {
+            "id": 222,
             "name": "listItemWidth",
             "kind": 1024,
             "kindString": "Property",
@@ -1853,7 +1896,7 @@
             }
           },
           {
-            "id": 212,
+            "id": 219,
             "name": "defaultDescription",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1881,7 +1924,7 @@
             ],
             "setSignature": [
               {
-                "id": 213,
+                "id": 220,
                 "name": "defaultDescription",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1897,7 +1940,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 214,
+                    "id": 221,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1916,7 +1959,7 @@
             ]
           },
           {
-            "id": 216,
+            "id": 223,
             "name": "mode",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1944,7 +1987,7 @@
             ],
             "getSignature": [
               {
-                "id": 217,
+                "id": 224,
                 "name": "mode",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1960,14 +2003,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 510,
+                  "id": 549,
                   "name": "SkyDescriptionListModeType"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 218,
+                "id": 225,
                 "name": "mode",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1983,14 +2026,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 219,
+                    "id": 226,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 510,
+                      "id": 549,
                       "name": "SkyDescriptionListModeType"
                     }
                   }
@@ -2003,7 +2046,7 @@
             ]
           },
           {
-            "id": 224,
+            "id": 231,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -2013,13 +2056,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 86,
+                "line": 87,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 225,
+                "id": 232,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2040,7 +2083,7 @@
             }
           },
           {
-            "id": 226,
+            "id": 233,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -2050,13 +2093,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 99,
+                "line": 103,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 227,
+                "id": 234,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2077,7 +2120,7 @@
             }
           },
           {
-            "id": 228,
+            "id": 235,
             "name": "onWindowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -2101,13 +2144,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 105,
+                "line": 109,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 229,
+                "id": 236,
                 "name": "onWindowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2125,32 +2168,33 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              207
+              214
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              220,
-              215
+              227,
+              228,
+              222
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              212,
-              216
+              219,
+              223
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              224,
-              226,
-              228
+              231,
+              233,
+              235
             ]
           }
         ],
@@ -2177,7 +2221,7 @@
         ]
       },
       {
-        "id": 232,
+        "id": 239,
         "name": "SkyDescriptionListTermComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2201,7 +2245,7 @@
         ],
         "children": [
           {
-            "id": 235,
+            "id": 242,
             "name": "templateRef",
             "kind": 1024,
             "kindString": "Property",
@@ -2249,14 +2293,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              233
+              240
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              235
+              242
             ]
           }
         ],
@@ -2538,7 +2582,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 484,
+                  "id": 523,
                   "name": "SkyActionButtonContainerAlignItemsType"
                 }
               }
@@ -2568,7 +2612,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 484,
+                      "id": 523,
                       "name": "SkyActionButtonContainerAlignItemsType"
                     }
                   }
@@ -2828,7 +2872,7 @@
         ]
       },
       {
-        "id": 236,
+        "id": 243,
         "name": "SkyDescriptionListDescriptionComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2852,7 +2896,7 @@
         ],
         "children": [
           {
-            "id": 237,
+            "id": 244,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -2860,20 +2904,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 42,
+                "line": 44,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 238,
+                "id": 245,
                 "name": "SkyDescriptionListDescriptionComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 239,
+                    "id": 246,
                     "name": "service",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2884,8 +2928,8 @@
                     }
                   },
                   {
-                    "id": 240,
-                    "name": "changeRef",
+                    "id": 247,
+                    "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
@@ -2897,7 +2941,7 @@
                     }
                   },
                   {
-                    "id": 241,
+                    "id": 248,
                     "name": "themeSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2924,14 +2968,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 236,
+                  "id": 243,
                   "name": "SkyDescriptionListDescriptionComponent"
                 }
               }
             ]
           },
           {
-            "id": 242,
+            "id": 249,
             "name": "defaultDescription",
             "kind": 1024,
             "kindString": "Property",
@@ -2951,7 +2995,7 @@
             }
           },
           {
-            "id": 244,
+            "id": 251,
             "name": "templateRef",
             "kind": 1024,
             "kindString": "Property",
@@ -2994,7 +3038,7 @@
             }
           },
           {
-            "id": 243,
+            "id": 250,
             "name": "themeName",
             "kind": 1024,
             "kindString": "Property",
@@ -3014,7 +3058,7 @@
             }
           },
           {
-            "id": 249,
+            "id": 258,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3024,13 +3068,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 60,
+                "line": 65,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 250,
+                "id": 259,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3051,7 +3095,7 @@
             }
           },
           {
-            "id": 247,
+            "id": 256,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -3061,13 +3105,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list-description.component.ts",
-                "line": 48,
+                "line": 53,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 248,
+                "id": 257,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3093,25 +3137,25 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              237
+              244
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              242,
-              246,
-              244,
-              243
+              249,
+              255,
+              251,
+              250
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              249,
-              247
+              258,
+              256
             ]
           }
         ],
@@ -3138,7 +3182,7 @@
         ]
       },
       {
-        "id": 251,
+        "id": 260,
         "name": "SkyDescriptionListContentComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3162,7 +3206,7 @@
         ],
         "children": [
           {
-            "id": 255,
+            "id": 264,
             "name": "descriptionComponents",
             "kind": 1024,
             "kindString": "Property",
@@ -3195,7 +3239,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 236,
+                  "id": 243,
                   "name": "SkyDescriptionListDescriptionComponent"
                 }
               ],
@@ -3205,7 +3249,7 @@
             }
           },
           {
-            "id": 254,
+            "id": 263,
             "name": "termComponents",
             "kind": 1024,
             "kindString": "Property",
@@ -3238,7 +3282,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 232,
+                  "id": 239,
                   "name": "SkyDescriptionListTermComponent"
                 }
               ],
@@ -3253,15 +3297,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              252
+              261
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              255,
-              254
+              264,
+              263
             ]
           }
         ],
@@ -3274,7 +3318,7 @@
         ]
       },
       {
-        "id": 256,
+        "id": 265,
         "name": "SkyFluidGridComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3298,13 +3342,22 @@
         ],
         "children": [
           {
-            "id": 259,
+            "id": 268,
             "name": "disableMargin",
-            "kind": 262144,
-            "kindString": "Accessor",
+            "kind": 1024,
+            "kindString": "Property",
             "flags": {
               "isPublic": true
             },
+            "comment": {
+              "shortText": "Disables the outer left and right margin of the fluid grid container.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "false\n"
+                }
+              ]
+            },
             "decorators": [
               {
                 "name": "Input",
@@ -3320,70 +3373,18 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-                "line": 21,
-                "character": 13
-              }
-            ],
-            "getSignature": [
-              {
-                "id": 260,
-                "name": "disableMargin",
-                "kind": 524288,
-                "kindString": "Get signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Disables the outer left and right margin of the fluid grid container.",
-                  "tags": [
-                    {
-                      "tag": "default",
-                      "text": "false\n"
-                    }
-                  ]
-                },
-                "type": {
-                  "type": "intrinsic",
-                  "name": "boolean"
-                }
+                "line": 20,
+                "character": 9
               }
             ],
-            "setSignature": [
-              {
-                "id": 261,
-                "name": "disableMargin",
-                "kind": 1048576,
-                "kindString": "Set signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Disables the outer left and right margin of the fluid grid container.",
-                  "tags": [
-                    {
-                      "tag": "default",
-                      "text": "false\n"
-                    }
-                  ]
-                },
-                "parameters": [
-                  {
-                    "id": 262,
-                    "name": "value",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "intrinsic",
-                      "name": "boolean"
-                    }
-                  }
-                ],
-                "type": {
-                  "type": "intrinsic",
-                  "name": "void"
-                }
-              }
-            ]
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false"
           },
           {
-            "id": 263,
+            "id": 269,
             "name": "gutterSize",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3405,13 +3406,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-                "line": 35,
+                "line": 28,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 264,
+                "id": 270,
                 "name": "gutterSize",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3427,14 +3428,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 518,
+                  "id": 553,
                   "name": "SkyFluidGridGutterSizeType"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 265,
+                "id": 271,
                 "name": "gutterSize",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3450,14 +3451,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 266,
+                    "id": 272,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 518,
+                      "id": 553,
                       "name": "SkyFluidGridGutterSizeType"
                     }
                   }
@@ -3475,28 +3476,34 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              257
+              266
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              268
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              259,
-              263
+              269
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/fluid-grid/fluid-grid.component.ts",
-            "line": 15,
+            "line": 14,
             "character": 13
           }
         ]
       },
       {
-        "id": 271,
+        "id": 274,
         "name": "SkyRowComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3520,7 +3527,7 @@
         ],
         "children": [
           {
-            "id": 274,
+            "id": 277,
             "name": "reverseColumnOrder",
             "kind": 1024,
             "kindString": "Property",
@@ -3567,14 +3574,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              272
+              275
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              274
+              277
             ]
           }
         ],
@@ -3587,7 +3594,7 @@
         ]
       },
       {
-        "id": 275,
+        "id": 278,
         "name": "SkyColumnComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3611,7 +3618,7 @@
         ],
         "children": [
           {
-            "id": 282,
+            "id": 288,
             "name": "classnames",
             "kind": 1024,
             "kindString": "Property",
@@ -3635,7 +3642,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 55,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -3645,7 +3652,7 @@
             }
           },
           {
-            "id": 281,
+            "id": 287,
             "name": "screenLarge",
             "kind": 1024,
             "kindString": "Property",
@@ -3670,7 +3677,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 52,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -3680,7 +3687,7 @@
             }
           },
           {
-            "id": 280,
+            "id": 286,
             "name": "screenMedium",
             "kind": 1024,
             "kindString": "Property",
@@ -3705,7 +3712,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 44,
+                "line": 50,
                 "character": 9
               }
             ],
@@ -3715,7 +3722,7 @@
             }
           },
           {
-            "id": 279,
+            "id": 285,
             "name": "screenSmall",
             "kind": 1024,
             "kindString": "Property",
@@ -3740,7 +3747,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 36,
+                "line": 42,
                 "character": 9
               }
             ],
@@ -3750,22 +3757,13 @@
             }
           },
           {
-            "id": 278,
+            "id": 281,
             "name": "screenXSmall",
-            "kind": 1024,
-            "kindString": "Property",
+            "kind": 262144,
+            "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies the number of columns (1-12) to use on extra-small screens\n(less than 768px). If you do not specify a value, the fluid grid displays\nthe column at the full width of the screen.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "12\n"
-                }
-              ]
-            },
             "decorators": [
               {
                 "name": "Input",
@@ -3782,16 +3780,69 @@
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
                 "line": 28,
-                "character": 9
+                "character": 13
               }
             ],
-            "type": {
-              "type": "intrinsic",
-              "name": "number"
-            }
+            "getSignature": [
+              {
+                "id": 282,
+                "name": "screenXSmall",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the number of columns (1-12) to use on extra-small screens\n(less than 768px). If you do not specify a value, the fluid grid displays\nthe column at the full width of the screen.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "12\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 283,
+                "name": "screenXSmall",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the number of columns (1-12) to use on extra-small screens\n(less than 768px). If you do not specify a value, the fluid grid displays\nthe column at the full width of the screen.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "12\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 284,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "number"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
           },
           {
-            "id": 286,
+            "id": 293,
             "name": "getClassNames",
             "kind": 2048,
             "kindString": "Method",
@@ -3801,13 +3852,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 69,
+                "line": 77,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 287,
+                "id": 294,
                 "name": "getClassNames",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3820,7 +3871,7 @@
             ]
           },
           {
-            "id": 283,
+            "id": 290,
             "name": "ngOnChanges",
             "kind": 2048,
             "kindString": "Method",
@@ -3830,20 +3881,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 57,
+                "line": 65,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 284,
+                "id": 291,
                 "name": "ngOnChanges",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 285,
+                    "id": 292,
                     "name": "changes",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3872,7 +3923,7 @@
             }
           },
           {
-            "id": 288,
+            "id": 295,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -3882,13 +3933,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/fluid-grid/column.component.ts",
-                "line": 91,
+                "line": 99,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 289,
+                "id": 296,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3914,27 +3965,33 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              276
+              279
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              282,
-              281,
-              280,
-              279,
-              278
+              288,
+              287,
+              286,
+              285
             ]
           },
           {
-            "title": "Methods",
-            "kind": 2048,
+            "title": "Accessors",
+            "kind": 262144,
             "children": [
-              286,
-              283,
-              288
+              281
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              293,
+              290,
+              295
             ]
           }
         ],
@@ -3961,7 +4018,7 @@
         ]
       },
       {
-        "id": 290,
+        "id": 297,
         "name": "SkyFormatComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3982,7 +4039,7 @@
         ],
         "children": [
           {
-            "id": 293,
+            "id": 300,
             "name": "itemsForDisplay",
             "kind": 1024,
             "kindString": "Property",
@@ -4002,10 +4059,11 @@
                 "type": "reference",
                 "name": "SkyFormatItem"
               }
-            }
+            },
+            "defaultValue": "[]"
           },
           {
-            "id": 298,
+            "id": 305,
             "name": "args",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4033,7 +4091,7 @@
             ],
             "getSignature": [
               {
-                "id": 299,
+                "id": 306,
                 "name": "args",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -4060,7 +4118,7 @@
             ],
             "setSignature": [
               {
-                "id": 300,
+                "id": 307,
                 "name": "args",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -4070,7 +4128,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 301,
+                    "id": 308,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4100,7 +4158,7 @@
             ]
           },
           {
-            "id": 294,
+            "id": 301,
             "name": "text",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4128,7 +4186,7 @@
             ],
             "getSignature": [
               {
-                "id": 295,
+                "id": 302,
                 "name": "text",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -4144,7 +4202,7 @@
             ],
             "setSignature": [
               {
-                "id": 296,
+                "id": 303,
                 "name": "text",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -4154,7 +4212,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 297,
+                    "id": 304,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4178,22 +4236,22 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              291
+              298
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              293
+              300
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              298,
-              294
+              305,
+              301
             ]
           }
         ],
@@ -4206,7 +4264,7 @@
         ]
       },
       {
-        "id": 306,
+        "id": 313,
         "name": "SkyPageComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4230,7 +4288,7 @@
         ],
         "children": [
           {
-            "id": 307,
+            "id": 314,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4238,20 +4296,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 14,
+                "line": 16,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 308,
+                "id": 315,
                 "name": "SkyPageComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 309,
+                    "id": 316,
                     "name": "themeAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4264,14 +4322,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 306,
+                  "id": 313,
                   "name": "SkyPageComponent"
                 }
               }
             ]
           },
           {
-            "id": 312,
+            "id": 320,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4281,13 +4339,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 20,
+                "line": 24,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 313,
+                "id": 321,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4308,7 +4366,7 @@
             }
           },
           {
-            "id": 310,
+            "id": 318,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4318,13 +4376,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page/page.component.ts",
-                "line": 16,
+                "line": 20,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 311,
+                "id": 319,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4350,15 +4408,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              307
+              314
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              312,
-              310
+              320,
+              318
             ]
           }
         ],
@@ -4385,7 +4443,7 @@
         ]
       },
       {
-        "id": 314,
+        "id": 322,
         "name": "SkyPageSummaryComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4415,7 +4473,7 @@
         ],
         "children": [
           {
-            "id": 315,
+            "id": 323,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4423,20 +4481,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 42,
+                "line": 53,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 316,
+                "id": 324,
                 "name": "SkyPageSummaryComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 317,
+                    "id": 325,
                     "name": "elRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4455,7 +4513,7 @@
                     }
                   },
                   {
-                    "id": 318,
+                    "id": 326,
                     "name": "adapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4466,7 +4524,7 @@
                     }
                   },
                   {
-                    "id": 319,
+                    "id": 327,
                     "name": "mediaQueryService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4477,7 +4535,7 @@
                     }
                   },
                   {
-                    "id": 320,
+                    "id": 328,
                     "name": "logger",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4486,47 +4544,133 @@
                       "type": "reference",
                       "name": "SkyLogService"
                     }
+                  },
+                  {
+                    "id": 329,
+                    "name": "changeDetector",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
+                      "name": "ChangeDetectorRef"
+                    }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 314,
+                  "id": 322,
                   "name": "SkyPageSummaryComponent"
                 }
               }
             ]
           },
           {
-            "id": 321,
+            "id": 330,
             "name": "hasKeyInfo",
-            "kind": 262144,
-            "kindString": "Accessor",
+            "kind": 1024,
+            "kindString": "Property",
             "flags": {
               "isPublic": true
             },
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 31,
-                "character": 13
+                "line": 36,
+                "character": 9
               }
             ],
-            "getSignature": [
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false"
+          },
+          {
+            "id": 331,
+            "name": "keyInfoComponents",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
               {
-                "id": 322,
-                "name": "hasKeyInfo",
-                "kind": 524288,
-                "kindString": "Get signature",
+                "name": "ContentChildren",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "ContentChildrenDecorator",
+                  "package": "@angular/core",
+                  "name": "ContentChildren"
+                },
+                "arguments": {
+                  "selector": "SkyPageSummaryKeyInfoComponent",
+                  "opts": "{\n    read: SkyPageSummaryKeyInfoComponent,\n  }"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
+                "line": 41,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "reference",
+                  "id": 353,
+                  "name": "SkyPageSummaryKeyInfoComponent"
+                }
+              ],
+              "qualifiedName": "QueryList",
+              "package": "@angular/core",
+              "name": "QueryList"
+            }
+          },
+          {
+            "id": 340,
+            "name": "ngAfterContentInit",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
+                "line": 84,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 341,
+                "name": "ngAfterContentInit",
+                "kind": 4096,
+                "kindString": "Call signature",
                 "flags": {},
                 "type": {
                   "type": "intrinsic",
-                  "name": "boolean"
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "AfterContentInit.ngAfterContentInit"
                 }
               }
-            ]
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "AfterContentInit.ngAfterContentInit"
+            }
           },
           {
-            "id": 325,
+            "id": 338,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4536,13 +4680,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 57,
+                "line": 73,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 326,
+                "id": 339,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4563,7 +4707,7 @@
             }
           },
           {
-            "id": 327,
+            "id": 342,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4573,13 +4717,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-                "line": 68,
+                "line": 98,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 328,
+                "id": 343,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4605,49 +4749,57 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              315
+              323
             ]
           },
           {
-            "title": "Accessors",
-            "kind": 262144,
+            "title": "Properties",
+            "kind": 1024,
             "children": [
-              321
+              330,
+              331
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              325,
-              327
+              340,
+              338,
+              342
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/page-summary/page-summary.component.ts",
-            "line": 30,
+            "line": 33,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
-            "qualifiedName": "OnDestroy",
+            "qualifiedName": "AfterContentInit",
             "package": "@angular/core",
-            "name": "OnDestroy"
+            "name": "AfterContentInit"
           },
           {
             "type": "reference",
             "qualifiedName": "AfterViewInit",
             "package": "@angular/core",
             "name": "AfterViewInit"
+          },
+          {
+            "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
+            "name": "OnDestroy"
           }
         ]
       },
       {
-        "id": 329,
+        "id": 344,
         "name": "SkyPageSummaryAlertComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4681,7 +4833,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              330
+              345
             ]
           }
         ],
@@ -4694,7 +4846,7 @@
         ]
       },
       {
-        "id": 332,
+        "id": 347,
         "name": "SkyPageSummaryContentComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4728,7 +4880,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              333
+              348
             ]
           }
         ],
@@ -4782,7 +4934,7 @@
         ]
       },
       {
-        "id": 335,
+        "id": 350,
         "name": "SkyPageSummaryImageComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4816,7 +4968,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              336
+              351
             ]
           }
         ],
@@ -4829,7 +4981,7 @@
         ]
       },
       {
-        "id": 338,
+        "id": 353,
         "name": "SkyPageSummaryKeyInfoComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4863,7 +5015,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              339
+              354
             ]
           }
         ],
@@ -4876,7 +5028,7 @@
         ]
       },
       {
-        "id": 341,
+        "id": 356,
         "name": "SkyPageSummaryStatusComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4910,7 +5062,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              342
+              357
             ]
           }
         ],
@@ -4923,7 +5075,7 @@
         ]
       },
       {
-        "id": 344,
+        "id": 359,
         "name": "SkyPageSummarySubtitleComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4957,7 +5109,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              345
+              360
             ]
           }
         ],
@@ -4970,7 +5122,7 @@
         ]
       },
       {
-        "id": 347,
+        "id": 362,
         "name": "SkyPageSummaryTitleComponent",
         "kind": 128,
         "kindString": "Class",
@@ -5004,7 +5156,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              348
+              363
             ]
           }
         ],
@@ -5017,7 +5169,7 @@
         ]
       },
       {
-        "id": 350,
+        "id": 365,
         "name": "SkyTextExpandComponent",
         "kind": 128,
         "kindString": "Class",
@@ -5032,13 +5184,13 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-text-expand',\n  templateUrl: './text-expand.component.html',\n  styleUrls: ['./text-expand.component.scss'],\n  providers: [SkyTextExpandAdapterService],\n}"
+              "obj": "{\n  animations: [\n    trigger('expansionAnimation', [\n      transition(':enter', []),\n      state(\n        'true',\n        style({\n          maxHeight: '{{transitionHeight}}px',\n        }),\n        { params: { transitionHeight: 0 } }\n      ),\n      state(\n        'false',\n        style({\n          maxHeight: '{{transitionHeight}}px',\n        }),\n        { params: { transitionHeight: 0 } }\n      ),\n      transition('true => false', animate('250ms ease')),\n      transition('false => true', animate('250ms ease')),\n      transition('void => *', []),\n    ]),\n  ],\n  selector: 'sky-text-expand',\n  templateUrl: './text-expand.component.html',\n  styleUrls: ['./text-expand.component.scss'],\n  providers: [SkyTextExpandAdapterService],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 351,
+            "id": 366,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -5046,20 +5198,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 126,
+                "line": 200,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 352,
+                "id": 367,
                 "name": "SkyTextExpandComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 353,
+                    "id": 368,
                     "name": "resources",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5070,8 +5222,8 @@
                     }
                   },
                   {
-                    "id": 354,
-                    "name": "modalService",
+                    "id": 369,
+                    "name": "modalSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
@@ -5081,7 +5233,7 @@
                     }
                   },
                   {
-                    "id": 355,
+                    "id": 370,
                     "name": "textExpandAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5094,14 +5246,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 350,
+                  "id": 365,
                   "name": "SkyTextExpandComponent"
                 }
               }
             ]
           },
           {
-            "id": 367,
+            "id": 389,
             "name": "buttonText",
             "kind": 1024,
             "kindString": "Property",
@@ -5111,17 +5263,61 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 90,
+                "line": 145,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
               "name": "string"
+            },
+            "defaultValue": "''"
+          },
+          {
+            "id": 395,
+            "name": "containerEl",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "ViewChild",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
+                  "name": "ViewChild"
+                },
+                "arguments": {
+                  "selector": "'container'",
+                  "opts": "{\n    read: ElementRef,\n    static: true,\n  }"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
+                "line": 161,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "any"
+                }
+              ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
+              "name": "ElementRef"
             }
           },
           {
-            "id": 368,
+            "id": 390,
             "name": "contentSectionId",
             "kind": 1024,
             "kindString": "Property",
@@ -5131,7 +5327,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 92,
+                "line": 147,
                 "character": 9
               }
             ],
@@ -5142,7 +5338,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 356,
+            "id": 371,
             "name": "expandModalTitle",
             "kind": 1024,
             "kindString": "Property",
@@ -5173,7 +5369,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 35,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -5183,7 +5379,7 @@
             }
           },
           {
-            "id": 369,
+            "id": 391,
             "name": "expandable",
             "kind": 1024,
             "kindString": "Property",
@@ -5193,27 +5389,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 94,
-                "character": 9
-              }
-            ],
-            "type": {
-              "type": "intrinsic",
-              "name": "boolean"
-            }
-          },
-          {
-            "id": 370,
-            "name": "isExpanded",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 96,
+                "line": 149,
                 "character": 9
               }
             ],
@@ -5224,8 +5400,8 @@
             "defaultValue": "false"
           },
           {
-            "id": 371,
-            "name": "isModal",
+            "id": 392,
+            "name": "isExpanded",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
@@ -5234,7 +5410,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 98,
+                "line": 151,
                 "character": 9
               }
             ],
@@ -5244,68 +5420,38 @@
             }
           },
           {
-            "id": 357,
-            "name": "maxExpandedLength",
+            "id": 393,
+            "name": "isModal",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies the maximum number of text characters to display inline when users select the link\nto expand the full text. If the text exceeds this limit, then the component expands\nthe full text in a modal instead."
-            },
-            "decorators": [
-              {
-                "name": "Input",
-                "type": {
-                  "type": "reference",
-                  "qualifiedName": "InputDecorator",
-                  "package": "@angular/core",
-                  "name": "Input"
-                },
-                "arguments": {}
-              }
-            ],
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 43,
+                "line": 153,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
-              "name": "number"
+              "name": "boolean"
             },
-            "defaultValue": "600"
+            "defaultValue": "false"
           },
           {
-            "id": 358,
-            "name": "maxExpandedNewlines",
+            "id": 394,
+            "name": "transitionHeight",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies the maximum number of newline characters to display inline when users select\nthe link to expand the full text. If the text exceeds this limit, then\nthe component expands the full text in a modal view instead."
-            },
-            "decorators": [
-              {
-                "name": "Input",
-                "type": {
-                  "type": "reference",
-                  "qualifiedName": "InputDecorator",
-                  "package": "@angular/core",
-                  "name": "Input"
-                },
-                "arguments": {}
-              }
-            ],
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 51,
+                "line": 155,
                 "character": 9
               }
             ],
@@ -5313,10 +5459,10 @@
               "type": "intrinsic",
               "name": "number"
             },
-            "defaultValue": "2"
+            "defaultValue": "1"
           },
           {
-            "id": 366,
+            "id": 388,
             "name": "truncateNewlines",
             "kind": 1024,
             "kindString": "Property",
@@ -5341,7 +5487,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 88,
+                "line": 143,
                 "character": 9
               }
             ],
@@ -5352,8 +5498,8 @@
             "defaultValue": "true"
           },
           {
-            "id": 359,
-            "name": "maxLength",
+            "id": 372,
+            "name": "maxExpandedLength",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
@@ -5374,23 +5520,23 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 60,
+                "line": 73,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 360,
-                "name": "maxLength",
+                "id": 373,
+                "name": "maxExpandedLength",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the number of text characters to display before truncating the text.\nTo avoid truncating text in the middle of a word, the component looks for a space\nin the 10 characters before the last character.",
+                  "shortText": "Specifies the maximum number of text characters to display inline when users select the link\nto expand the full text. If the text exceeds this limit, then the component expands\nthe full text in a modal instead.",
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "200\n"
+                      "text": "600\n"
                     }
                   ]
                 },
@@ -5402,8 +5548,178 @@
             ],
             "setSignature": [
               {
-                "id": 361,
-                "name": "maxLength",
+                "id": 374,
+                "name": "maxExpandedLength",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the maximum number of text characters to display inline when users select the link\nto expand the full text. If the text exceeds this limit, then the component expands\nthe full text in a modal instead.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "600\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 375,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "number"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 376,
+            "name": "maxExpandedNewlines",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
+                "line": 93,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 377,
+                "name": "maxExpandedNewlines",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the maximum number of newline characters to display inline when users select\nthe link to expand the full text. If the text exceeds this limit, then\nthe component expands the full text in a modal view instead.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "2\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 378,
+                "name": "maxExpandedNewlines",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the maximum number of newline characters to display inline when users select\nthe link to expand the full text. If the text exceeds this limit, then\nthe component expands the full text in a modal view instead.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "2\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 379,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "number"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 380,
+            "name": "maxLength",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
+                "line": 113,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 381,
+                "name": "maxLength",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the number of text characters to display before truncating the text.\nTo avoid truncating text in the middle of a word, the component looks for a space\nin the 10 characters before the last character.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "200\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 382,
+                "name": "maxLength",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
@@ -5418,7 +5734,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 362,
+                    "id": 383,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5437,7 +5753,7 @@
             ]
           },
           {
-            "id": 363,
+            "id": 384,
             "name": "text",
             "kind": 262144,
             "kindString": "Accessor",
@@ -5459,13 +5775,29 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 77,
+                "line": 130,
                 "character": 13
               }
             ],
+            "getSignature": [
+              {
+                "id": 385,
+                "name": "text",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the text to truncate."
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                }
+              }
+            ],
             "setSignature": [
               {
-                "id": 364,
+                "id": 386,
                 "name": "text",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -5475,7 +5807,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 365,
+                    "id": 387,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5494,7 +5826,93 @@
             ]
           },
           {
-            "id": 383,
+            "id": 396,
+            "name": "textEl",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "ViewChild",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
+                  "name": "ViewChild"
+                },
+                "arguments": {
+                  "selector": "'text'",
+                  "opts": "{\n    read: ElementRef,\n    static: true,\n  }"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
+                "line": 167,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 397,
+                "name": "textEl",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "any"
+                    }
+                  ],
+                  "qualifiedName": "ElementRef",
+                  "package": "@angular/core",
+                  "name": "ElementRef"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 398,
+                "name": "textEl",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 399,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
+                      "name": "ElementRef"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 415,
             "name": "animationEnd",
             "kind": 2048,
             "kindString": "Method",
@@ -5504,13 +5922,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 166,
+                "line": 236,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 384,
+                "id": 416,
                 "name": "animationEnd",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5523,7 +5941,7 @@
             ]
           },
           {
-            "id": 385,
+            "id": 417,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -5533,13 +5951,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 173,
+                "line": 250,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 386,
+                "id": 418,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5560,7 +5978,7 @@
             }
           },
           {
-            "id": 381,
+            "id": 413,
             "name": "textExpand",
             "kind": 2048,
             "kindString": "Method",
@@ -5570,13 +5988,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-                "line": 132,
+                "line": 210,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 382,
+                "id": 414,
                 "name": "textExpand",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5594,46 +6012,49 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              351
+              366
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              367,
-              368,
-              356,
-              369,
-              370,
+              389,
+              395,
+              390,
               371,
-              357,
-              358,
-              366
+              391,
+              392,
+              393,
+              394,
+              388
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              359,
-              363
+              372,
+              376,
+              380,
+              384,
+              396
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              383,
-              385,
-              381
+              415,
+              417,
+              413
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand/text-expand.component.ts",
-            "line": 29,
+            "line": 58,
             "character": 13
           }
         ],
@@ -5647,7 +6068,7 @@
         ]
       },
       {
-        "id": 404,
+        "id": 432,
         "name": "SkyTextExpandRepeaterComponent",
         "kind": 128,
         "kindString": "Class",
@@ -5662,13 +6083,13 @@
               "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: [SkyTextExpandRepeaterAdapterService],\n}"
+              "obj": "{\n  animations: [\n    trigger('expansionAnimation', [\n      transition(':enter', []),\n      state(\n        'true',\n        style({\n          maxHeight: '{{transitionHeight}}px',\n        }),\n        { params: { transitionHeight: 0 } }\n      ),\n      state(\n        'false',\n        style({\n          maxHeight: '{{transitionHeight}}px',\n        }),\n        { params: { transitionHeight: 0 } }\n      ),\n      transition('true => false', animate('250ms ease')),\n      transition('false => true', animate('250ms ease')),\n      transition('void => *', []),\n    ]),\n  ],\n  selector: 'sky-text-expand-repeater',\n  templateUrl: './text-expand-repeater.component.html',\n  styleUrls: ['./text-expand-repeater.component.scss'],\n  providers: [SkyTextExpandRepeaterAdapterService],\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 405,
+            "id": 433,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -5676,20 +6097,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 77,
+                "line": 130,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 406,
+                "id": 434,
                 "name": "SkyTextExpandRepeaterComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 407,
+                    "id": 435,
                     "name": "resources",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5700,7 +6121,7 @@
                     }
                   },
                   {
-                    "id": 408,
+                    "id": 436,
                     "name": "elRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5719,7 +6140,7 @@
                     }
                   },
                   {
-                    "id": 409,
+                    "id": 437,
                     "name": "textExpandRepeaterAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5730,7 +6151,7 @@
                     }
                   },
                   {
-                    "id": 410,
+                    "id": 438,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5745,14 +6166,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 404,
+                  "id": 432,
                   "name": "SkyTextExpandRepeaterComponent"
                 }
               }
             ]
           },
           {
-            "id": 415,
+            "id": 449,
             "name": "buttonText",
             "kind": 1024,
             "kindString": "Property",
@@ -5762,40 +6183,61 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 59,
+                "line": 104,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
               "name": "string"
-            }
+            },
+            "defaultValue": "''"
           },
           {
-            "id": 416,
-            "name": "contentItems",
+            "id": 456,
+            "name": "containerEl",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
+            "decorators": [
+              {
+                "name": "ViewChild",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
+                  "name": "ViewChild"
+                },
+                "arguments": {
+                  "selector": "'container'",
+                  "opts": "{\n    read: ElementRef,\n    static: false,\n  }"
+                }
+              }
+            ],
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 60,
+                "line": 118,
                 "character": 9
               }
             ],
             "type": {
-              "type": "array",
-              "elementType": {
-                "type": "intrinsic",
-                "name": "any"
-              }
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "any"
+                }
+              ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
+              "name": "ElementRef"
             }
           },
           {
-            "id": 418,
+            "id": 451,
             "name": "contentSectionId",
             "kind": 1024,
             "kindString": "Property",
@@ -5805,7 +6247,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 62,
+                "line": 106,
                 "character": 9
               }
             ],
@@ -5816,45 +6258,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 411,
-            "name": "data",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isPublic": true
-            },
-            "comment": {
-              "shortText": "Specifies the data to truncate."
-            },
-            "decorators": [
-              {
-                "name": "Input",
-                "type": {
-                  "type": "reference",
-                  "qualifiedName": "InputDecorator",
-                  "package": "@angular/core",
-                  "name": "Input"
-                },
-                "arguments": {}
-              }
-            ],
-            "sources": [
-              {
-                "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 38,
-                "character": 9
-              }
-            ],
-            "type": {
-              "type": "array",
-              "elementType": {
-                "type": "intrinsic",
-                "name": "any"
-              }
-            }
-          },
-          {
-            "id": 417,
+            "id": 450,
             "name": "expandable",
             "kind": 1024,
             "kindString": "Property",
@@ -5864,17 +6268,18 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 61,
+                "line": 105,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
               "name": "boolean"
-            }
+            },
+            "defaultValue": "false"
           },
           {
-            "id": 419,
+            "id": 452,
             "name": "isExpanded",
             "kind": 1024,
             "kindString": "Property",
@@ -5884,18 +6289,17 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 64,
+                "line": 108,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
               "name": "boolean"
-            },
-            "defaultValue": "false"
+            }
           },
           {
-            "id": 412,
+            "id": 443,
             "name": "itemTemplate",
             "kind": 1024,
             "kindString": "Property",
@@ -5920,7 +6324,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 44,
+                "line": 81,
                 "character": 9
               }
             ],
@@ -5938,7 +6342,7 @@
             }
           },
           {
-            "id": 413,
+            "id": 444,
             "name": "listStyle",
             "kind": 1024,
             "kindString": "Property",
@@ -5969,27 +6373,45 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 51,
+                "line": 88,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 540,
+              "id": 575,
               "name": "SkyTextExpandRepeaterListStyleType"
             },
             "defaultValue": "'unordered'"
           },
           {
-            "id": 414,
-            "name": "maxItems",
+            "id": 453,
+            "name": "transitionHeight",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies the number of items to display before truncating the list."
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
+                "line": 109,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "number"
+            },
+            "defaultValue": "1"
+          },
+          {
+            "id": 439,
+            "name": "data",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
             },
             "decorators": [
               {
@@ -6006,37 +6428,128 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 57,
-                "character": 9
+                "line": 63,
+                "character": 13
               }
             ],
-            "type": {
-              "type": "intrinsic",
-              "name": "number"
-            }
+            "getSignature": [
+              {
+                "id": 440,
+                "name": "data",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the data to truncate."
+                },
+                "type": {
+                  "type": "array",
+                  "elementType": {
+                    "type": "intrinsic",
+                    "name": "any"
+                  }
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 441,
+                "name": "data",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the data to truncate."
+                },
+                "parameters": [
+                  {
+                    "id": 442,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "array",
+                      "elementType": {
+                        "type": "intrinsic",
+                        "name": "any"
+                      }
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
           },
           {
-            "id": 429,
-            "name": "animationEnd",
-            "kind": 2048,
-            "kindString": "Method",
+            "id": 445,
+            "name": "maxItems",
+            "kind": 262144,
+            "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 118,
-                "character": 9
+                "line": 95,
+                "character": 13
               }
             ],
-            "signatures": [
+            "getSignature": [
               {
-                "id": 430,
-                "name": "animationEnd",
-                "kind": 4096,
-                "kindString": "Call signature",
+                "id": 446,
+                "name": "maxItems",
+                "kind": 524288,
+                "kindString": "Get signature",
                 "flags": {},
+                "comment": {
+                  "shortText": "Specifies the number of items to display before truncating the list. If not supplied, all items are shown."
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "number"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 447,
+                "name": "maxItems",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the number of items to display before truncating the list. If not supplied, all items are shown."
+                },
+                "parameters": [
+                  {
+                    "id": 448,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "number"
+                    }
+                  }
+                ],
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
@@ -6045,8 +6558,8 @@
             ]
           },
           {
-            "id": 424,
-            "name": "ngAfterViewInit",
+            "id": 466,
+            "name": "animationEnd",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -6055,35 +6568,27 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 84,
+                "line": 162,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 425,
-                "name": "ngAfterViewInit",
+                "id": 467,
+                "name": "animationEnd",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
-                },
-                "implementationOf": {
-                  "type": "reference",
-                  "name": "AfterViewInit.ngAfterViewInit"
                 }
               }
-            ],
-            "implementationOf": {
-              "type": "reference",
-              "name": "AfterViewInit.ngAfterViewInit"
-            }
+            ]
           },
           {
-            "id": 426,
-            "name": "ngOnChanges",
+            "id": 464,
+            "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -6092,49 +6597,34 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 111,
+                "line": 142,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 427,
-                "name": "ngOnChanges",
+                "id": 465,
+                "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
-                "parameters": [
-                  {
-                    "id": 428,
-                    "name": "changes",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "qualifiedName": "SimpleChanges",
-                      "package": "@angular/core",
-                      "name": "SimpleChanges"
-                    }
-                  }
-                ],
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
                 },
                 "implementationOf": {
                   "type": "reference",
-                  "name": "OnChanges.ngOnChanges"
+                  "name": "AfterViewInit.ngAfterViewInit"
                 }
               }
             ],
             "implementationOf": {
               "type": "reference",
-              "name": "OnChanges.ngOnChanges"
+              "name": "AfterViewInit.ngAfterViewInit"
             }
           },
           {
-            "id": 431,
+            "id": 468,
             "name": "repeaterExpand",
             "kind": 2048,
             "kindString": "Method",
@@ -6144,13 +6634,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-                "line": 132,
+                "line": 179,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 432,
+                "id": 469,
                 "name": "repeaterExpand",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6168,39 +6658,45 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              405
+              433
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              415,
-              416,
-              418,
-              411,
-              417,
-              419,
-              412,
-              413,
-              414
+              449,
+              456,
+              451,
+              450,
+              452,
+              443,
+              444,
+              453
+            ]
+          },
+          {
+            "title": "Accessors",
+            "kind": 262144,
+            "children": [
+              439,
+              445
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              429,
-              424,
-              426,
-              431
+              466,
+              464,
+              468
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/layout/src/modules/text-expand-repeater/text-expand-repeater.component.ts",
-            "line": 31,
+            "line": 58,
             "character": 13
           }
         ],
@@ -6210,17 +6706,11 @@
             "qualifiedName": "AfterViewInit",
             "package": "@angular/core",
             "name": "AfterViewInit"
-          },
-          {
-            "type": "reference",
-            "qualifiedName": "OnChanges",
-            "package": "@angular/core",
-            "name": "OnChanges"
           }
         ]
       },
       {
-        "id": 441,
+        "id": 480,
         "name": "SkyToolbarComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6244,7 +6734,7 @@
         ],
         "children": [
           {
-            "id": 444,
+            "id": 483,
             "name": "hasSections",
             "kind": 1024,
             "kindString": "Property",
@@ -6265,7 +6755,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 445,
+            "id": 484,
             "name": "sectionComponents",
             "kind": 262144,
             "kindString": "Accessor",
@@ -6296,14 +6786,14 @@
             ],
             "setSignature": [
               {
-                "id": 446,
+                "id": 485,
                 "name": "sectionComponents",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 447,
+                    "id": 486,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -6313,7 +6803,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 448,
+                          "id": 487,
                           "name": "SkyToolbarSectionComponent"
                         }
                       ],
@@ -6336,21 +6826,21 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              442
+              481
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              444
+              483
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              445
+              484
             ]
           }
         ],
@@ -6363,7 +6853,7 @@
         ]
       },
       {
-        "id": 448,
+        "id": 487,
         "name": "SkyToolbarSectionComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6391,7 +6881,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              449
+              488
             ]
           }
         ],
@@ -6404,7 +6894,7 @@
         ]
       },
       {
-        "id": 451,
+        "id": 490,
         "name": "SkyToolbarItemComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6432,7 +6922,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              452
+              491
             ]
           }
         ],
@@ -6486,7 +6976,7 @@
         ]
       },
       {
-        "id": 454,
+        "id": 493,
         "name": "SkyToolbarViewActionsComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6514,7 +7004,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              455
+              494
             ]
           }
         ],
@@ -6527,7 +7017,7 @@
         ]
       },
       {
-        "id": 457,
+        "id": 496,
         "name": "SkyBoxComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6551,7 +7041,7 @@
         ],
         "children": [
           {
-            "id": 460,
+            "id": 499,
             "name": "ariaLabel",
             "kind": 1024,
             "kindString": "Property",
@@ -6586,7 +7076,7 @@
             }
           },
           {
-            "id": 461,
+            "id": 500,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -6621,7 +7111,7 @@
             }
           },
           {
-            "id": 462,
+            "id": 501,
             "name": "ariaRole",
             "kind": 1024,
             "kindString": "Property",
@@ -6661,16 +7151,16 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              458
+              497
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              460,
-              461,
-              462
+              499,
+              500,
+              501
             ]
           }
         ],
@@ -6683,7 +7173,7 @@
         ]
       },
       {
-        "id": 463,
+        "id": 502,
         "name": "SkyBoxHeaderComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6711,7 +7201,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              464
+              503
             ]
           }
         ],
@@ -6724,7 +7214,7 @@
         ]
       },
       {
-        "id": 466,
+        "id": 505,
         "name": "SkyBoxContentComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6752,7 +7242,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              467
+              506
             ]
           }
         ],
@@ -6765,7 +7255,7 @@
         ]
       },
       {
-        "id": 469,
+        "id": 508,
         "name": "SkyBoxControlsComponent",
         "kind": 128,
         "kindString": "Class",
@@ -6793,7 +7283,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              470
+              509
             ]
           }
         ],
@@ -7145,7 +7635,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 492,
+                      "id": 531,
                       "name": "SkyBackToTopOptions"
                     }
                   }
@@ -7206,7 +7696,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 488,
+                          "id": 527,
                           "name": "SkyBackToTopMessage"
                         }
                       ],
@@ -7375,7 +7865,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
-                "line": 117,
+                "line": 121,
                 "character": 2
               }
             ],
@@ -7525,6 +8015,49 @@
             },
             "defaultValue": "..."
           },
+          {
+            "id": 131,
+            "name": "deleteButton",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "ViewChild",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
+                  "name": "ViewChild"
+                },
+                "arguments": {
+                  "selector": "'delete'",
+                  "opts": "{\n    read: ElementRef,\n    static: false,\n  }"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/inline-delete/inline-delete.component.ts",
+                "line": 115,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "any"
+                }
+              ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
+              "name": "ElementRef"
+            }
+          },
           {
             "id": 127,
             "name": "deleteTriggered",
@@ -7648,6 +8181,7 @@
               128,
               129,
               126,
+              131,
               127,
               125,
               130
@@ -7677,7 +8211,7 @@
         ]
       },
       {
-        "id": 146,
+        "id": 149,
         "name": "SkyCardComponent",
         "kind": 128,
         "kindString": "Class",
@@ -7707,7 +8241,7 @@
         ],
         "children": [
           {
-            "id": 147,
+            "id": 150,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -7715,20 +8249,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 69,
+                "line": 76,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 148,
+                "id": 151,
                 "name": "SkyCardComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 149,
+                    "id": 152,
                     "name": "logger",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7741,14 +8275,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 146,
+                  "id": 149,
                   "name": "SkyCardComponent"
                 }
               }
             ]
           },
           {
-            "id": 154,
+            "id": 160,
             "name": "inlineDeleteComponent",
             "kind": 1024,
             "kindString": "Property",
@@ -7772,7 +8306,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 60,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -7791,7 +8325,7 @@
             }
           },
           {
-            "id": 151,
+            "id": 157,
             "name": "selectable",
             "kind": 1024,
             "kindString": "Property",
@@ -7822,17 +8356,18 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 43,
+                "line": 49,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
               "name": "boolean"
-            }
+            },
+            "defaultValue": "false"
           },
           {
-            "id": 152,
+            "id": 158,
             "name": "selected",
             "kind": 1024,
             "kindString": "Property",
@@ -7863,17 +8398,18 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 51,
+                "line": 57,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
               "name": "boolean"
-            }
+            },
+            "defaultValue": "false"
           },
           {
-            "id": 153,
+            "id": 159,
             "name": "selectedChange",
             "kind": 1024,
             "kindString": "Property",
@@ -7898,7 +8434,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 57,
+                "line": 63,
                 "character": 9
               }
             ],
@@ -7917,7 +8453,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 156,
+            "id": 162,
             "name": "showTitle",
             "kind": 1024,
             "kindString": "Property",
@@ -7927,7 +8463,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 65,
+                "line": 71,
                 "character": 9
               }
             ],
@@ -7938,91 +8474,135 @@
             "defaultValue": "true"
           },
           {
-            "id": 150,
-            "name": "size",
+            "id": 161,
+            "name": "titleComponent",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies the size of the card. The valid options are `\"large\"` and `\"small\"`.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "\"large\"\n"
-                }
-              ]
-            },
             "decorators": [
               {
-                "name": "Input",
+                "name": "ContentChildren",
                 "type": {
                   "type": "reference",
-                  "qualifiedName": "InputDecorator",
+                  "qualifiedName": "ContentChildrenDecorator",
                   "package": "@angular/core",
-                  "name": "Input"
+                  "name": "ContentChildren"
                 },
-                "arguments": {}
+                "arguments": {
+                  "selector": "SkyCardTitleComponent"
+                }
               }
             ],
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 35,
+                "line": 69,
                 "character": 9
               }
             ],
             "type": {
-              "type": "intrinsic",
-              "name": "string"
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "reference",
+                  "id": 180,
+                  "name": "SkyCardTitleComponent"
+                }
+              ],
+              "qualifiedName": "QueryList",
+              "package": "@angular/core",
+              "name": "QueryList"
             }
           },
           {
-            "id": 155,
-            "name": "titleComponent",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 153,
+            "name": "size",
+            "kind": 262144,
+            "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
             "decorators": [
               {
-                "name": "ContentChildren",
+                "name": "Input",
                 "type": {
                   "type": "reference",
-                  "qualifiedName": "ContentChildrenDecorator",
+                  "qualifiedName": "InputDecorator",
                   "package": "@angular/core",
-                  "name": "ContentChildren"
+                  "name": "Input"
                 },
-                "arguments": {
-                  "selector": "SkyCardTitleComponent"
-                }
+                "arguments": {}
               }
             ],
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 63,
-                "character": 9
+                "line": 35,
+                "character": 13
               }
             ],
-            "type": {
-              "type": "reference",
-              "typeArguments": [
-                {
-                  "type": "reference",
-                  "id": 173,
-                  "name": "SkyCardTitleComponent"
+            "getSignature": [
+              {
+                "id": 154,
+                "name": "size",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the size of the card. The valid options are `\"large\"` and `\"small\"`.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"large\"\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
                 }
-              ],
-              "qualifiedName": "QueryList",
-              "package": "@angular/core",
-              "name": "QueryList"
-            }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 155,
+                "name": "size",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the size of the card. The valid options are `\"large\"` and `\"small\"`.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"large\"\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 156,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
           },
           {
-            "id": 160,
+            "id": 167,
             "name": "contentClick",
             "kind": 2048,
             "kindString": "Method",
@@ -8032,13 +8612,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 97,
+                "line": 104,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 161,
+                "id": 168,
                 "name": "contentClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8051,7 +8631,7 @@
             ]
           },
           {
-            "id": 158,
+            "id": 165,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -8061,13 +8641,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 79,
+                "line": 86,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 159,
+                "id": 166,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8088,7 +8668,7 @@
             }
           },
           {
-            "id": 165,
+            "id": 172,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -8098,13 +8678,13 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 111,
+                "line": 118,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 166,
+                "id": 173,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8125,7 +8705,7 @@
             }
           },
           {
-            "id": 162,
+            "id": 169,
             "name": "onCheckboxChange",
             "kind": 2048,
             "kindString": "Method",
@@ -8135,20 +8715,20 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/card/card.component.ts",
-                "line": 104,
+                "line": 111,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 163,
+                "id": 170,
                 "name": "onCheckboxChange",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 164,
+                    "id": 171,
                     "name": "newValue",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8172,30 +8752,36 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              147
+              150
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              154,
-              151,
-              152,
-              153,
-              156,
-              150,
-              155
+              160,
+              157,
+              158,
+              159,
+              162,
+              161
+            ]
+          },
+          {
+            "title": "Accessors",
+            "kind": 262144,
+            "children": [
+              153
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              160,
-              158,
+              167,
               165,
-              162
+              172,
+              169
             ]
           }
         ],
@@ -8222,7 +8808,7 @@
         ]
       },
       {
-        "id": 472,
+        "id": 511,
         "name": "SkyActionButtonPermalink",
         "kind": 256,
         "kindString": "Interface",
@@ -8232,7 +8818,7 @@
         },
         "children": [
           {
-            "id": 473,
+            "id": 512,
             "name": "route",
             "kind": 1024,
             "kindString": "Property",
@@ -8252,14 +8838,14 @@
             "type": {
               "type": "reflection",
               "declaration": {
-                "id": 474,
+                "id": 513,
                 "name": "__type",
                 "kind": 65536,
                 "kindString": "Type literal",
                 "flags": {},
                 "children": [
                   {
-                    "id": 475,
+                    "id": 514,
                     "name": "commands",
                     "kind": 1024,
                     "kindString": "Property",
@@ -8280,7 +8866,7 @@
                     }
                   },
                   {
-                    "id": 476,
+                    "id": 515,
                     "name": "extras",
                     "kind": 1024,
                     "kindString": "Property",
@@ -8307,8 +8893,8 @@
                     "title": "Properties",
                     "kind": 1024,
                     "children": [
-                      475,
-                      476
+                      514,
+                      515
                     ]
                   }
                 ]
@@ -8316,7 +8902,7 @@
             }
           },
           {
-            "id": 477,
+            "id": 516,
             "name": "url",
             "kind": 1024,
             "kindString": "Property",
@@ -8344,8 +8930,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              473,
-              477
+              512,
+              516
             ]
           }
         ],
@@ -8358,7 +8944,7 @@
         ]
       },
       {
-        "id": 488,
+        "id": 527,
         "name": "SkyBackToTopMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -8368,7 +8954,7 @@
         },
         "children": [
           {
-            "id": 489,
+            "id": 528,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -8387,7 +8973,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 491,
+              "id": 530,
               "name": "BackToTop"
             }
           }
@@ -8397,7 +8983,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              489
+              528
             ]
           }
         ],
@@ -8410,7 +8996,7 @@
         ]
       },
       {
-        "id": 492,
+        "id": 531,
         "name": "SkyBackToTopOptions",
         "kind": 256,
         "kindString": "Interface",
@@ -8420,7 +9006,7 @@
         },
         "children": [
           {
-            "id": 493,
+            "id": 532,
             "name": "buttonHidden",
             "kind": 1024,
             "kindString": "Property",
@@ -8454,7 +9040,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              493
+              532
             ]
           }
         ],
@@ -8467,7 +9053,7 @@
         ]
       },
       {
-        "id": 484,
+        "id": 523,
         "name": "SkyActionButtonContainerAlignItemsType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8494,7 +9080,7 @@
         }
       },
       {
-        "id": 510,
+        "id": 549,
         "name": "SkyDescriptionListModeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8528,7 +9114,7 @@
         }
       },
       {
-        "id": 518,
+        "id": 553,
         "name": "SkyFluidGridGutterSizeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8543,18 +9129,6 @@
         "type": {
           "type": "union",
           "types": [
-            {
-              "type": "literal",
-              "value": 0
-            },
-            {
-              "type": "literal",
-              "value": 1
-            },
-            {
-              "type": "literal",
-              "value": 2
-            },
             {
               "type": "literal",
               "value": "small"
@@ -8571,7 +9145,7 @@
         }
       },
       {
-        "id": 540,
+        "id": 575,
         "name": "SkyTextExpandRepeaterListStyleType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8902,7 +9476,7 @@
     {
       "fileName": "text-expand-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/text-expand/inline/text-expand-demo.component.ts",
-      "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  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"
+      "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  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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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",