@skyux/ag-grid 7.0.0-beta.1 → 7.0.0-beta.11

package/documentation.json

@@ -3,6 +3,8 @@
     "SkyAgGridCellEditorInitialAction": "enumeration-skyaggridcelleditorinitialaction",
     "SkyCellType": "enumeration-skycelltype",
     "SkyAgGridCellEditorUtils": "class-skyaggridcelleditorutils",
+    "SkyAgGridHeaderGroupInfo": "class-skyaggridheadergroupinfo",
+    "SkyAgGridHeaderInfo": "class-skyaggridheaderinfo",
     "SkyAgGridModule": "class-skyaggridmodule",
     "SkyAgGridService": "class-skyaggridservice",
     "SkyAgGridWrapperComponent": "class-skyaggridwrappercomponent",
@@ -10,6 +12,8 @@
     "SkyAgGridAutocompleteProperties": "interface-skyaggridautocompleteproperties",
     "SkyAgGridCurrencyProperties": "interface-skyaggridcurrencyproperties",
     "SkyAgGridDatepickerProperties": "interface-skyaggriddatepickerproperties",
+    "SkyAgGridHeaderGroupParams": "interface-skyaggridheadergroupparams",
+    "SkyAgGridHeaderParams": "interface-skyaggridheaderparams",
     "SkyAgGridLookupProperties": "interface-skyaggridlookupproperties",
     "SkyAgGridNumberProperties": "interface-skyaggridnumberproperties",
     "SkyAgGridRowDeleteCancelArgs": "interface-skyaggridrowdeletecancelargs",
@@ -29,7 +33,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 622,
+        "id": 688,
         "name": "SkyAgGridCellEditorInitialAction",
         "kind": 8,
         "kindString": "Enumeration",
@@ -39,10 +43,10 @@
         },
         "children": [
           {
-            "id": 623,
+            "id": 689,
             "name": "Delete",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "The cell should be cleared."
@@ -54,13 +58,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 0
+            },
             "defaultValue": "0"
           },
           {
-            "id": 624,
+            "id": 690,
             "name": "Highlighted",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "The cell value should be highlighted."
@@ -72,13 +80,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 1
+            },
             "defaultValue": "1"
           },
           {
-            "id": 625,
+            "id": 691,
             "name": "Replace",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "The cell value should be replaced with the initializing value."
@@ -90,13 +102,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 2
+            },
             "defaultValue": "2"
           },
           {
-            "id": 626,
+            "id": 692,
             "name": "Untouched",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "The cell should not be modified and the cursor is placed at the end of the value."
@@ -108,18 +124,22 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 3
+            },
             "defaultValue": "3"
           }
         ],
         "groups": [
           {
-            "title": "Enumeration members",
+            "title": "Enumeration Members",
             "kind": 16,
             "children": [
-              623,
-              624,
-              625,
-              626
+              689,
+              690,
+              691,
+              692
             ]
           }
         ],
@@ -132,7 +152,7 @@
         ]
       },
       {
-        "id": 633,
+        "id": 699,
         "name": "SkyCellType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -142,10 +162,10 @@
         },
         "children": [
           {
-            "id": 634,
+            "id": 700,
             "name": "Autocomplete",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as  [SKY UX autocomplete components](https://developer.blackbaud.com/skyux/components/autocomplete). You can set any of the autocomplete component's properties by passing `SkyCellEditorAutocompleteParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies that cells the column will display the currently selected value's name property by default. If the autocomplete needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition."
@@ -157,13 +177,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellAutocomplete"
+            },
             "defaultValue": "\"skyCellAutocomplete\""
           },
           {
-            "id": 635,
+            "id": 701,
             "name": "Currency",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as a currency amount.\n<br/><br/>\n**Read-only mode**\n<br/>\nFormats the display as currency using [SKY UX numeric components](https://developer.blackbaud.com/skyux/components/numeric)."
@@ -175,13 +199,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellCurrency"
+            },
             "defaultValue": "\"skyCellCurrency\""
           },
           {
-            "id": 636,
+            "id": 702,
             "name": "CurrencyValidator",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit and read-only modes**\n<br/>\nCombines SkyCellType.Currency and SkyCellType.Validator, where the value is displayed as a currency and passed to a validator function."
@@ -193,13 +221,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellCurrencyValidator"
+            },
             "defaultValue": "\"skyCellCurrencyValidator\""
           },
           {
-            "id": 637,
+            "id": 703,
             "name": "Date",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as [SKY UX datepicker components](https://developer.blackbaud.com/skyux/components/datepicker). You can set any of the datepicker component's properties by passing `SkyCellEditorDatepickerParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Date values can be entered.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies that cells in the column will display the currently selected date formatted as `MM-DD-YYYY`, or the date format of the locale passed to `getGridOptions()`. If you would like to overwrite this format, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition. See the demo for an example."
@@ -211,13 +243,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellDate"
+            },
             "defaultValue": "\"skyCellDate\""
           },
           {
-            "id": 638,
+            "id": 704,
             "name": "Lookup",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as [SKY UX lookup components](https://developer.blackbaud.com/skyux-v5/components/lookup). You can set any of the lookup component's properties by passing `SkyCellEditorLookupParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies that cells the column will display, by default, either: the name(s) of the selected value(s) if there are less than 6, or a summary count of the values if there are more than 5. If the lookup needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition."
@@ -229,13 +265,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellLookup"
+            },
             "defaultValue": "\"skyCellLookup\""
           },
           {
-            "id": 639,
+            "id": 705,
             "name": "Number",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as HTML number `inputs`. Only numbers can be entered.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies that cells in the column will render as the number value."
@@ -247,13 +287,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellNumber"
+            },
             "defaultValue": "\"skyCellNumber\""
           },
           {
-            "id": 640,
+            "id": 706,
             "name": "NumberValidator",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit and read-only modes**\n<br/>\nCombines SkyCellType.Number and SkyCellType.Validator, where the value is displayed as a number and passed to a validator function."
@@ -265,13 +309,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellNumberValidator"
+            },
             "defaultValue": "\"skyCellNumberValidator\""
           },
           {
-            "id": 641,
+            "id": 707,
             "name": "RowSelector",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit and read-only modes**\n<br/>\nSpecifies that cells in the column will render as [SKY UX checkbox components](https://developer.blackbaud.com/skyux/components/checkbox). It allows the user to select multiple rows, and adds a highlight to selected rows. The [Ag Grid `rowNode`](https://www.ag-grid.com/javascript-grid-row-node/) will be updated to reflect the selected state."
@@ -283,13 +331,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellRowSelector"
+            },
             "defaultValue": "\"skyCellRowSelector\""
           },
           {
-            "id": 642,
+            "id": 708,
             "name": "Text",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit mode**\n<br/>\nSpecifies that cells in the column will be edited as HTML text `inputs`. Any characters can be entered.\n<br/><br/>\n**Read-only mode**\n<br/>\nSpecifies cells in the column will render as their string value."
@@ -301,13 +353,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellText"
+            },
             "defaultValue": "\"skyCellText\""
           },
           {
-            "id": 643,
+            "id": 709,
             "name": "Validator",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "**Edit and read-only modes**\n<br/>\nSpecifies cell in the column will be passed to a validator function which flags erroneous entries. You can set the validator function and message by passing them to [column definition's `cellRendererParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing) as `skyComponentProperties.validator` and `skyComponentProperties.validatorMessage`. SkyCellType.Validator can be combined with other cell types, such as SkyCellType.Autocomplete or SkyCellType.Date, by using the array syntax for the [column definition's `type` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing)."
@@ -319,24 +375,28 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": "skyCellValidator"
+            },
             "defaultValue": "\"skyCellValidator\""
           }
         ],
         "groups": [
           {
-            "title": "Enumeration members",
+            "title": "Enumeration Members",
             "kind": 16,
             "children": [
-              634,
-              635,
-              636,
-              637,
-              638,
-              639,
-              640,
-              641,
-              642,
-              643
+              700,
+              701,
+              702,
+              703,
+              704,
+              705,
+              706,
+              707,
+              708,
+              709
             ]
           }
         ],
@@ -349,14 +409,14 @@
         ]
       },
       {
-        "id": 627,
+        "id": 693,
         "name": "SkyAgGridCellEditorUtils",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 628,
+            "id": 694,
             "name": "getEditorInitialAction",
             "kind": 2048,
             "kindString": "Method",
@@ -373,7 +433,7 @@
             ],
             "signatures": [
               {
-                "id": 629,
+                "id": 695,
                 "name": "getEditorInitialAction",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -383,7 +443,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 630,
+                    "id": 696,
                     "name": "params",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -401,7 +461,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 622,
+                  "id": 688,
                   "name": "SkyAgGridCellEditorInitialAction"
                 }
               }
@@ -413,14 +473,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              631
+              697
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              628
+              694
             ]
           }
         ],
