@skyux/layout 5.1.1 → 5.2.0

package/documentation.json

@@ -3,6 +3,7 @@
     "SkyBackToTopMessageType": "enumeration-skybacktotopmessagetype",
     "SkyActionButtonModule": "class-skyactionbuttonmodule",
     "SkyBackToTopModule": "class-skybacktotopmodule",
+    "SkyBoxModule": "class-skyboxmodule",
     "SkyCardModule": "class-skycardmodule",
     "SkyDefinitionListModule": "class-skydefinitionlistmodule",
     "SkyDescriptionListModule": "class-skydescriptionlistmodule",
@@ -49,6 +50,10 @@
     "SkyToolbarItemComponent": "class-skytoolbaritemcomponent",
     "SkyActionButtonHeaderComponent": "class-skyactionbuttonheadercomponent",
     "SkyToolbarViewActionsComponent": "class-skytoolbarviewactionscomponent",
+    "SkyBoxComponent": "class-skyboxcomponent",
+    "SkyBoxHeaderComponent": "class-skyboxheadercomponent",
+    "SkyBoxContentComponent": "class-skyboxcontentcomponent",
+    "SkyBoxControlsComponent": "class-skyboxcontrolscomponent",
     "SkyActionButtonIconComponent": "class-skyactionbuttoniconcomponent",
     "SkyBackToTopDirective": "class-skybacktotopdirective",
     "SkyInlineDeleteComponent": "class-skyinlinedeletecomponent",
@@ -70,7 +75,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 462,
+        "id": 477,
         "name": "SkyBackToTopMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -80,7 +85,7 @@
         },
         "children": [
           {
-            "id": 463,
+            "id": 478,
             "name": "BackToTop",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -103,7 +108,7 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              463
+              478
             ]
           }
         ],
@@ -116,7 +121,7 @@
         ]
       },
       {
-        "id": 450,
+        "id": 465,
         "name": "SkyActionButtonModule",
         "kind": 128,
         "kindString": "Class",
@@ -135,21 +140,21 @@
         ],
         "children": [
           {
-            "id": 451,
+            "id": 466,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 452,
+                "id": 467,
                 "name": "new SkyActionButtonModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 450,
+                  "id": 465,
                   "name": "SkyActionButtonModule"
                 }
               }
@@ -161,7 +166,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              451
+              466
             ]
           }
         ],
@@ -174,7 +179,7 @@
         ]
       },
       {
-        "id": 457,
+        "id": 472,
         "name": "SkyBackToTopModule",
         "kind": 128,
         "kindString": "Class",
@@ -193,21 +198,21 @@
         ],
         "children": [
           {
-            "id": 458,
+            "id": 473,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 459,
+                "id": 474,
                 "name": "new SkyBackToTopModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 457,
+                  "id": 472,
                   "name": "SkyBackToTopModule"
                 }
               }
@@ -219,7 +224,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              458
+              473
             ]
           }
         ],
@@ -232,7 +237,65 @@
         ]
       },
       {
-        "id": 466,
+        "id": 481,
+        "name": "SkyBoxModule",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "decorators": [
+          {
+            "name": "NgModule",
+            "type": {
+              "type": "reference",
+              "name": "NgModule"
+            },
+            "arguments": {
+              "obj": "{\n  declarations: [\n    SkyBoxComponent,\n    SkyBoxHeaderComponent,\n    SkyBoxContentComponent,\n    SkyBoxControlsComponent,\n  ],\n  imports: [CommonModule, SkyThemeModule],\n  exports: [\n    SkyBoxComponent,\n    SkyBoxHeaderComponent,\n    SkyBoxContentComponent,\n    SkyBoxControlsComponent,\n  ],\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 482,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 483,
+                "name": "new SkyBoxModule",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 481,
+                  "name": "SkyBoxModule"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              482
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box.module.ts",
+            "line": 25,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 484,
         "name": "SkyCardModule",
         "kind": 128,
         "kindString": "Class",
@@ -251,21 +314,21 @@
         ],
         "children": [
           {
-            "id": 467,
+            "id": 485,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 468,
+                "id": 486,
                 "name": "new SkyCardModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 466,
+                  "id": 484,
                   "name": "SkyCardModule"
                 }
               }
@@ -277,7 +340,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              467
+              485
             ]
           }
         ],
