@skyux/layout 7.5.0 → 7.6.0

package/documentation.json

@@ -81,7 +81,7 @@
         "kindString": "Enumeration",
         "flags": {},
         "comment": {
-          "shortText": "Specifies the type of message to send to the back to top component."
+          "shortText": "The type of message to send to the back to top component."
         },
         "children": [
           {
@@ -847,7 +847,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies a link for the action button."
+              "shortText": "The link for the action button."
             },
             "decorators": [
               {
@@ -1262,7 +1262,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a default value to display when no value is provided\nfor a label-value pair.",
+                  "shortText": "The default value to display when no value is provided\nfor a label-value pair.",
                   "tags": [
                     {
                       "tag": "default",
@@ -1325,7 +1325,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the width of the label portion of the definition list.",
+                  "shortText": "The width of the label portion of the definition list.",
                   "tags": [
                     {
                       "tag": "default",
@@ -1723,7 +1723,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 85,
+                "line": 84,
                 "character": 2
               }
             ],
@@ -1804,7 +1804,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 68,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -1848,7 +1848,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 76,
+                "line": 75,
                 "character": 9
               }
             ],
@@ -1874,7 +1874,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the width of term-description pairs when `mode` is set to `\"horizontal\"`. By default,\nthe width is responsive based on the width of the container element."
+              "shortText": "The width of term-description pairs when `mode` is set to `\"horizontal\"`. By default,\nthe width is responsive based on the width of the container element."
             },
             "decorators": [
               {
@@ -1935,7 +1935,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a default description to display when no description is provided\nfor a term-description pair.",
+                  "shortText": "The default description to display when no description is provided\nfor a term-description pair.",
                   "tags": [
                     {
                       "tag": "default",
@@ -1986,7 +1986,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 59,
+                "line": 58,
                 "character": 13
               }
             ],
@@ -1998,7 +1998,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies how to display term-description pairs within the description list.\nOptions include `\"horizontal\"`, `\"longDescription\"`, and `\"vertical\"`.",
+                  "shortText": "How to display term-description pairs within the description list.",
                   "tags": [
                     {
                       "tag": "default",
@@ -2021,7 +2021,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies how to display term-description pairs within the description list.\nOptions include `\"horizontal\"`, `\"longDescription\"`, and `\"vertical\"`.",
+                  "shortText": "How to display term-description pairs within the description list.",
                   "tags": [
                     {
                       "tag": "default",
@@ -2061,7 +2061,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 95,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -2098,7 +2098,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 111,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -2149,7 +2149,7 @@
             "sources": [
               {
                 "fileName": "projects/layout/src/modules/description-list/description-list.component.ts",
-                "line": 117,
+                "line": 116,
                 "character": 9
               }
             ],
@@ -2577,7 +2577,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies how to display the action buttons inside the action button container.\nOptions are `\"center\"` or `\"left\"`.",
+                  "shortText": "How to display the action buttons inside the action button container.\nOptions are `\"center\"` or `\"left\"`.",
                   "tags": [
                     {
                       "tag": "default",
@@ -2600,7 +2600,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies how to display the action buttons inside the action button container.\nOptions are `\"center\"` or `\"left\"`.",
+                  "shortText": "How to display the action buttons inside the action button container.\nOptions are `\"center\"` or `\"left\"`.",
                   "tags": [
                     {
                       "tag": "default",
@@ -3423,7 +3423,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding\nbetween columns.",
+                  "shortText": "The type that defines the size of the padding\nbetween columns.",
                   "tags": [
                     {
                       "tag": "default",
@@ -3446,7 +3446,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding\nbetween columns.",
+                  "shortText": "The type that defines the size of the padding\nbetween columns.",
                   "tags": [
                     {
                       "tag": "default",
@@ -3540,7 +3540,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Indicates whether to reverse the display order for columns in the row.",
+              "shortText": "Whether to reverse the display order for columns in the row.",
               "tags": [
                 {
                   "tag": "default",
@@ -3665,7 +3665,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the number of columns (1-12) to use on large screens\n(more than 1200px). If you do not specify a value, the column\ninherits the `screenMedium` value."
+              "shortText": "The number of columns (1-12) on large screens\n(more than 1200px). If you do not specify a value, the column\ninherits the `screenMedium` value."
             },
             "decorators": [
               {
@@ -3700,7 +3700,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the number of columns (1-12) to use on medium screens\n(992-1199px). If you do not specify a value, the column inherits\nthe `screenSmall` value."
+              "shortText": "The number of columns (1-12) on medium screens\n(992-1199px). If you do not specify a value, the column inherits\nthe `screenSmall` value."
             },
             "decorators": [
               {
@@ -3735,7 +3735,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the number of columns (1-12) to use on small screens\n(768-991px). If you do not specify a value, the column inherits\nthe `screenXSmall` value."
+              "shortText": "The number of columns (1-12) on small screens\n(768-991px). If you do not specify a value, the column inherits\nthe `screenXSmall` value."
             },
             "decorators": [
               {
@@ -3796,7 +3796,7 @@
                 "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.",
+                  "shortText": "The number of columns (1-12) 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",
@@ -3818,7 +3818,7 @@
                 "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.",
+                  "shortText": "The number of columns (1-12) 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",
@@ -4368,7 +4368,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the page layout. Use `auto` to allow the page contents\nto expand beyond the bottom of the browser window. Use `fit`\nto constrain the page contents to the available viewport."
+                  "shortText": "The page layout. Use `auto` to allow the page contents\nto expand beyond the bottom of the browser window. Use `fit`\nto constrain the page contents to the available viewport."
                 },
                 "type": {
                   "type": "reference",
@@ -4385,7 +4385,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the page layout. Use `auto` to allow the page contents\nto expand beyond the bottom of the browser window. Use `fit`\nto constrain the page contents to the available viewport."
+                  "shortText": "The page layout. Use `auto` to allow the page contents\nto expand beyond the bottom of the browser window. Use `fit`\nto constrain the page contents to the available viewport."
                 },
                 "parameters": [
                   {
@@ -5433,7 +5433,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies a title to display when the component expands the full text in a modal.",
+              "shortText": "The title to display when the component expands the full text in a modal.",
               "tags": [
                 {
                   "tag": "default",
@@ -5557,7 +5557,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Indicates whether to replace newline characters in truncated text with spaces."
+              "shortText": "Whether to replace newline characters in truncated text with spaces."
             },
             "decorators": [
               {
@@ -5619,7 +5619,7 @@
                 "kindString": "Get 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.",
+                  "shortText": "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",
@@ -5641,7 +5641,7 @@
                 "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.",
+                  "shortText": "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",
@@ -5704,7 +5704,7 @@
                 "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.",
+                  "shortText": "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",
@@ -5726,7 +5726,7 @@
                 "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.",
+                  "shortText": "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",
@@ -5789,7 +5789,7 @@
                 "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": "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",
@@ -5811,7 +5811,7 @@
                 "kindString": "Set 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": "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",
@@ -5874,7 +5874,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the text to truncate."
+                  "shortText": "The text to truncate."
                 },
                 "type": {
                   "type": "intrinsic",
@@ -5890,7 +5890,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the text to truncate."
+                  "shortText": "The text to truncate."
                 },
                 "parameters": [
                   {
@@ -6394,7 +6394,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies a template for items in the list."
+              "shortText": "The template for items in the list."
             },
             "decorators": [
               {
@@ -6437,7 +6437,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the style of bullet to use",
+              "shortText": "The style of bullet to use",
               "tags": [
                 {
                   "tag": "default",
@@ -6527,7 +6527,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the data to truncate."
+                  "shortText": "The data to truncate."
                 },
                 "type": {
                   "type": "array",
@@ -6546,7 +6546,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the data to truncate."
+                  "shortText": "The data to truncate."
                 },
                 "parameters": [
                   {
@@ -6606,7 +6606,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the number of items to display before truncating the list. If not supplied, all items are shown."
+                  "shortText": "The number of items to display before truncating the list. If not supplied, all items are shown."
                 },
                 "type": {
                   "type": "intrinsic",
@@ -6622,7 +6622,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the number of items to display before truncating the list. If not supplied, all items are shown."
+                  "shortText": "The number of items to display before truncating the list. If not supplied, all items are shown."
                 },
                 "parameters": [
                   {
@@ -7136,7 +7136,7 @@
               "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."
+              "shortText": "The 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": [
               {
@@ -7171,7 +7171,7 @@
               "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."
+              "shortText": "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": [
               {
@@ -7206,7 +7206,7 @@
               "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)."
+              "shortText": "The 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": [
               {
@@ -7477,7 +7477,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies an icon from the\n[Font Awesome library](https://fontawesome.com/v4.7.0/).\nFor example, to display the `fa-filter` icon on the action button,\nset `iconType` to `filter`. SKY UX supports version 4.7.0 of Font Awesome.\nFor more information about icons in SKY UX, see the\n[icon component](https://developer.blackbaud.com/skyux/components/icon)."
+              "shortText": "The icon from the\n[Font Awesome library](https://fontawesome.com/v4.7.0/).\nFor example, to display the `fa-filter` icon on the action button,\nset `iconType` to `filter`. SKY UX supports version 4.7.0 of Font Awesome.\nFor more information about icons in SKY UX, see the\n[icon component](https://developer.blackbaud.com/skyux/components/icon)."
             },
             "decorators": [
               {
@@ -7711,7 +7711,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies configuration options for the back to top component."
+                  "shortText": "Configuration options for the back to top component."
                 },
                 "parameters": [
                   {
@@ -7778,7 +7778,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Provides an observable to send commands to the back to top component.\nThe commands respect the `SkyBackToTopMessage` type."
+                  "shortText": "The observable to send commands to the back to top component.\nThe commands respect the `SkyBackToTopMessage` type."
                 },
                 "parameters": [
                   {
@@ -8207,7 +8207,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Indicates whether the deletion is pending.",
+              "shortText": "Whether the deletion is pending.",
               "tags": [
                 {
                   "tag": "default",
@@ -8429,7 +8429,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Indicates whether to display a checkbox to the right of the card title.\nUsers can select multiple checkboxes and perform actions on the selected cards.",
+              "shortText": "Whether to display a checkbox to the right of the card title.\nUsers can select multiple checkboxes and perform actions on the selected cards.",
               "tags": [
                 {
                   "tag": "default",
@@ -8471,7 +8471,7 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Indicates whether the card is selected. This only applies to card where\n`selectable` is set to `true`.",
+              "shortText": "Whether the card is selected. This only applies to card where\n`selectable` is set to `true`.",
               "tags": [
                 {
                   "tag": "default",
@@ -8647,7 +8647,7 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the size of the card. The valid options are `\"large\"` and `\"small\"`.",
+                  "shortText": "The size of the card. The valid options are `\"large\"` and `\"small\"`.",
                   "tags": [
                     {
                       "tag": "default",
@@ -8669,7 +8669,7 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the size of the card. The valid options are `\"large\"` and `\"small\"`.",
+                  "shortText": "The size of the card. The valid options are `\"large\"` and `\"small\"`.",
                   "tags": [
                     {
                       "tag": "default",
@@ -8922,7 +8922,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies an Angular router link for the action button. This property accepts a\ncustom object with a `commands` property to specify router commands and an `extras`\nproperty to specify\n[Angular `NavigationExtras`](https://angular.io/api/router/NavigationExtras).\nThis property passes the following properties:\n- `permalink.route?.extras?.fragment` to\n[`fragment`](https://angular.io/api/router/NavigationExtras#fragment)\n- `permalink.route?.extras?.queryParams` to\n[`queryParams`](https://angular.io/api/router/NavigationExtras#queryParams)\n- `permalink.route?.extras?.queryParamsHandling` to\n[`queryParamsHandling`](https://angular.io/api/router/NavigationExtras#queryParamsHandling)\n- `permalink.route?.commands` to\n[`routerLink`](https://angular.io/api/router/RouterLink)"
+              "shortText": "The Angular router link for the action button. This property accepts a\ncustom object with a `commands` property to specify router commands and an `extras`\nproperty to specify\n[Angular `NavigationExtras`](https://angular.io/api/router/NavigationExtras).\nThis property passes the following properties:\n- `permalink.route?.extras?.fragment` to\n[`fragment`](https://angular.io/api/router/NavigationExtras#fragment)\n- `permalink.route?.extras?.queryParams` to\n[`queryParams`](https://angular.io/api/router/NavigationExtras#queryParams)\n- `permalink.route?.extras?.queryParamsHandling` to\n[`queryParamsHandling`](https://angular.io/api/router/NavigationExtras#queryParamsHandling)\n- `permalink.route?.commands` to\n[`routerLink`](https://angular.io/api/router/RouterLink)"
             },
             "sources": [
               {
@@ -9017,7 +9017,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies a direct link for the action button."
+              "shortText": "The direct link for the action button."
             },
             "sources": [
               {
@@ -9069,7 +9069,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Specifies the type of message to send."
+              "shortText": "The type of message to send."
             },
             "sources": [
               {
@@ -9121,7 +9121,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "Indicates whether to hide the back to top button.",
+              "shortText": "Whether to hide the back to top button.",
               "tags": [
                 {
                   "tag": "default",
@@ -9193,7 +9193,7 @@
         "kindString": "Type alias",
         "flags": {},
         "comment": {
-          "shortText": "Specifies how to display the term-description pairs within a description list."
+          "shortText": "How to display the term-description pairs within a description list."
         },
         "sources": [
           {
@@ -9455,7 +9455,7 @@
     {
       "fileName": "description-list-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/horizontal/description-list-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string; showHelp?: boolean }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences',\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology',\n    },\n    {\n      term: 'Advisor',\n      description: 'Calandra Geer',\n      showHelp: true,\n    },\n    {\n      term: 'Class year',\n      description: '2024',\n    },\n  ];\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string; showHelp?: boolean }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences',\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology',\n    },\n    {\n      term: 'Advisor',\n      description: 'Cathy Green',\n      showHelp: true,\n    },\n    {\n      term: 'Class year',\n      description: '2024',\n    },\n  ];\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
     },
     {
       "fileName": "description-list-demo.module.ts",
@@ -9470,7 +9470,7 @@
     {
       "fileName": "description-list-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/inline-help/description-list-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences',\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology',\n    },\n    {\n      term: 'Advisor',\n      description: 'Calandra Geer',\n    },\n    {\n      term: 'Class year',\n      description: '2024',\n    },\n  ];\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences',\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology',\n    },\n    {\n      term: 'Advisor',\n      description: 'Cathy Green',\n    },\n    {\n      term: 'Class year',\n      description: '2024',\n    },\n  ];\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
     },
     {
       "fileName": "description-list-demo.module.ts",
@@ -9500,7 +9500,7 @@
     {
       "fileName": "description-list-demo.component.ts",
       "filePath": "/projects/layout/documentation/code-examples/description-list/vertical/description-list-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences',\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology',\n    },\n    {\n      term: 'Advisor',\n      description: 'Calandra Geer',\n    },\n    {\n      term: 'Class year',\n      description: '2024',\n    },\n  ];\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-description-list-demo',\n  templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n  public items: { term: string; description: string }[] = [\n    {\n      term: 'College',\n      description: 'Humanities and Social Sciences',\n    },\n    {\n      term: 'Department',\n      description: 'Anthropology',\n    },\n    {\n      term: 'Advisor',\n      description: 'Cathy Green',\n    },\n    {\n      term: 'Class year',\n      description: '2024',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "description-list-demo.module.ts",
@@ -9542,11 +9542,6 @@
       "filePath": "/projects/layout/documentation/code-examples/format/format-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyFormatModule } from '@skyux/layout';\n\nimport { FormatDemoComponent } from './format-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyFormatModule],\n  declarations: [FormatDemoComponent],\n  exports: [FormatDemoComponent],\n})\nexport class FormatDemoModule {}\n"
     },
-    {
-      "fileName": "inilne-delete-demo.component.ts",
-      "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inilne-delete-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-demo',\n  templateUrl: './inline-delete-demo.component.html',\n  styleUrls: ['./inline-delete-demo.component.scss'],\n})\nexport class InlineDeleteDemoComponent {\n  public deleting = false;\n\n  public pending = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n      this.deleting = false;\n\n      alert(\n        'Custom element deletion was triggered. In a real scenario the item would be removed. Item was not removed just for demo purposes.'\n      );\n    }, 3000);\n\n    this.pending = true;\n  }\n}\n"
-    },
     {
       "fileName": "inline-delete-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inline-delete-demo.component.html",
@@ -9558,24 +9553,29 @@
       "rawContents": "#inline-delete-container {\n  padding: 15px;\n  background-color: white;\n  border: black solid 1px;\n  height: 400px;\n  width: 400px;\n  position: relative;\n}\n\n#inline-delete-trigger {\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 100%;\n}\n"
     },
     {
-      "fileName": "inline-delete-demo.module.ts",
-      "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inline-delete-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyInlineDeleteModule } from '@skyux/layout';\n\nimport { InlineDeleteDemoComponent } from './inilne-delete-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyIconModule, SkyInlineDeleteModule],\n  declarations: [InlineDeleteDemoComponent],\n  exports: [InlineDeleteDemoComponent],\n})\nexport class InlineDeleteDemoModule {}\n"
+      "fileName": "inline-delete-demo.component.ts",
+      "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inline-delete-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-inline-delete-demo',\n  templateUrl: './inline-delete-demo.component.html',\n  styleUrls: ['./inline-delete-demo.component.scss'],\n})\nexport class InlineDeleteDemoComponent {\n  public deleting = false;\n\n  public pending = false;\n\n  public deleteItem(): void {\n    this.deleting = true;\n  }\n\n  public onCancelTriggered(): void {\n    this.deleting = false;\n  }\n\n  public onDeleteTriggered(): void {\n    setTimeout(() => {\n      this.pending = false;\n      this.deleting = false;\n\n      alert(\n        'Custom element deletion was triggered. In a real scenario the item would be removed. Item was not removed just for demo purposes.'\n      );\n    }, 3000);\n\n    this.pending = true;\n  }\n}\n"
     },
     {
-      "fileName": "inilne-delete-repeater-demo.component.ts",
-      "filePath": "/projects/layout/documentation/code-examples/inline-delete/repeater/inilne-delete-repeater-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\ninterface InlineRepeaterDemoItem {\n  title: string;\n  cost: string;\n  description: string;\n}\n\n@Component({\n  selector: 'app-inline-delete-repeater-demo',\n  templateUrl: './inline-delete-repeater-demo.component.html',\n})\nexport class InlineDeleteRepeaterDemoComponent {\n  public originalRepeaterDemoItems: InlineRepeaterDemoItem[] = [\n    {\n      title: 'Individual',\n      cost: '$75.00',\n      description: '1 ticket',\n    },\n    {\n      title: 'Foursome',\n      cost: '$250.00',\n      description: '4 tickets',\n    },\n    {\n      title: 'Hole sponsor',\n      cost: '$1,000.00',\n      description: '8 tickets',\n    },\n  ];\n\n  public repeaterDemoItems: InlineRepeaterDemoItem[] =\n    this.originalRepeaterDemoItems;\n\n  public repeaterDemoShownInlineDeletes: string[] = [];\n\n  public showInlineDelete(title: string): void {\n    this.repeaterDemoShownInlineDeletes.push(title);\n  }\n\n  public deleteItem(title: string): void {\n    this.repeaterDemoItems = this.repeaterDemoItems.filter(\n      (demoItem: InlineRepeaterDemoItem) => demoItem.title !== title\n    );\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: string) => demoItem !== title\n      );\n  }\n\n  public cancelDeletion(title: string): void {\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: string) => demoItem !== title\n      );\n  }\n\n  public onResetClick(): void {\n    this.repeaterDemoItems = this.originalRepeaterDemoItems;\n    this.repeaterDemoShownInlineDeletes = [];\n  }\n}\n"
+      "fileName": "inline-delete-demo.module.ts",
+      "filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inline-delete-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyInlineDeleteModule } from '@skyux/layout';\n\nimport { InlineDeleteDemoComponent } from './inline-delete-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyIconModule, SkyInlineDeleteModule],\n  declarations: [InlineDeleteDemoComponent],\n  exports: [InlineDeleteDemoComponent],\n})\nexport class InlineDeleteDemoModule {}\n"
     },
     {
       "fileName": "inline-delete-repeater-demo.component.html",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/repeater/inline-delete-repeater-demo.component.html",
       "rawContents": "<sky-repeater style=\"width: 100%\">\n  <sky-repeater-item *ngFor=\"let item of repeaterDemoItems\">\n    <sky-repeater-item-context-menu>\n      <sky-dropdown buttonType=\"context-menu\">\n        <sky-dropdown-menu>\n          <sky-dropdown-item>\n            <button type=\"button\" (click)=\"showInlineDelete(item.title)\">\n              Delete\n            </button>\n          </sky-dropdown-item>\n        </sky-dropdown-menu>\n      </sky-dropdown>\n    </sky-repeater-item-context-menu>\n    <sky-repeater-item-title class=\"sky-demo-inline-delete-flex\">\n      <div>\n        {{ item.title }}\n      </div>\n      <div>\n        {{ item.cost }}\n      </div>\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      {{ item.description }}\n    </sky-repeater-item-content>\n    <sky-inline-delete\n      *ngIf=\"repeaterDemoShownInlineDeletes.indexOf(item.title) >= 0\"\n      (cancelTriggered)=\"cancelDeletion(item.title)\"\n      (deleteTriggered)=\"deleteItem(item.title)\"\n    ></sky-inline-delete>\n  </sky-repeater-item>\n</sky-repeater>\n\n<button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"onResetClick()\">\n  Reset Repeater\n</button>\n"
     },
+    {
+      "fileName": "inline-delete-repeater-demo.component.ts",
+      "filePath": "/projects/layout/documentation/code-examples/inline-delete/repeater/inline-delete-repeater-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\n\ninterface InlineRepeaterDemoItem {\n  title: string;\n  cost: string;\n  description: string;\n}\n\n@Component({\n  selector: 'app-inline-delete-repeater-demo',\n  templateUrl: './inline-delete-repeater-demo.component.html',\n})\nexport class InlineDeleteRepeaterDemoComponent {\n  public originalRepeaterDemoItems: InlineRepeaterDemoItem[] = [\n    {\n      title: 'Individual',\n      cost: '$75.00',\n      description: '1 ticket',\n    },\n    {\n      title: 'Foursome',\n      cost: '$250.00',\n      description: '4 tickets',\n    },\n    {\n      title: 'Hole sponsor',\n      cost: '$1,000.00',\n      description: '8 tickets',\n    },\n  ];\n\n  public repeaterDemoItems: InlineRepeaterDemoItem[] =\n    this.originalRepeaterDemoItems;\n\n  public repeaterDemoShownInlineDeletes: string[] = [];\n\n  public showInlineDelete(title: string): void {\n    this.repeaterDemoShownInlineDeletes.push(title);\n  }\n\n  public deleteItem(title: string): void {\n    this.repeaterDemoItems = this.repeaterDemoItems.filter(\n      (demoItem: InlineRepeaterDemoItem) => demoItem.title !== title\n    );\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: string) => demoItem !== title\n      );\n  }\n\n  public cancelDeletion(title: string): void {\n    this.repeaterDemoShownInlineDeletes =\n      this.repeaterDemoShownInlineDeletes.filter(\n        (demoItem: string) => demoItem !== title\n      );\n  }\n\n  public onResetClick(): void {\n    this.repeaterDemoItems = this.originalRepeaterDemoItems;\n    this.repeaterDemoShownInlineDeletes = [];\n  }\n}\n"
+    },
     {
       "fileName": "inline-delete-repeater-demo.module.ts",
       "filePath": "/projects/layout/documentation/code-examples/inline-delete/repeater/inline-delete-repeater-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyInlineDeleteModule } from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { InlineDeleteRepeaterDemoComponent } from './inilne-delete-repeater-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyInlineDeleteModule,\n    SkyRepeaterModule,\n  ],\n  declarations: [InlineDeleteRepeaterDemoComponent],\n  exports: [InlineDeleteRepeaterDemoComponent],\n})\nexport class InlineDeleteRepeaterDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyInlineDeleteModule } from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { InlineDeleteRepeaterDemoComponent } from './inline-delete-repeater-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyInlineDeleteModule,\n    SkyRepeaterModule,\n  ],\n  declarations: [InlineDeleteRepeaterDemoComponent],\n  exports: [InlineDeleteRepeaterDemoComponent],\n})\nexport class InlineDeleteRepeaterDemoModule {}\n"
     },
     {
       "fileName": "page-summary-demo.component.html",