@@ -433,7 +493,223 @@
         ]
       },
       {
-        "id": 529,
+        "id": 730,
+        "name": "SkyAgGridHeaderGroupInfo",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "To display a help button beside the column group header, create a component that includes the help button element,\nsuch as `sky-help-inline`, include a `SkyAgGridHeaderGroupInfo` parameter in the constructor to access the column\ngroup information, such as display name, and add the component to the `headerComponentParams.inlineHelpComponent`\nproperty of the column definition."
+        },
+        "decorators": [
+          {
+            "name": "Injectable",
+            "type": {
+              "type": "reference",
+              "qualifiedName": "InjectableDecorator",
+              "package": "@angular/core",
+              "name": "Injectable"
+            },
+            "arguments": {}
+          }
+        ],
+        "children": [
+          {
+            "id": 733,
+            "name": "columnGroup",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-info.ts",
+                "line": 13,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "qualifiedName": "ColumnGroup",
+              "package": "ag-grid-community",
+              "name": "ColumnGroup"
+            }
+          },
+          {
+            "id": 735,
+            "name": "context",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Application context as set on `gridOptions.context`."
+            },
+            "sources": [
+              {
+                "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-info.ts",
+                "line": 18,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          },
+          {
+            "id": 734,
+            "name": "displayName",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-info.ts",
+                "line": 14,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              731
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              733,
+              735,
+              734
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-info.ts",
+            "line": 12,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 746,
+        "name": "SkyAgGridHeaderInfo",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "To display a help button beside the column header, create a component that includes the help button element,\nsuch as `sky-help-inline`, include a `SkyAgGridHeaderInfo` parameter in the constructor to access the column\ninformation, such as display name, and add the component to the `headerComponentParams.inlineHelpComponent` property\nof the column definition."
+        },
+        "decorators": [
+          {
+            "name": "Injectable",
+            "type": {
+              "type": "reference",
+              "qualifiedName": "InjectableDecorator",
+              "package": "@angular/core",
+              "name": "Injectable"
+            },
+            "arguments": {}
+          }
+        ],
+        "children": [
+          {
+            "id": 749,
+            "name": "column",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-info.ts",
+                "line": 13,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "qualifiedName": "Column",
+              "package": "ag-grid-community",
+              "name": "Column"
+            }
+          },
+          {
+            "id": 751,
+            "name": "context",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Application context as set on `gridOptions.context`."
+            },
+            "sources": [
+              {
+                "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-info.ts",
+                "line": 18,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          },
+          {
+            "id": 750,
+            "name": "displayName",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-info.ts",
+                "line": 14,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              747
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              749,
+              751,
+              750
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-info.ts",
+            "line": 12,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 595,
         "name": "SkyAgGridModule",
         "kind": 128,
         "kindString": "Class",
@@ -448,7 +724,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyAgGridDataManagerAdapterDirective,\n    SkyAgGridRowDeleteComponent,\n    SkyAgGridRowDeleteDirective,\n    SkyAgGridWrapperComponent,\n  ],\n  imports: [\n    AgGridModule,\n    CommonModule,\n    SkyAgGridCellEditorAutocompleteModule,\n    SkyAgGridCellEditorDatepickerModule,\n    SkyAgGridCellEditorLookupModule,\n    SkyAgGridCellEditorNumberModule,\n    SkyAgGridCellEditorCurrencyModule,\n    SkyAgGridCellRendererCurrencyModule,\n    SkyAgGridCellRendererLookupModule,\n    SkyAgGridCellRendererRowSelectorModule,\n    SkyAgGridCellRendererValidatorTooltipModule,\n    SkyAgGridCellValidatorModule,\n    SkyAgGridCellEditorTextModule,\n    SkyDataManagerModule,\n    SkyInlineDeleteModule,\n    SkyViewkeeperModule,\n  ],\n  exports: [\n    SkyAgGridDataManagerAdapterDirective,\n    SkyAgGridRowDeleteComponent,\n    SkyAgGridRowDeleteDirective,\n    SkyAgGridWrapperComponent,\n  ],\n}"
+              "obj": "{\n  declarations: [\n    SkyAgGridDataManagerAdapterDirective,\n    SkyAgGridHeaderComponent,\n    SkyAgGridHeaderGroupComponent,\n    SkyAgGridRowDeleteComponent,\n    SkyAgGridRowDeleteDirective,\n    SkyAgGridWrapperComponent,\n  ],\n  imports: [\n    AgGridModule,\n    CommonModule,\n    SkyAgGridCellEditorAutocompleteModule,\n    SkyAgGridCellEditorDatepickerModule,\n    SkyAgGridCellEditorLookupModule,\n    SkyAgGridCellEditorNumberModule,\n    SkyAgGridCellEditorCurrencyModule,\n    SkyAgGridCellRendererCurrencyModule,\n    SkyAgGridCellRendererLookupModule,\n    SkyAgGridCellRendererRowSelectorModule,\n    SkyAgGridCellRendererValidatorTooltipModule,\n    SkyAgGridCellValidatorModule,\n    SkyAgGridCellEditorTextModule,\n    SkyDataManagerModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyInlineDeleteModule,\n    SkyViewkeeperModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyAgGridDataManagerAdapterDirective,\n    SkyAgGridRowDeleteComponent,\n    SkyAgGridRowDeleteDirective,\n    SkyAgGridWrapperComponent,\n    SkyAgGridHeaderComponent,\n    SkyAgGridHeaderGroupComponent,\n  ],\n}"
             }
           }
         ],
@@ -458,20 +734,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              530
+              596
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.module.ts",
-            "line": 57,
+            "line": 69,
             "character": 13
           }
         ]
       },
       {
-        "id": 532,
+        "id": 598,
         "name": "SkyAgGridService",
         "kind": 128,
         "kindString": "Class",
@@ -495,7 +771,7 @@
         ],
         "children": [
           {
-            "id": 533,
+            "id": 599,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -503,20 +779,20 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
-                "line": 131,
+                "line": 133,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 534,
+                "id": 600,
                 "name": "new SkyAgGridService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 535,
+                    "id": 601,
                     "name": "agGridAdapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -527,7 +803,7 @@
                     }
                   },
                   {
-                    "id": 536,
+                    "id": 602,
                     "name": "themeSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -552,7 +828,7 @@
                     }
                   },
                   {
-                    "id": 537,
+                    "id": 603,
                     "name": "resources",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -579,14 +855,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 532,
+                  "id": 598,
                   "name": "SkyAgGridService"
                 }
               }
             ]
           },
           {
-            "id": 546,
+            "id": 612,
             "name": "getEditableGridOptions",
             "kind": 2048,
             "kindString": "Method",
@@ -596,13 +872,13 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
-                "line": 172,
+                "line": 174,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 547,
+                "id": 613,
                 "name": "getEditableGridOptions",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -613,7 +889,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 548,
+                    "id": 614,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -621,7 +897,7 @@
                     "comment": {},
                     "type": {
                       "type": "reference",
-                      "id": 695,
+                      "id": 804,
                       "name": "SkyGetGridOptionsArgs"
                     }
                   }
@@ -636,7 +912,7 @@
             ]
           },
           {
-            "id": 543,
+            "id": 609,
             "name": "getGridOptions",
             "kind": 2048,
             "kindString": "Method",
@@ -646,13 +922,13 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
-                "line": 157,
+                "line": 159,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 544,
+                "id": 610,
                 "name": "getGridOptions",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -663,7 +939,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 545,
+                    "id": 611,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -671,7 +947,7 @@
                     "comment": {},
                     "type": {
                       "type": "reference",
-                      "id": 695,
+                      "id": 804,
                       "name": "SkyGetGridOptionsArgs"
                     }
                   }
@@ -686,7 +962,7 @@
             ]
           },
           {
-            "id": 541,
+            "id": 607,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -696,13 +972,13 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
-                "line": 147,
+                "line": 149,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 542,
+                "id": 608,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -728,23 +1004,23 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              533
+              599
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              546,
-              543,
-              541
+              612,
+              609,
+              607
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
-            "line": 121,
+            "line": 123,
             "character": 13
           }
         ],
@@ -1494,7 +1770,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 571,
+                  "id": 637,
                   "name": "SkyAgGridRowDeleteCancelArgs"
                 }
               ],
@@ -1563,7 +1839,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 573,
+                  "id": 639,
                   "name": "SkyAgGridRowDeleteConfirmArgs"
                 }
               ],