@@ -290,7 +353,7 @@
         ]
       },
       {
-        "id": 469,
+        "id": 487,
         "name": "SkyDefinitionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -309,21 +372,21 @@
         ],
         "children": [
           {
-            "id": 470,
+            "id": 488,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 471,
+                "id": 489,
                 "name": "new SkyDefinitionListModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 469,
+                  "id": 487,
                   "name": "SkyDefinitionListModule"
                 }
               }
@@ -335,7 +398,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              470
+              488
             ]
           }
         ],
@@ -348,7 +411,7 @@
         ]
       },
       {
-        "id": 472,
+        "id": 490,
         "name": "SkyDescriptionListModule",
         "kind": 128,
         "kindString": "Class",
@@ -367,21 +430,21 @@
         ],
         "children": [
           {
-            "id": 473,
+            "id": 491,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 474,
+                "id": 492,
                 "name": "new SkyDescriptionListModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 472,
+                  "id": 490,
                   "name": "SkyDescriptionListModule"
                 }
               }
@@ -393,7 +456,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              473
+              491
             ]
           }
         ],
@@ -406,7 +469,7 @@
         ]
       },
       {
-        "id": 484,
+        "id": 502,
         "name": "SkyFluidGridModule",
         "kind": 128,
         "kindString": "Class",
@@ -425,21 +488,21 @@
         ],
         "children": [
           {
-            "id": 485,
+            "id": 503,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 486,
+                "id": 504,
                 "name": "new SkyFluidGridModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 484,
+                  "id": 502,
                   "name": "SkyFluidGridModule"
                 }
               }
@@ -451,7 +514,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              485
+              503
             ]
           }
         ],
@@ -464,7 +527,7 @@
         ]
       },
       {
-        "id": 491,
+        "id": 509,
         "name": "SkyFormatModule",
         "kind": 128,
         "kindString": "Class",
@@ -483,21 +546,21 @@
         ],
         "children": [
           {
-            "id": 492,
+            "id": 510,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 493,
+                "id": 511,
                 "name": "new SkyFormatModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 491,
+                  "id": 509,
                   "name": "SkyFormatModule"
                 }
               }
@@ -509,7 +572,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              492
+              510
             ]
           }
         ],
@@ -522,7 +585,7 @@
         ]
       },
       {
-        "id": 497,
+        "id": 515,
         "name": "SkyInlineDeleteModule",
         "kind": 128,
         "kindString": "Class",
@@ -541,21 +604,21 @@
         ],
         "children": [
           {
-            "id": 498,
+            "id": 516,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 499,
+                "id": 517,
                 "name": "new SkyInlineDeleteModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 497,
+                  "id": 515,
                   "name": "SkyInlineDeleteModule"
                 }
               }
@@ -567,7 +630,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              498
+              516
             ]
           }
         ],
@@ -580,7 +643,7 @@
         ]
       },
       {
-        "id": 500,
+        "id": 518,
         "name": "SkyPageModule",
         "kind": 128,
         "kindString": "Class",
@@ -599,21 +662,21 @@
         ],
         "children": [
           {
-            "id": 501,
+            "id": 519,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 502,
+                "id": 520,
                 "name": "new SkyPageModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 500,
+                  "id": 518,
                   "name": "SkyPageModule"
                 }
               }
@@ -625,7 +688,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              501
+              519
             ]
           }
         ],
@@ -638,7 +701,7 @@
         ]
       },
       {
-        "id": 503,
+        "id": 521,
         "name": "SkyPageSummaryModule",
         "kind": 128,
         "kindString": "Class",
@@ -657,21 +720,21 @@
         ],
         "children": [
           {
-            "id": 504,
+            "id": 522,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 505,
+                "id": 523,
                 "name": "new SkyPageSummaryModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 503,
+                  "id": 521,
                   "name": "SkyPageSummaryModule"
                 }
               }
@@ -683,7 +746,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              504
+              522
             ]
           }
         ],
@@ -696,7 +759,7 @@
         ]
       },
       {
-        "id": 506,
+        "id": 524,
         "name": "SkyTextExpandModule",
         "kind": 128,
         "kindString": "Class",
@@ -715,21 +778,21 @@
         ],
         "children": [
           {
-            "id": 507,
+            "id": 525,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 508,
+                "id": 526,
                 "name": "new SkyTextExpandModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 506,
+                  "id": 524,
                   "name": "SkyTextExpandModule"
                 }
               }
@@ -741,7 +804,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              507
+              525
             ]
           }
         ],