@@ -1995,14 +2271,14 @@
         ]
       },
       {
-        "id": 575,
+        "id": 641,
         "name": "SkyAgGridAutocompleteProperties",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 576,
+            "id": 642,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -2025,7 +2301,7 @@
             }
           },
           {
-            "id": 577,
+            "id": 643,
             "name": "debounceTime",
             "kind": 1024,
             "kindString": "Property",
@@ -2045,7 +2321,7 @@
             }
           },
           {
-            "id": 578,
+            "id": 644,
             "name": "descriptorProperty",
             "kind": 1024,
             "kindString": "Property",
@@ -2065,7 +2341,7 @@
             }
           },
           {
-            "id": 579,
+            "id": 645,
             "name": "propertiesToSearch",
             "kind": 1024,
             "kindString": "Property",
@@ -2088,7 +2364,7 @@
             }
           },
           {
-            "id": 584,
+            "id": 650,
             "name": "searchFilters",
             "kind": 1024,
             "kindString": "Property",
@@ -2107,21 +2383,21 @@
               "elementType": {
                 "type": "reflection",
                 "declaration": {
-                  "id": 585,
+                  "id": 651,
                   "name": "__type",
                   "kind": 65536,
                   "kindString": "Type literal",
                   "flags": {},
                   "signatures": [
                     {
-                      "id": 586,
+                      "id": 652,
                       "name": "__type",
                       "kind": 4096,
                       "kindString": "Call signature",
                       "flags": {},
                       "parameters": [
                         {
-                          "id": 587,
+                          "id": 653,
                           "name": "searchText",
                           "kind": 32768,
                           "kindString": "Parameter",
@@ -2132,7 +2408,7 @@
                           }
                         },
                         {
-                          "id": 588,
+                          "id": 654,
                           "name": "item",
                           "kind": 32768,
                           "kindString": "Parameter",
@@ -2154,7 +2430,7 @@
             }
           },
           {
-            "id": 590,
+            "id": 656,
             "name": "searchResultTemplate",
             "kind": 1024,
             "kindString": "Property",
@@ -2182,7 +2458,7 @@
             }
           },
           {
-            "id": 589,
+            "id": 655,
             "name": "searchResultsLimit",
             "kind": 1024,
             "kindString": "Property",
@@ -2202,7 +2478,7 @@
             }
           },
           {
-            "id": 591,
+            "id": 657,
             "name": "searchTextMinimumCharacters",
             "kind": 1024,
             "kindString": "Property",
@@ -2222,7 +2498,7 @@
             }
           },
           {
-            "id": 592,
+            "id": 658,
             "name": "selectionChange",
             "kind": 1024,
             "kindString": "Property",
@@ -2244,7 +2520,7 @@
             }
           },
           {
-            "id": 580,
+            "id": 646,
             "name": "search",
             "kind": 2048,
             "kindString": "Method",
@@ -2260,14 +2536,14 @@
             ],
             "signatures": [
               {
-                "id": 581,
+                "id": 647,
                 "name": "search",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 582,
+                    "id": 648,
                     "name": "searchText",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2278,7 +2554,7 @@
                     }
                   },
                   {
-                    "id": 583,
+                    "id": 649,
                     "name": "data",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2330,22 +2606,22 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              576,
-              577,
-              578,
-              579,
-              584,
-              590,
-              589,
-              591,
-              592
+              642,
+              643,
+              644,
+              645,
+              650,
+              656,
+              655,
+              657,
+              658
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              580
+              646
             ]
           }
         ],
@@ -2359,20 +2635,20 @@
         "extendedBy": [
           {
             "type": "reference",
-            "id": 593,
+            "id": 659,
             "name": "SkyAutocompleteProperties"
           }
         ]
       },
       {
-        "id": 644,
+        "id": 710,
         "name": "SkyAgGridCurrencyProperties",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 645,
+            "id": 711,
             "name": "currencySymbol",
             "kind": 1024,
             "kindString": "Property",
@@ -2392,7 +2668,7 @@
             }
           },
           {
-            "id": 646,
+            "id": 712,
             "name": "decimalPlaces",
             "kind": 1024,
             "kindString": "Property",
@@ -2412,7 +2688,7 @@
             }
           },
           {
-            "id": 647,
+            "id": 713,
             "name": "negativeBracketsTypeOnBlur",
             "kind": 1024,
             "kindString": "Property",
@@ -2437,9 +2713,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              645,
-              646,
-              647
+              711,
+              712,
+              713
             ]
           }
         ],
@@ -2452,14 +2728,14 @@
         ]
       },
       {
-        "id": 648,
+        "id": 714,
         "name": "SkyAgGridDatepickerProperties",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 649,
+            "id": 715,
             "name": "dateFormat",
             "kind": 1024,
             "kindString": "Property",
@@ -2479,7 +2755,7 @@
             }
           },
           {
-            "id": 650,
+            "id": 716,
             "name": "disabled",
             "kind": 1024,
             "kindString": "Property",
@@ -2499,7 +2775,7 @@
             }
           },
           {
-            "id": 651,
+            "id": 717,
             "name": "maxDate",
             "kind": 1024,
             "kindString": "Property",
@@ -2521,7 +2797,7 @@
             }
           },
           {
-            "id": 652,
+            "id": 718,
             "name": "minDate",
             "kind": 1024,
             "kindString": "Property",
@@ -2543,7 +2819,7 @@
             }
           },
           {
-            "id": 653,
+            "id": 719,
             "name": "skyDatepickerNoValidate",
             "kind": 1024,
             "kindString": "Property",
@@ -2563,7 +2839,7 @@
             }
           },
           {
-            "id": 654,
+            "id": 720,
             "name": "startingDay",
             "kind": 1024,
             "kindString": "Property",
@@ -2588,12 +2864,12 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              649,
-              650,
-              651,
-              652,
-              653,
-              654
+              715,
+              716,
+              717,
+              718,
+              719,
+              720
             ]
           }
         ],
@@ -2607,20 +2883,178 @@
         "extendedBy": [
           {
             "type": "reference",
-            "id": 655,
+            "id": 721,
             "name": "SkyDatepickerProperties"
           }
         ]
       },
       {
-        "id": 664,
+        "id": 736,
+        "name": "SkyAgGridHeaderGroupParams",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Interface to use for the\n[`headerGroupComponentParams`](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-groupsHeader-headerGroupComponentParams)\nproperty on `ColDef`."
+        },
+        "children": [
+          {
+            "id": 737,
+            "name": "inlineHelpComponent",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-params.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "unknown"
+                }
+              ],
+              "qualifiedName": "Type",
+              "package": "@angular/core",
+              "name": "Type"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              743,
+              744,
+              738,
+              745,
+              739,
+              737
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              740
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-params.ts",
+            "line": 10,
+            "character": 17
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "qualifiedName": "IHeaderGroupParams",
+            "package": "ag-grid-community",
+            "name": "IHeaderGroupParams"
+          }
+        ]
+      },
+      {
+        "id": 752,
+        "name": "SkyAgGridHeaderParams",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Interface to use for the\n[`headerComponentParams`](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-header-headerComponentParams)\nproperty on `ColDef`."
+        },
+        "children": [
+          {
+            "id": 753,
+            "name": "inlineHelpComponent",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-params.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "unknown"
+                }
+              ],
+              "qualifiedName": "Type",
+              "package": "@angular/core",
+              "name": "Type"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              770,
+              754,
+              771,
+              772,
+              755,
+              769,
+              757,
+              756,
+              753,
+              768
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              761,
+              764,
+              758
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-params.ts",
+            "line": 10,
+            "character": 17
+          }
+        ],
+        "extendedTypes": [
+          {
+            "type": "reference",
+            "qualifiedName": "IHeaderParams",
+            "package": "ag-grid-community",
+            "name": "IHeaderParams"
+          }
+        ]
+      },
+      {
+        "id": 773,
         "name": "SkyAgGridLookupProperties",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 669,
+            "id": 778,
             "name": "ariaLabel",
             "kind": 1024,
             "kindString": "Property",
@@ -2640,7 +3074,7 @@
             }
           },
           {
-            "id": 670,
+            "id": 779,
             "name": "autocompleteAttribute",
             "kind": 1024,
             "kindString": "Property",
@@ -2660,7 +3094,7 @@
             }
           },
           {
-            "id": 671,
+            "id": 780,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -2681,7 +3115,7 @@
             }
           },
           {
-            "id": 672,
+            "id": 781,
             "name": "debounceTime",
             "kind": 1024,
             "kindString": "Property",
@@ -2701,7 +3135,7 @@
             }
           },
           {
-            "id": 673,
+            "id": 782,
             "name": "descriptorProperty",
             "kind": 1024,
             "kindString": "Property",
@@ -2721,7 +3155,7 @@
             }
           },
           {
-            "id": 674,
+            "id": 783,
             "name": "disabled",
             "kind": 1024,
             "kindString": "Property",
@@ -2741,7 +3175,7 @@
             }
           },
           {
-            "id": 675,
+            "id": 784,
             "name": "enableShowMore",
             "kind": 1024,
             "kindString": "Property",
@@ -2761,7 +3195,7 @@
             }
           },
           {
-            "id": 676,
+            "id": 785,
             "name": "idProperty",
             "kind": 1024,
             "kindString": "Property",
@@ -2781,7 +3215,7 @@
             }
           },
           {
-            "id": 677,
+            "id": 786,
             "name": "placeholderText",
             "kind": 1024,
             "kindString": "Property",
@@ -2801,7 +3235,7 @@
             }
           },
           {
-            "id": 678,
+            "id": 787,
             "name": "propertiesToSearch",
             "kind": 1024,
             "kindString": "Property",
@@ -2824,7 +3258,7 @@
             }
           },
           {
-            "id": 679,
+            "id": 788,
             "name": "search",
             "kind": 1024,
             "kindString": "Property",
@@ -2844,7 +3278,7 @@
             }
           },
           {
-            "id": 684,
+            "id": 793,
             "name": "searchFilters",
             "kind": 1024,
             "kindString": "Property",
@@ -2867,7 +3301,7 @@
             }
           },
           {
-            "id": 686,
+            "id": 795,
             "name": "searchResultTemplate",
             "kind": 1024,
             "kindString": "Property",
@@ -2895,7 +3329,7 @@
             }
           },
           {
-            "id": 685,
+            "id": 794,
             "name": "searchResultsLimit",
             "kind": 1024,
             "kindString": "Property",
@@ -2915,7 +3349,7 @@
             }
           },
           {
-            "id": 687,
+            "id": 796,
             "name": "searchTextMinimumCharacters",
             "kind": 1024,
             "kindString": "Property",
@@ -2935,7 +3369,7 @@
             }
           },
           {
-            "id": 688,
+            "id": 797,
             "name": "selectMode",
             "kind": 1024,
             "kindString": "Property",
@@ -2955,7 +3389,7 @@
             }
           },
           {
-            "id": 689,
+            "id": 798,
             "name": "showAddButton",
             "kind": 1024,
             "kindString": "Property",
@@ -2975,7 +3409,7 @@
             }
           },
           {
-            "id": 690,
+            "id": 799,
             "name": "showMoreConfig",
             "kind": 1024,
             "kindString": "Property",
@@ -2995,7 +3429,7 @@
             }
           },
           {
-            "id": 691,
+            "id": 800,
             "name": "wrapperClass",
             "kind": 1024,
             "kindString": "Property",
@@ -3015,7 +3449,7 @@
             }
           },
           {
-            "id": 665,
+            "id": 774,
             "name": "addClick",
             "kind": 2048,
             "kindString": "Method",
@@ -3031,14 +3465,14 @@
             ],
             "signatures": [
               {
-                "id": 666,
+                "id": 775,
                 "name": "addClick",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 667,
+                    "id": 776,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3052,7 +3486,7 @@
                 "type": {
                   "type": "reflection",
                   "declaration": {
-                    "id": 668,
+                    "id": 777,
                     "name": "__type",
                     "kind": 65536,
                     "kindString": "Type literal",
@@ -3063,7 +3497,7 @@
             ]
           },
           {
-            "id": 680,
+            "id": 789,
             "name": "searchAsync",
             "kind": 2048,
             "kindString": "Method",
@@ -3079,14 +3513,14 @@
             ],
             "signatures": [
               {
-                "id": 681,
+                "id": 790,
                 "name": "searchAsync",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 682,
+                    "id": 791,
                     "name": "args",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3100,7 +3534,7 @@
                 "type": {
                   "type": "reflection",
                   "declaration": {
-                    "id": 683,
+                    "id": 792,
                     "name": "__type",
                     "kind": 65536,
                     "kindString": "Type literal",
@@ -3116,33 +3550,33 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              669,
-              670,
-              671,
-              672,
-              673,
-              674,
-              675,
-              676,
-              677,
-              678,
-              679,
-              684,
-              686,
-              685,
-              687,
-              688,
-              689,
-              690,
-              691
+              778,
+              779,
+              780,
+              781,
+              782,
+              783,
+              784,
+              785,
+              786,
+              787,
+              788,
+              793,
+              795,
+              794,
+              796,
+              797,
+              798,
+              799,
+              800
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              665,
-              680
+              774,
+              789
             ]
           }
         ],
@@ -3155,14 +3589,14 @@
         ]
       },
       {
-        "id": 692,
+        "id": 801,
         "name": "SkyAgGridNumberProperties",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 693,
+            "id": 802,
             "name": "max",
             "kind": 1024,
             "kindString": "Property",
@@ -3182,7 +3616,7 @@
             }
           },
           {
-            "id": 694,
+            "id": 803,
             "name": "min",
             "kind": 1024,
             "kindString": "Property",
@@ -3207,8 +3641,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              693,
-              694
+              802,
+              803
             ]
           }
         ],
@@ -3221,7 +3655,7 @@
         ]
       },
       {
-        "id": 571,
+        "id": 637,
         "name": "SkyAgGridRowDeleteCancelArgs",
         "kind": 256,
         "kindString": "Interface",
@@ -3231,7 +3665,7 @@
         },
         "children": [
           {
-            "id": 572,
+            "id": 638,
             "name": "id",
             "kind": 1024,
             "kindString": "Property",
@@ -3257,7 +3691,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              572
+              638
             ]
           }
         ],
@@ -3270,7 +3704,7 @@
         ]
       },
       {
-        "id": 573,
+        "id": 639,
         "name": "SkyAgGridRowDeleteConfirmArgs",
         "kind": 256,
         "kindString": "Interface",
@@ -3280,7 +3714,7 @@
         },
         "children": [
           {
-            "id": 574,
+            "id": 640,
             "name": "id",
             "kind": 1024,
             "kindString": "Property",
@@ -3306,7 +3740,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              574
+              640
             ]
           }
         ],
@@ -3319,14 +3753,14 @@
         ]
       },
       {
-        "id": 698,
+        "id": 807,
         "name": "SkyAgGridTextProperties",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 699,
+            "id": 808,
             "name": "maxlength",
             "kind": 1024,
             "kindString": "Property",
@@ -3351,7 +3785,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              699
+              808
             ]
           }
         ],
@@ -3364,14 +3798,14 @@
         ]
       },
       {
-        "id": 700,
+        "id": 809,
         "name": "SkyAgGridValidatorProperties",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 706,
+            "id": 815,
             "name": "validatorMessage",
             "kind": 1024,
             "kindString": "Property",
@@ -3395,21 +3829,21 @@
                 {
                   "type": "reflection",
                   "declaration": {
-                    "id": 707,
+                    "id": 816,
                     "name": "__type",
                     "kind": 65536,
                     "kindString": "Type literal",
                     "flags": {},
                     "signatures": [
                       {
-                        "id": 708,
+                        "id": 817,
                         "name": "__type",
                         "kind": 4096,
                         "kindString": "Call signature",
                         "flags": {},
                         "parameters": [
                           {
-                            "id": 709,
+                            "id": 818,
                             "name": "value",
                             "kind": 32768,
                             "kindString": "Parameter",
@@ -3420,7 +3854,7 @@
                             }
                           },
                           {
-                            "id": 710,
+                            "id": 819,
                             "name": "data",
                             "kind": 32768,
                             "kindString": "Parameter",
@@ -3433,7 +3867,7 @@
                             }
                           },
                           {
-                            "id": 711,
+                            "id": 820,
                             "name": "rowIndex",
                             "kind": 32768,
                             "kindString": "Parameter",
@@ -3458,7 +3892,7 @@
             }
           },
           {
-            "id": 701,
+            "id": 810,
             "name": "validator",
             "kind": 2048,
             "kindString": "Method",
@@ -3474,14 +3908,14 @@
             ],
             "signatures": [
               {
-                "id": 702,
+                "id": 811,
                 "name": "validator",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 703,
+                    "id": 812,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3492,7 +3926,7 @@
                     }
                   },
                   {
-                    "id": 704,
+                    "id": 813,
                     "name": "data",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3505,7 +3939,7 @@
                     }
                   },
                   {
-                    "id": 705,
+                    "id": 814,
                     "name": "rowIndex",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3531,14 +3965,14 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              706
+              815
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              701
+              810
             ]
           }
         ],
@@ -3551,7 +3985,7 @@
         ]
       },
       {
-        "id": 593,
+        "id": 659,
         "name": "SkyAutocompleteProperties",
         "kind": 256,
         "kindString": "Interface",
@@ -3566,7 +4000,7 @@
         },
         "children": [
           {
-            "id": 594,
+            "id": 660,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -3589,12 +4023,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 576,
+              "id": 642,
               "name": "SkyAgGridAutocompleteProperties.data"
             }
           },
           {
-            "id": 595,
+            "id": 661,
             "name": "debounceTime",
             "kind": 1024,
             "kindString": "Property",
@@ -3614,12 +4048,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 577,
+              "id": 643,
               "name": "SkyAgGridAutocompleteProperties.debounceTime"
             }
           },
           {
-            "id": 596,
+            "id": 662,
             "name": "descriptorProperty",
             "kind": 1024,
             "kindString": "Property",
@@ -3639,12 +4073,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 578,
+              "id": 644,
               "name": "SkyAgGridAutocompleteProperties.descriptorProperty"
             }
           },
           {
-            "id": 597,
+            "id": 663,
             "name": "propertiesToSearch",
             "kind": 1024,
             "kindString": "Property",
@@ -3667,12 +4101,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 579,
+              "id": 645,
               "name": "SkyAgGridAutocompleteProperties.propertiesToSearch"
             }
           },
           {
-            "id": 602,
+            "id": 668,
             "name": "searchFilters",
             "kind": 1024,
             "kindString": "Property",
@@ -3691,21 +4125,21 @@
               "elementType": {
                 "type": "reflection",
                 "declaration": {
-                  "id": 603,
+                  "id": 669,
                   "name": "__type",
                   "kind": 65536,
                   "kindString": "Type literal",
                   "flags": {},
                   "signatures": [
                     {
-                      "id": 604,
+                      "id": 670,
                       "name": "__type",
                       "kind": 4096,
                       "kindString": "Call signature",
                       "flags": {},
                       "parameters": [
                         {
-                          "id": 605,
+                          "id": 671,
                           "name": "searchText",
                           "kind": 32768,
                           "kindString": "Parameter",
@@ -3716,7 +4150,7 @@
                           }
                         },
                         {
-                          "id": 606,
+                          "id": 672,
                           "name": "item",
                           "kind": 32768,
                           "kindString": "Parameter",
@@ -3738,12 +4172,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 584,
+              "id": 650,
               "name": "SkyAgGridAutocompleteProperties.searchFilters"
             }
           },
           {
-            "id": 608,
+            "id": 674,
             "name": "searchResultTemplate",
             "kind": 1024,
             "kindString": "Property",
@@ -3771,12 +4205,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 590,
+              "id": 656,
               "name": "SkyAgGridAutocompleteProperties.searchResultTemplate"
             }
           },
           {
-            "id": 607,
+            "id": 673,
             "name": "searchResultsLimit",
             "kind": 1024,
             "kindString": "Property",
@@ -3796,12 +4230,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 589,
+              "id": 655,
               "name": "SkyAgGridAutocompleteProperties.searchResultsLimit"
             }
           },
           {
-            "id": 609,
+            "id": 675,
             "name": "searchTextMinimumCharacters",
             "kind": 1024,
             "kindString": "Property",
@@ -3821,12 +4255,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 591,
+              "id": 657,
               "name": "SkyAgGridAutocompleteProperties.searchTextMinimumCharacters"
             }
           },
           {
-            "id": 610,
+            "id": 676,
             "name": "selectionChange",
             "kind": 1024,
             "kindString": "Property",
@@ -3848,12 +4282,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 592,
+              "id": 658,
               "name": "SkyAgGridAutocompleteProperties.selectionChange"
             }
           },
           {
-            "id": 598,
+            "id": 664,
             "name": "search",
             "kind": 2048,
             "kindString": "Method",
@@ -3869,14 +4303,14 @@
             ],
             "signatures": [
               {
-                "id": 599,
+                "id": 665,
                 "name": "search",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 600,
+                    "id": 666,
                     "name": "searchText",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3887,7 +4321,7 @@
                     }
                   },
                   {
-                    "id": 601,
+                    "id": 667,
                     "name": "data",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3932,14 +4366,14 @@
                 },
                 "inheritedFrom": {
                   "type": "reference",
-                  "id": 581,
+                  "id": 647,
                   "name": "SkyAgGridAutocompleteProperties.search"
                 }
               }
             ],
             "inheritedFrom": {
               "type": "reference",
-              "id": 580,
+              "id": 646,
               "name": "SkyAgGridAutocompleteProperties.search"
             }
           }