@@ -754,7 +817,7 @@
         ]
       },
       {
-        "id": 510,
+        "id": 528,
         "name": "SkyTextExpandRepeaterModule",
         "kind": 128,
         "kindString": "Class",
@@ -773,21 +836,21 @@
         ],
         "children": [
           {
-            "id": 511,
+            "id": 529,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 512,
+                "id": 530,
                 "name": "new SkyTextExpandRepeaterModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 510,
+                  "id": 528,
                   "name": "SkyTextExpandRepeaterModule"
                 }
               }
@@ -799,7 +862,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              511
+              529
             ]
           }
         ],
@@ -812,7 +875,7 @@
         ]
       },
       {
-        "id": 513,
+        "id": 531,
         "name": "SkyToolbarModule",
         "kind": 128,
         "kindString": "Class",
@@ -831,21 +894,21 @@
         ],
         "children": [
           {
-            "id": 514,
+            "id": 532,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 515,
+                "id": 533,
                 "name": "new SkyToolbarModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 513,
+                  "id": 531,
                   "name": "SkyToolbarModule"
                 }
               }
@@ -857,7 +920,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              514
+              532
             ]
           }
         ],
@@ -982,7 +1045,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 444,
+              "id": 459,
               "name": "SkyActionButtonPermalink"
             }
           },
@@ -2124,7 +2187,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 479,
+                  "id": 497,
                   "name": "SkyDescriptionListModeType"
                 }
               }
@@ -2154,7 +2217,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 479,
+                      "id": 497,
                       "name": "SkyDescriptionListModeType"
                     }
                   }
@@ -2673,7 +2736,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 456,
+                  "id": 471,
                   "name": "SkyActionButtonContainerAlignItemsType"
                 }
               }
@@ -2703,7 +2766,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 456,
+                      "id": 471,
                       "name": "SkyActionButtonContainerAlignItemsType"
                     }
                   }
@@ -3517,7 +3580,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 487,
+                  "id": 505,
                   "name": "SkyFluidGridGutterSizeType"
                 }
               }
@@ -3547,7 +3610,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 487,
+                      "id": 505,
                       "name": "SkyFluidGridGutterSizeType"
                     }
                   }
@@ -6144,7 +6207,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 509,
+              "id": 527,
               "name": "SkyTextExpandRepeaterListStyleType"
             },
             "defaultValue": "'unordered'"
@@ -6763,6 +6826,358 @@
           }
         ]
       },
+      {
+        "id": 444,
+        "name": "SkyBoxComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-box',\n  templateUrl: './box.component.html',\n  styleUrls: ['./box.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 445,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 446,
+                "name": "SkyBoxComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 444,
+                  "name": "SkyBoxComponent"
+                }
+              }
+            ]
+          },
+          {
+            "id": 447,
+            "name": "ariaLabel",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies an ARIA label for the box. This sets the box's `aria-label` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nIf the box includes a visible label, use `ariaLabelledBy` instead."
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/box/box.component.ts",
+                "line": 19,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 448,
+            "name": "ariaLabelledBy",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies the HTML element ID (without the leading `#`) of the element that labels\nthe box. This sets the box's `aria-labelledby` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nIf the box does not include a visible label, use `ariaLabel` instead."
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/box/box.component.ts",
+                "line": 28,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 449,
+            "name": "ariaRole",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies an ARIA role for the box\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating what the box contains. For information about\nhow an ARIA role indicates what an item represents on a web page,\nsee the [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles)."
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/layout/src/modules/box/box.component.ts",
+                "line": 38,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              445
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              447,
+              448,
+              449
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box.component.ts",
+            "line": 12,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 450,
+        "name": "SkyBoxHeaderComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies a header for the box."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-box-header',\n  templateUrl: './box-header.component.html',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 451,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 452,
+                "name": "SkyBoxHeaderComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 450,
+                  "name": "SkyBoxHeaderComponent"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              451
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box-header.component.ts",
+            "line": 10,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 453,
+        "name": "SkyBoxContentComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies the body content to display inside the box and provides padding around that content."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-box-content',\n  templateUrl: './box-content.component.html',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 454,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 455,
+                "name": "SkyBoxContentComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 453,
+                  "name": "SkyBoxContentComponent"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              454
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box-content.component.ts",
+            "line": 10,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 456,
+        "name": "SkyBoxControlsComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-box-controls',\n  templateUrl: './box-controls.component.html',\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 457,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 458,
+                "name": "SkyBoxControlsComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 456,
+                  "name": "SkyBoxControlsComponent"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              457
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/layout/src/modules/box/box-controls.component.ts",
+            "line": 10,
+            "character": 13
+          }
+        ]
+      },
       {
         "id": 55,
         "name": "SkyActionButtonIconComponent",
@@ -7091,7 +7506,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 464,
+                      "id": 479,
                       "name": "SkyBackToTopOptions"
                     }
                   }