@@ -3949,22 +4383,22 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              594,
-              595,
-              596,
-              597,
-              602,
-              608,
-              607,
-              609,
-              610
+              660,
+              661,
+              662,
+              663,
+              668,
+              674,
+              673,
+              675,
+              676
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              598
+              664
             ]
           }
         ],
@@ -3978,13 +4412,13 @@
         "extendedTypes": [
           {
             "type": "reference",
-            "id": 575,
+            "id": 641,
             "name": "SkyAgGridAutocompleteProperties"
           }
         ]
       },
       {
-        "id": 655,
+        "id": 721,
         "name": "SkyDatepickerProperties",
         "kind": 256,
         "kindString": "Interface",
@@ -3999,7 +4433,7 @@
         },
         "children": [
           {
-            "id": 656,
+            "id": 722,
             "name": "dateFormat",
             "kind": 1024,
             "kindString": "Property",
@@ -4019,12 +4453,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 649,
+              "id": 715,
               "name": "SkyAgGridDatepickerProperties.dateFormat"
             }
           },
           {
-            "id": 657,
+            "id": 723,
             "name": "disabled",
             "kind": 1024,
             "kindString": "Property",
@@ -4044,12 +4478,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 650,
+              "id": 716,
               "name": "SkyAgGridDatepickerProperties.disabled"
             }
           },
           {
-            "id": 658,
+            "id": 724,
             "name": "maxDate",
             "kind": 1024,
             "kindString": "Property",
@@ -4071,12 +4505,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 651,
+              "id": 717,
               "name": "SkyAgGridDatepickerProperties.maxDate"
             }
           },
           {
-            "id": 659,
+            "id": 725,
             "name": "minDate",
             "kind": 1024,
             "kindString": "Property",
@@ -4098,12 +4532,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 652,
+              "id": 718,
               "name": "SkyAgGridDatepickerProperties.minDate"
             }
           },
           {
-            "id": 660,
+            "id": 726,
             "name": "skyDatepickerNoValidate",
             "kind": 1024,
             "kindString": "Property",
@@ -4123,12 +4557,12 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 653,
+              "id": 719,
               "name": "SkyAgGridDatepickerProperties.skyDatepickerNoValidate"
             }
           },
           {
-            "id": 661,
+            "id": 727,
             "name": "startingDay",
             "kind": 1024,
             "kindString": "Property",
@@ -4148,7 +4582,7 @@
             },
             "inheritedFrom": {
               "type": "reference",
-              "id": 654,
+              "id": 720,
               "name": "SkyAgGridDatepickerProperties.startingDay"
             }
           }
@@ -4158,12 +4592,12 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              656,
-              657,
-              658,
-              659,
-              660,
-              661
+              722,
+              723,
+              724,
+              725,
+              726,
+              727
             ]
           }
         ],
@@ -4177,20 +4611,20 @@
         "extendedTypes": [
           {
             "type": "reference",
-            "id": 648,
+            "id": 714,
             "name": "SkyAgGridDatepickerProperties"
           }
         ]
       },
       {
-        "id": 695,
+        "id": 804,
         "name": "SkyGetGridOptionsArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 696,
+            "id": 805,
             "name": "gridOptions",
             "kind": 1024,
             "kindString": "Property",
@@ -4213,7 +4647,7 @@
             }
           },
           {
-            "id": 697,
+            "id": 806,
             "name": "locale",
             "kind": 1024,
             "kindString": "Property",
@@ -4241,8 +4675,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              696,
-              697
+              805,
+              806
             ]
           }
         ],
@@ -4260,17 +4694,19 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          622,
-          633
+          688,
+          699
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          627,
-          529,
-          532,
+          693,
+          730,
+          746,
+          595,
+          598,
           364,
           398
         ]
@@ -4279,18 +4715,20 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          575,
-          644,
-          648,
-          664,
-          692,
-          571,
-          573,
-          698,
-          700,
-          593,
-          655,
-          695
+          641,
+          710,
+          714,
+          736,
+          752,
+          773,
+          801,
+          637,
+          639,
+          807,
+          809,
+          659,
+          721,
+          804
         ]
       }
     ],
@@ -4413,6 +4851,61 @@
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { SkyDataManagerDataEntryGridContextMenuComponent } from './data-manager-data-entry-grid-docs-demo-context-menu.component';\nimport { SkyDataManagerDataEntryGridEditModalComponent } from './data-manager-data-entry-grid-docs-demo-edit-modal.component';\nimport { DataManagerDataEntryGridDocsDemoFiltersModalComponent } from './data-manager-data-entry-grid-docs-demo-filter-modal.component';\nimport { DataManagerDataEntryGridDocsDemoViewGridComponent } from './data-manager-data-entry-grid-docs-demo-view-grid.component';\nimport { SkyDataManagerDataEntryGridDemoComponent } from './data-manager-data-entry-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [\n    SkyDataManagerDataEntryGridContextMenuComponent,\n    SkyDataManagerDataEntryGridDemoComponent,\n    SkyDataManagerDataEntryGridEditModalComponent,\n    DataManagerDataEntryGridDocsDemoFiltersModalComponent,\n    DataManagerDataEntryGridDocsDemoViewGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    AgGridModule,\n    SkyAgGridModule,\n    SkyModalModule,\n    SkyDropdownModule,\n    SkyDataManagerModule,\n    SkyCheckboxModule,\n  ],\n  exports: [SkyDataManagerDataEntryGridDemoComponent],\n})\nexport class SkyDataManagerDataEntryGridDocsDemoModule {}\n"
     },
+    {
+      "fileName": "data-entry-grid-docs-demo-context-menu.component.html",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo-context-menu.component.html",
+      "rawContents": "<sky-dropdown buttonType=\"context-menu\">\n  <sky-dropdown-menu>\n    <sky-dropdown-item>\n      <button type=\"button\" (click)=\"actionClicked('Delete')\">Delete</button>\n    </sky-dropdown-item>\n    <sky-dropdown-item>\n      <button type=\"button\" (click)=\"actionClicked('Mark inactive')\">\n        Mark inactive\n      </button>\n    </sky-dropdown-item>\n    <sky-dropdown-item>\n      <button type=\"button\" (click)=\"actionClicked('More info')\">\n        More info\n      </button>\n    </sky-dropdown-item>\n  </sky-dropdown-menu>\n</sky-dropdown>\n"
+    },
+    {
+      "fileName": "data-entry-grid-docs-demo-context-menu.component.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo-context-menu.component.ts",
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n  selector: 'app-data-entry-grid-docs-demo-context-menu',\n  templateUrl: './data-entry-grid-docs-demo-context-menu.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDataEntryGridContextMenuComponent\n  implements ICellRendererAngularComp\n{\n  #name = '';\n\n  public agInit(params: ICellRendererParams): void {\n    this.#name = params.data && params.data.#name;\n  }\n\n  public refresh(): boolean {\n    return false;\n  }\n\n  public actionClicked(action: string): void {\n    alert(`${action} clicked for ${this.#name}`);\n  }\n}\n"
+    },
+    {
+      "fileName": "data-entry-grid-docs-demo-data.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo-data.ts",
+      "rawContents": "export interface SkyAutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const SKY_DEPARTMENTS = [\n  {\n    id: '1',\n    name: 'Marketing',\n  },\n  {\n    id: '2',\n    name: 'Sales',\n  },\n  {\n    id: '3',\n    name: 'Engineering',\n  },\n  {\n    id: '4',\n    name: 'Customer Support',\n  },\n];\n\nexport const SKY_JOB_TITLES: { [name: string]: SkyAutocompleteOption[] } = {\n  Marketing: [\n    {\n      id: '1',\n      name: 'Social Media Coordinator',\n    },\n    {\n      id: '2',\n      name: 'Blog Manager',\n    },\n    {\n      id: '3',\n      name: 'Events Manager',\n    },\n  ],\n  Sales: [\n    {\n      id: '4',\n      name: 'Business Development Representative',\n    },\n    {\n      id: '5',\n      name: 'Account Executive',\n    },\n  ],\n  Engineering: [\n    {\n      id: '6',\n      name: 'Software Engineer',\n    },\n    {\n      id: '7',\n      name: 'Senior Software Engineer',\n    },\n    {\n      id: '8',\n      name: 'Principal Software Engineer',\n    },\n    {\n      id: '9',\n      name: 'UX Designer',\n    },\n    {\n      id: '10',\n      name: 'Product Manager',\n    },\n  ],\n  'Customer Support': [\n    {\n      id: '11',\n      name: 'Customer Support Representative',\n    },\n    {\n      id: '12',\n      name: 'Account Manager',\n    },\n    {\n      id: '13',\n      name: 'Customer Support Specialist',\n    },\n  ],\n};\n\nexport interface SkyAgGridDemoRow {\n  selected: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: SkyAutocompleteOption;\n  jobTitle?: SkyAutocompleteOption;\n}\n\nexport const SKY_AG_GRID_DEMO_DATA = [\n  {\n    selected: true,\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: SKY_DEPARTMENTS[3],\n    jobTitle: SKY_JOB_TITLES['Customer Support'][1],\n  },\n  {\n    selected: false,\n    name: 'Jane Deere',\n    age: 33,\n    startDate: new Date('7/15/2009'),\n    department: SKY_DEPARTMENTS[2],\n    jobTitle: SKY_JOB_TITLES['Engineering'][2],\n  },\n  {\n    selected: false,\n    name: 'John Doe',\n    age: 38,\n    startDate: new Date('9/1/2017'),\n    endDate: new Date('9/30/2017'),\n    department: SKY_DEPARTMENTS[1],\n  },\n  {\n    selected: false,\n    name: 'David Smith',\n    age: 51,\n    startDate: new Date('1/1/2012'),\n    endDate: new Date('6/15/2018'),\n    department: SKY_DEPARTMENTS[2],\n    jobTitle: SKY_JOB_TITLES['Engineering'][4],\n  },\n  {\n    selected: true,\n    name: 'Emily Johnson',\n    age: 41,\n    startDate: new Date('1/15/2014'),\n    department: SKY_DEPARTMENTS[0],\n    jobTitle: SKY_JOB_TITLES['Marketing'][2],\n  },\n  {\n    selected: false,\n    name: 'Nicole Davidson',\n    age: 22,\n    startDate: new Date('11/1/2019'),\n    department: SKY_DEPARTMENTS[2],\n    jobTitle: SKY_JOB_TITLES['Engineering'][0],\n  },\n  {\n    selected: false,\n    name: 'Carl Roberts',\n    age: 23,\n    startDate: new Date('11/1/2019'),\n    department: SKY_DEPARTMENTS[2],\n    jobTitle: SKY_JOB_TITLES['Engineering'][3],\n  },\n];\n"
+    },
+    {
+      "fileName": "data-entry-grid-docs-demo-edit-modal-context.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo-edit-modal-context.ts",
+      "rawContents": "import { SkyAgGridDemoRow } from './data-entry-grid-docs-demo-data';\n\nexport class SkyDataEntryGridEditModalContext {\n  public gridData: SkyAgGridDemoRow[] = [];\n}\n"
+    },
+    {
+      "fileName": "data-entry-grid-docs-demo-edit-modal.component.html",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo-edit-modal.component.html",
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Edit employee information </sky-modal-header>\n  <sky-modal-content>\n    <div id=\"docs-edit-grid-modal-content\">\n      <sky-ag-grid-wrapper>\n        <ag-grid-angular\n          class=\"sky-ag-grid-editable\"\n          [gridOptions]=\"gridOptions\"\n          [rowData]=\"gridData\"\n        >\n        </ag-grid-angular>\n      </sky-ag-grid-wrapper>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"instance.save(gridData)\"\n    >\n      Save\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"instance.cancel()\"\n    >\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+    },
+    {
+      "fileName": "data-entry-grid-docs-demo-edit-modal.component.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo-edit-modal.component.ts",
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport {\n  SkyAgGridAutocompleteProperties,\n  SkyAgGridDatepickerProperties,\n  SkyAgGridService,\n  SkyCellType,\n} from '@skyux/ag-grid';\nimport { SkyAutocompleteSelectionChange } from '@skyux/lookup';\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ICellEditorParams,\n  NewValueParams,\n  RowNode,\n} from 'ag-grid-community';\n\nimport {\n  SKY_DEPARTMENTS,\n  SKY_JOB_TITLES,\n  SkyAgGridDemoRow,\n} from './data-entry-grid-docs-demo-data';\nimport { SkyDataEntryGridEditModalContext } from './data-entry-grid-docs-demo-edit-modal-context';\n\n@Component({\n  selector: 'app-data-entry-grid-docs-demo-edit-modal',\n  templateUrl: './data-entry-grid-docs-demo-edit-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDataEntryGridEditModalComponent {\n  public columnDefs: ColDef[];\n  public gridData: SkyAgGridDemoRow[];\n  public gridOptions: GridOptions;\n\n  #gridApi: GridApi | undefined;\n  #agGridService: SkyAgGridService;\n  #changeDetector: ChangeDetectorRef;\n\n  constructor(\n    public context: SkyDataEntryGridEditModalContext,\n    public instance: SkyModalInstance,\n    agGridService: SkyAgGridService,\n    changeDetector: ChangeDetectorRef\n  ) {\n    this.#agGridService = agGridService;\n    this.#changeDetector = changeDetector;\n\n    this.columnDefs = [\n      {\n        field: 'name',\n        headerName: 'Name',\n        type: SkyCellType.Text,\n        cellRendererParams: {\n          skyComponentProperties: {\n            validator: (value): boolean => String(value).length <= 10,\n            validatorMessage: `Value exceeds maximum length`,\n          },\n        },\n        cellEditorParams: {\n          skyComponentProperties: {\n            maxlength: 10,\n          },\n        },\n        editable: true,\n      },\n      {\n        field: 'age',\n        headerName: 'Age',\n        type: SkyCellType.Number,\n        cellRendererParams: {\n          skyComponentProperties: {\n            validator: (value) => value >= 18,\n            validatorMessage: `Age must be 18+`,\n          },\n        },\n        maxWidth: 60,\n        cellEditorParams: {\n          skyComponentProperties: {\n            min: 18,\n          },\n        },\n        editable: true,\n      },\n      {\n        field: 'startDate',\n        headerName: 'Start date',\n        type: SkyCellType.Date,\n        sort: 'asc',\n      },\n      {\n        field: 'endDate',\n        headerName: 'End date',\n        type: SkyCellType.Date,\n        editable: true,\n        cellEditorParams: (\n          params: ICellEditorParams\n        ): { skyComponentProperties: SkyAgGridDatepickerProperties } => {\n          return { skyComponentProperties: { minDate: params.data.startDate } };\n        },\n      },\n      {\n        field: 'department',\n        headerName: 'Department',\n        type: SkyCellType.Autocomplete,\n        editable: true,\n        cellEditorParams: (\n          params: ICellEditorParams\n        ): { skyComponentProperties: SkyAgGridAutocompleteProperties } => {\n          return {\n            skyComponentProperties: {\n              data: SKY_DEPARTMENTS,\n              selectionChange: (\n                change: SkyAutocompleteSelectionChange\n              ): void => {\n                this.#departmentSelectionChange(change, params.node);\n              },\n            },\n          };\n        },\n        onCellValueChanged: (event: NewValueParams): void => {\n          if (event.newValue !== event.oldValue) {\n            this.#clearJobTitle(event.node);\n          }\n        },\n      },\n      {\n        field: 'jobTitle',\n        headerName: 'Title',\n        type: SkyCellType.Autocomplete,\n        editable: true,\n        cellEditorParams: (\n          params: ICellEditorParams\n        ): { skyComponentProperties: SkyAgGridAutocompleteProperties } => {\n          const selectedDepartment: string =\n            params.data &&\n            params.data.department &&\n            params.data.department.name;\n          const editParams: {\n            skyComponentProperties: SkyAgGridAutocompleteProperties;\n          } = { skyComponentProperties: { data: [] } };\n\n          if (selectedDepartment) {\n            editParams.skyComponentProperties.data =\n              SKY_JOB_TITLES[selectedDepartment];\n          }\n          return editParams;\n        },\n      },\n      {\n        colId: 'validationCurrency',\n        field: 'validationCurrency',\n        headerName: 'Validation currency',\n        type: [SkyCellType.CurrencyValidator],\n        editable: true,\n      },\n      {\n        colId: 'validationDate',\n        field: 'validationDate',\n        headerName: 'Validation date',\n        type: [SkyCellType.Date, SkyCellType.Validator],\n        cellRendererParams: {\n          skyComponentProperties: {\n            validator: (value: Date) =>\n              !!value && value > new Date(1985, 9, 26),\n            validatorMessage: 'Please enter a future date',\n          },\n        },\n        editable: true,\n      },\n    ];\n    this.gridData = this.context.gridData;\n    this.gridOptions = {\n      columnDefs: this.columnDefs,\n      onGridReady: (gridReadyEvent) => this.onGridReady(gridReadyEvent),\n    };\n    this.gridOptions = this.#agGridService.getEditableGridOptions({\n      gridOptions: this.gridOptions,\n    });\n    this.#changeDetector.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#changeDetector.markForCheck();\n  }\n\n  #departmentSelectionChange(\n    change: SkyAutocompleteSelectionChange,\n    node: RowNode\n  ): void {\n    if (change.selectedItem && change.selectedItem !== node.data.department) {\n      this.#clearJobTitle(node);\n    }\n  }\n\n  #clearJobTitle(node: RowNode | null): void {\n    if (node) {\n      node.data.jobTitle = undefined;\n      this.#changeDetector.markForCheck();\n      if (this.#gridApi) {\n        this.#gridApi.refreshCells({ rowNodes: [node] });\n      }\n    }\n  }\n}\n"
+    },
+    {
+      "fileName": "data-entry-grid-docs-demo.component.html",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo.component.html",
+      "rawContents": "<div>\n  <sky-toolbar>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-primary\"\n        id=\"edit-btn\"\n        (click)=\"openModal()\"\n      >\n        Edit\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <sky-search\n        [searchText]=\"searchText\"\n        [debounceTime]=\"250\"\n        (searchApply)=\"searchApplied($event)\"\n        (searchChange)=\"searchApplied($event)\"\n        (searchClear)=\"searchApplied($event)\"\n      >\n      </sky-search>\n    </sky-toolbar-item>\n  </sky-toolbar>\n  <sky-ag-grid-wrapper>\n    <ag-grid-angular\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"gridData\"\n      [overlayNoRowsTemplate]=\"noRowsTemplate\"\n    >\n    </ag-grid-angular>\n  </sky-ag-grid-wrapper>\n</div>\n"
+    },
+    {
+      "fileName": "data-entry-grid-docs-demo.component.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo.component.ts",
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SkyDataEntryGridContextMenuComponent } from './data-entry-grid-docs-demo-context-menu.component';\nimport { SKY_AG_GRID_DEMO_DATA } from './data-entry-grid-docs-demo-data';\nimport { SkyDataEntryGridEditModalContext } from './data-entry-grid-docs-demo-edit-modal-context';\nimport { SkyDataEntryGridEditModalComponent } from './data-entry-grid-docs-demo-edit-modal.component';\nimport { InlineHelpComponent } from './inline-help.component';\n\n@Component({\n  selector: 'app-data-entry-grid-docs-demo',\n  templateUrl: './data-entry-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDataEntryGridDemoComponent {\n  public gridData = SKY_AG_GRID_DEMO_DATA;\n  public columnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      colId: 'context',\n      headerName: '',\n      maxWidth: 50,\n      sortable: false,\n      cellRenderer: SkyDataEntryGridContextMenuComponent,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n      type: SkyCellType.Text,\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value): boolean => String(value).length <= 10,\n          validatorMessage: `Value exceeds maximum length`,\n        },\n      },\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value) => value >= 18,\n          validatorMessage: `Age must be 18+`,\n        },\n      },\n      maxWidth: 60,\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'startDate',\n      headerName: 'Start date',\n      type: SkyCellType.Date,\n      sort: 'asc',\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'endDate',\n      headerName: 'End date',\n      type: SkyCellType.Date,\n      valueFormatter: this.#endDateFormatter,\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      colId: 'validationCurrency',\n      field: 'validationCurrency',\n      headerName: 'Validation currency',\n      type: [SkyCellType.CurrencyValidator],\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      colId: 'validationDate',\n      field: 'validationDate',\n      headerName: 'Validation date',\n      type: [SkyCellType.Date, SkyCellType.Validator],\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value: Date) => !!value && value > new Date(1985, 9, 26),\n          validatorMessage: 'Please enter a future date',\n        },\n      },\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n  ];\n\n  public gridApi: GridApi | undefined;\n  public gridOptions: GridOptions;\n  public searchText = '';\n  public noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n\n  #agGridService: SkyAgGridService;\n  #modalService: SkyModalService;\n  #changeDetection: ChangeDetectorRef;\n\n  constructor(\n    agGridService: SkyAgGridService,\n    modalService: SkyModalService,\n    changeDetection: ChangeDetectorRef\n  ) {\n    this.#agGridService = agGridService;\n    this.#modalService = modalService;\n    this.#changeDetection = changeDetection;\n\n    this.gridOptions = {\n      columnDefs: this.columnDefs,\n      onGridReady: (gridReadyEvent) => this.onGridReady(gridReadyEvent),\n    };\n\n    this.gridOptions = this.#agGridService.getGridOptions({\n      gridOptions: this.gridOptions,\n    });\n    this.#changeDetection.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\n    this.#changeDetection.markForCheck();\n  }\n\n  public openModal(): void {\n    const context = new SkyDataEntryGridEditModalContext();\n    context.gridData = this.gridData;\n\n    const options = {\n      providers: [\n        { provide: SkyDataEntryGridEditModalContext, useValue: context },\n      ],\n      ariaDescribedBy: 'docs-edit-grid-modal-content',\n      size: 'large',\n    };\n\n    const modalInstance = this.#modalService.open(\n      SkyDataEntryGridEditModalComponent,\n      options\n    );\n\n    modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'cancel' || result.reason === 'close') {\n        alert('Edits canceled!');\n      } else {\n        this.gridData = result.data;\n        if (this.gridApi) {\n          this.gridApi.refreshCells();\n        }\n        alert('Saving data!');\n      }\n    });\n  }\n\n  public searchApplied(searchText: string | void): void {\n    if (searchText) {\n      this.searchText = searchText;\n    } else {\n      this.searchText = '';\n    }\n    if (this.gridApi) {\n      this.gridApi.setQuickFilter(this.searchText);\n      const displayedRowCount = this.gridApi.getDisplayedRowCount();\n      if (displayedRowCount > 0) {\n        this.gridApi.hideOverlay();\n      } else {\n        this.gridApi.showNoRowsOverlay();\n      }\n    }\n  }\n\n  #endDateFormatter(params: ValueFormatterParams): string {\n    const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n    return params.value\n      ? params.value.toLocaleDateString('en-us', dateConfig)\n      : 'N/A';\n  }\n}\n"
+    },
+    {
+      "fileName": "data-entry-grid-docs-demo.module.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/data-entry-grid-docs-demo.module.ts",
+      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { SkyDataEntryGridContextMenuComponent } from './data-entry-grid-docs-demo-context-menu.component';\nimport { SkyDataEntryGridEditModalComponent } from './data-entry-grid-docs-demo-edit-modal.component';\nimport { SkyDataEntryGridDemoComponent } from './data-entry-grid-docs-demo.component';\nimport { InlineHelpComponent } from './inline-help.component';\n\n@NgModule({\n  declarations: [\n    SkyDataEntryGridContextMenuComponent,\n    SkyDataEntryGridDemoComponent,\n    SkyDataEntryGridEditModalComponent,\n    InlineHelpComponent,\n  ],\n  imports: [\n    SkyToolbarModule,\n    SkySearchModule,\n    AgGridModule,\n    SkyAgGridModule,\n    SkyModalModule,\n    SkyDropdownModule,\n    SkyHelpInlineModule,\n  ],\n  exports: [SkyDataEntryGridDemoComponent],\n})\nexport class SkyDataEntryGridDocsDemoModule {}\n"
+    },
+    {
+      "fileName": "inline-help.component.html",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/inline-help.component.html",
+      "rawContents": "<sky-help-inline\n  (actionClick)=\"onHelpClick()\"\n  class=\"sky-control-help\"\n></sky-help-inline>\n"
+    },
+    {
+      "fileName": "inline-help.component.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/inline-help/inline-help.component.ts",
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyAgGridHeaderInfo } from '@skyux/ag-grid';\n\n@Component({\n  selector: 'app-inline-help',\n  templateUrl: './inline-help.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InlineHelpComponent {\n  readonly #displayName: string;\n\n  constructor(headerInfo: SkyAgGridHeaderInfo) {\n    this.#displayName = headerInfo.displayName;\n  }\n\n  public onHelpClick(): void {\n    alert(`Help was clicked for ${this.#displayName}.`);\n  }\n}\n"
+    },
     {
       "fileName": "basic-multiselect-data-grid-docs-demo-data.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic-multiselect/basic-multiselect-data-grid-docs-demo-data.ts",
@@ -4533,6 +5026,36 @@
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataManagerDataGridDocsDemoFiltersModalComponent } from './data-manager-data-grid-docs-demo-filter-modal.component';\nimport { DataManagerDataGridDocsDemoViewGridComponent } from './data-manager-data-grid-docs-demo-view-grid.component';\nimport { SkyDataManagerDataGridDemoComponent } from './data-manager-data-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [\n    SkyDataManagerDataGridDemoComponent,\n    DataManagerDataGridDocsDemoFiltersModalComponent,\n    DataManagerDataGridDocsDemoViewGridComponent,\n  ],\n  exports: [SkyDataManagerDataGridDemoComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    SkyDataManagerModule,\n    SkyAgGridModule,\n    AgGridModule,\n    SkyDataManagerModule,\n    SkyModalModule,\n    SkyCheckboxModule,\n  ],\n})\nexport class SkyDataManagerDataGridDocsDemoModule {}\n"
     },
+    {
+      "fileName": "data-grid-demo-data.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/inline-help/data-grid-demo-data.ts",
+      "rawContents": "export interface SkyAutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const SKY_DEPARTMENTS = [\n  {\n    id: '1',\n    name: 'Marketing',\n  },\n  {\n    id: '2',\n    name: 'Sales',\n  },\n  {\n    id: '3',\n    name: 'Engineering',\n  },\n  {\n    id: '4',\n    name: 'Customer Support',\n  },\n];\n\nexport const SKY_JOB_TITLES: { [name: string]: SkyAutocompleteOption[] } = {\n  Marketing: [\n    {\n      id: '1',\n      name: 'Social Media Coordinator',\n    },\n    {\n      id: '2',\n      name: 'Blog Manager',\n    },\n    {\n      id: '3',\n      name: 'Events Manager',\n    },\n  ],\n  Sales: [\n    {\n      id: '4',\n      name: 'Business Development Representative',\n    },\n    {\n      id: '5',\n      name: 'Account Executive',\n    },\n  ],\n  Engineering: [\n    {\n      id: '6',\n      name: 'Software Engineer',\n    },\n    {\n      id: '7',\n      name: 'Senior Software Engineer',\n    },\n    {\n      id: '8',\n      name: 'Principal Software Engineer',\n    },\n    {\n      id: '9',\n      name: 'UX Designer',\n    },\n    {\n      id: '10',\n      name: 'Product Manager',\n    },\n  ],\n  'Customer Support': [\n    {\n      id: '11',\n      name: 'Customer Support Representative',\n    },\n    {\n      id: '12',\n      name: 'Account Manager',\n    },\n    {\n      id: '13',\n      name: 'Customer Support Specialist',\n    },\n  ],\n};\n\nexport interface SkyAgGridDemoRow {\n  selected: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: SkyAutocompleteOption;\n  jobTitle?: SkyAutocompleteOption;\n}\n\nexport const SKY_AG_GRID_DEMO_DATA = [\n  {\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: SKY_DEPARTMENTS[3],\n    jobTitle: SKY_JOB_TITLES['Customer Support'][1],\n  },\n  {\n    name: 'Jane Deere',\n    age: 33,\n    startDate: new Date('7/15/2009'),\n    department: SKY_DEPARTMENTS[2],\n    jobTitle: SKY_JOB_TITLES['Engineering'][2],\n  },\n  {\n    name: 'John Doe',\n    age: 38,\n    startDate: new Date('9/1/2017'),\n    endDate: new Date('9/30/2017'),\n    department: SKY_DEPARTMENTS[1],\n  },\n  {\n    name: 'David Smith',\n    age: 51,\n    startDate: new Date('1/1/2012'),\n    endDate: new Date('6/15/2018'),\n    department: SKY_DEPARTMENTS[2],\n    jobTitle: SKY_JOB_TITLES['Engineering'][4],\n  },\n  {\n    name: 'Emily Johnson',\n    age: 41,\n    startDate: new Date('1/15/2014'),\n    department: SKY_DEPARTMENTS[0],\n    jobTitle: SKY_JOB_TITLES['Marketing'][2],\n  },\n  {\n    name: 'Nicole Davidson',\n    age: 22,\n    startDate: new Date('11/1/2019'),\n    department: SKY_DEPARTMENTS[2],\n    jobTitle: SKY_JOB_TITLES['Engineering'][0],\n  },\n  {\n    name: 'Carl Roberts',\n    age: 23,\n    startDate: new Date('11/1/2019'),\n    department: SKY_DEPARTMENTS[2],\n    jobTitle: SKY_JOB_TITLES['Engineering'][3],\n  },\n];\n"
+    },
+    {
+      "fileName": "data-grid-demo.component.html",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/inline-help/data-grid-demo.component.html",
+      "rawContents": "<div>\n  <sky-toolbar>\n    <sky-toolbar-item>\n      <sky-search\n        [searchText]=\"searchText\"\n        [debounceTime]=\"250\"\n        (searchApply)=\"searchApplied($event)\"\n        (searchChange)=\"searchApplied($event)\"\n        (searchClear)=\"searchApplied($event)\"\n      >\n      </sky-search>\n    </sky-toolbar-item>\n  </sky-toolbar>\n  <sky-ag-grid-wrapper>\n    <ag-grid-angular\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"gridData\"\n      [overlayNoRowsTemplate]=\"noRowsTemplate\"\n    >\n    </ag-grid-angular>\n  </sky-ag-grid-wrapper>\n</div>\n"
+    },
+    {
+      "fileName": "data-grid-demo.component.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/inline-help/data-grid-demo.component.ts",
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './data-grid-demo-data';\nimport { InlineHelpComponent } from './inline-help.component';\n\n@Component({\n  selector: 'app-data-grid-demo',\n  templateUrl: './data-grid-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataGridDemoComponent {\n  public columnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'startDate',\n      headerName: 'Start date',\n      type: SkyCellType.Date,\n      sort: 'asc',\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'endDate',\n      headerName: 'End date',\n      type: SkyCellType.Date,\n      valueFormatter: this.#endDateFormatter,\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n  ];\n\n  public gridApi: GridApi | undefined;\n  public gridData = SKY_AG_GRID_DEMO_DATA;\n  public gridOptions: GridOptions;\n  public searchText = '';\n  public noRowsTemplate: string;\n\n  #agGridService: SkyAgGridService;\n  #changeDetector: ChangeDetectorRef;\n\n  constructor(\n    agGridService: SkyAgGridService,\n    changeDetector: ChangeDetectorRef\n  ) {\n    this.#agGridService = agGridService;\n    this.#changeDetector = changeDetector;\n    this.noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n    this.gridOptions = this.#agGridService.getGridOptions({\n      gridOptions: {\n        columnDefs: this.columnDefs,\n        onGridReady: this.onGridReady.bind(this),\n      },\n    });\n    this.#changeDetector.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\n    this.#changeDetector.markForCheck();\n  }\n\n  public searchApplied(searchText: string | void): void {\n    if (searchText) {\n      this.searchText = searchText;\n    } else {\n      this.searchText = '';\n    }\n    if (this.gridApi) {\n      this.gridApi.setQuickFilter(this.searchText);\n      const displayedRowCount = this.gridApi.getDisplayedRowCount();\n      if (displayedRowCount > 0) {\n        this.gridApi.hideOverlay();\n      } else {\n        this.gridApi.showNoRowsOverlay();\n      }\n    }\n  }\n\n  #endDateFormatter(params: ValueFormatterParams): string {\n    const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };\n    return params.value\n      ? params.value.toLocaleDateString('en-us', dateConfig)\n      : 'N/A';\n  }\n}\n"
+    },
+    {
+      "fileName": "data-grid-demo.module.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/inline-help/data-grid-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport {\n  SkyDataManagerModule,\n  SkyDataManagerService,\n} from '@skyux/data-manager';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataGridDemoComponent } from './data-grid-demo.component';\nimport { InlineHelpComponent } from './inline-help.component';\n\n@NgModule({\n  declarations: [DataGridDemoComponent, InlineHelpComponent],\n  exports: [DataGridDemoComponent],\n  imports: [\n    CommonModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    SkyDataManagerModule,\n    SkyAgGridModule,\n    AgGridModule,\n    SkyHelpInlineModule,\n  ],\n  providers: [SkyDataManagerService],\n})\nexport class DataGridDemoModule {}\n"
+    },
+    {
+      "fileName": "inline-help.component.html",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/inline-help/inline-help.component.html",
+      "rawContents": "<sky-help-inline\n  (actionClick)=\"onHelpClick()\"\n  class=\"sky-control-help\"\n></sky-help-inline>\n"
+    },
+    {
+      "fileName": "inline-help.component.ts",
+      "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/inline-help/inline-help.component.ts",
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyAgGridHeaderInfo } from '@skyux/ag-grid';\n\n@Component({\n  selector: 'app-inline-help',\n  templateUrl: './inline-help.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InlineHelpComponent {\n  readonly #displayName: string;\n\n  constructor(headerInfo: SkyAgGridHeaderInfo) {\n    this.#displayName = headerInfo.displayName;\n  }\n\n  public onHelpClick(): void {\n    alert(`Help was clicked for ${this.#displayName}.`);\n  }\n}\n"
+    },
     {
       "fileName": "top-scroll-data-grid-demo-data.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/top-scroll/top-scroll-data-grid-demo-data.ts",