@@ -7150,7 +7565,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 460,
+                          "id": 475,
                           "name": "SkyBackToTopMessage"
                         }
                       ],
@@ -8090,7 +8505,7 @@
         ]
       },
       {
-        "id": 444,
+        "id": 459,
         "name": "SkyActionButtonPermalink",
         "kind": 256,
         "kindString": "Interface",
@@ -8100,7 +8515,7 @@
         },
         "children": [
           {
-            "id": 445,
+            "id": 460,
             "name": "route",
             "kind": 1024,
             "kindString": "Property",
@@ -8120,14 +8535,14 @@
             "type": {
               "type": "reflection",
               "declaration": {
-                "id": 446,
+                "id": 461,
                 "name": "__type",
                 "kind": 65536,
                 "kindString": "Type literal",
                 "flags": {},
                 "children": [
                   {
-                    "id": 447,
+                    "id": 462,
                     "name": "commands",
                     "kind": 1024,
                     "kindString": "Property",
@@ -8148,7 +8563,7 @@
                     }
                   },
                   {
-                    "id": 448,
+                    "id": 463,
                     "name": "extras",
                     "kind": 1024,
                     "kindString": "Property",
@@ -8173,8 +8588,8 @@
                     "title": "Properties",
                     "kind": 1024,
                     "children": [
-                      447,
-                      448
+                      462,
+                      463
                     ]
                   }
                 ]
@@ -8182,7 +8597,7 @@
             }
           },
           {
-            "id": 449,
+            "id": 464,
             "name": "url",
             "kind": 1024,
             "kindString": "Property",
@@ -8210,8 +8625,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              445,
-              449
+              460,
+              464
             ]
           }
         ],
@@ -8224,7 +8639,7 @@
         ]
       },
       {
-        "id": 460,
+        "id": 475,
         "name": "SkyBackToTopMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -8234,7 +8649,7 @@
         },
         "children": [
           {
-            "id": 461,
+            "id": 476,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -8253,7 +8668,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 463,
+              "id": 478,
               "name": "BackToTop"
             }
           }
@@ -8263,7 +8678,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              461
+              476
             ]
           }
         ],
@@ -8276,7 +8691,7 @@
         ]
       },
       {
-        "id": 464,
+        "id": 479,
         "name": "SkyBackToTopOptions",
         "kind": 256,
         "kindString": "Interface",
@@ -8286,7 +8701,7 @@
         },
         "children": [
           {
-            "id": 465,
+            "id": 480,
             "name": "buttonHidden",
             "kind": 1024,
             "kindString": "Property",
@@ -8320,7 +8735,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              465
+              480
             ]
           }
         ],
@@ -8333,7 +8748,7 @@
         ]
       },
       {
-        "id": 456,
+        "id": 471,
         "name": "SkyActionButtonContainerAlignItemsType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8360,7 +8775,7 @@
         }
       },
       {
-        "id": 479,
+        "id": 497,
         "name": "SkyDescriptionListModeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8394,7 +8809,7 @@
         }
       },
       {
-        "id": 487,
+        "id": 505,
         "name": "SkyFluidGridGutterSizeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8437,7 +8852,7 @@
         }
       },
       {
-        "id": 509,
+        "id": 527,
         "name": "SkyTextExpandRepeaterListStyleType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -8473,26 +8888,27 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          462
+          477
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          450,
-          457,
-          466,
-          469,
+          465,
           472,
+          481,
           484,
-          491,
-          497,
-          500,
-          503,
-          506,
-          510,
-          513,
+          487,
+          490,
+          502,
+          509,
+          515,
+          518,
+          521,
+          524,
+          528,
+          531,
           1,
           152,
           155,
@@ -8528,6 +8944,10 @@
           438,
           52,
           441,
+          444,
+          450,
+          453,
+          456,
           55,
           72,
           105,
@@ -8538,19 +8958,19 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          444,
-          460,
-          464
+          459,
+          475,
+          479
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          456,
-          479,
-          487,
-          509
+          471,
+          497,
+          505,
+          527
         ]
       }
     ],