npm - @skyux/ag-grid - Versions diffs - 9.0.0-alpha.9 → 9.0.0-beta.1 - Mend

@skyux/ag-grid 9.0.0-alpha.9 → 9.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/documentation.json +290 -281
package/esm2022/lib/modules/ag-grid/header/header-group.component.mjs +4 -5
package/esm2022/lib/modules/ag-grid/header/header.component.mjs +3 -3
package/esm2022/lib/modules/ag-grid/types/lookup-properties.mjs +1 -1
package/fesm2022/skyux-ag-grid.mjs +9 -9
package/fesm2022/skyux-ag-grid.mjs.map +1 -1
package/lib/modules/ag-grid/types/lookup-properties.d.ts +1 -0
package/package.json +12 -12

package/documentation.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "anchorIds": {
-    "SkyAgGridCellEditorInitialAction": "enum-skyaggridcelleditorinitialaction",
-    "SkyCellType": "enum-skycelltype",
+    "SkyAgGridCellEditorInitialAction": "enumeration-skyaggridcelleditorinitialaction",
+    "SkyCellType": "enumeration-skycelltype",
     "SkyAgGridCellEditorUtils": "class-skyaggridcelleditorutils",
     "SkyAgGridHeaderGroupInfo": "class-skyaggridheadergroupinfo",
     "SkyAgGridHeaderInfo": "class-skyaggridheaderinfo",
@@ -65,7 +65,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-editor-initial-action.ts",
                 "line": 4,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L4"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L4"
               }
             ],
             "type": {
@@ -92,7 +92,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-editor-initial-action.ts",
                 "line": 6,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L6"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L6"
               }
             ],
             "type": {
@@ -119,7 +119,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-editor-initial-action.ts",
                 "line": 8,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L8"
               }
             ],
             "type": {
@@ -146,7 +146,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-editor-initial-action.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L10"
               }
             ],
             "type": {
@@ -171,7 +171,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-editor-initial-action.ts",
             "line": 2,
             "character": 12,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L2"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-initial-action.ts#L2"
           }
         ]
       },
@@ -249,7 +249,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 16,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L16"
               }
             ],
             "type": {
@@ -276,7 +276,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 26,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L26"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L26"
               }
             ],
             "type": {
@@ -303,7 +303,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 32,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L32"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L32"
               }
             ],
             "type": {
@@ -370,7 +370,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 42,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L42"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L42"
               }
             ],
             "type": {
@@ -421,7 +421,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 52,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L52"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L52"
               }
             ],
             "type": {
@@ -456,7 +456,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 62,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L62"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L62"
               }
             ],
             "type": {
@@ -483,7 +483,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 68,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L68"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L68"
               }
             ],
             "type": {
@@ -518,7 +518,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 74,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L74"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L74"
               }
             ],
             "type": {
@@ -553,7 +553,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 84,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L84"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L84"
               }
             ],
             "type": {
@@ -612,7 +612,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
                 "line": 90,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L90"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L90"
               }
             ],
             "type": {
@@ -643,7 +643,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-type.ts",
             "line": 6,
             "character": 12,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L6"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-type.ts#L6"
           }
         ]
       },
@@ -668,7 +668,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-editor-utils.ts",
                 "line": 10,
                 "character": 16,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L10"
               }
             ],
             "signatures": [
@@ -691,7 +691,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts",
                     "line": 10,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L10"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L10"
                   }
                 ],
                 "parameters": [
@@ -758,7 +758,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-editor-utils.ts",
                 "line": 33,
                 "character": 16,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L33"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L33"
               }
             ],
             "signatures": [
@@ -773,7 +773,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts",
                     "line": 33,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L33"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L33"
                   }
                 ],
                 "parameters": [
@@ -829,7 +829,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/cell-editor-utils.ts",
             "line": 5,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L5"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/cell-editor-utils.ts#L5"
           }
         ],
         "decorators": []
@@ -886,7 +886,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-info.ts",
                 "line": 13,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-info.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-info.ts#L13"
               }
             ],
             "type": {
@@ -929,7 +929,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-info.ts",
                 "line": 19,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-info.ts#L19"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-info.ts#L19"
               }
             ],
             "type": {
@@ -951,7 +951,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-info.ts",
                 "line": 14,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-info.ts#L14"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-info.ts#L14"
               }
             ],
             "type": {
@@ -982,7 +982,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-info.ts",
             "line": 12,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-info.ts#L12"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-info.ts#L12"
           }
         ],
         "decorators": [
@@ -1046,7 +1046,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-info.ts",
                 "line": 13,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-info.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-info.ts#L13"
               }
             ],
             "type": {
@@ -1089,7 +1089,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-info.ts",
                 "line": 19,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-info.ts#L19"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-info.ts#L19"
               }
             ],
             "type": {
@@ -1111,7 +1111,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-info.ts",
                 "line": 14,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-info.ts#L14"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-info.ts#L14"
               }
             ],
             "type": {
@@ -1142,7 +1142,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-info.ts",
             "line": 12,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-info.ts#L12"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-info.ts#L12"
           }
         ],
         "decorators": [
@@ -1174,7 +1174,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.module.ts",
             "line": 72,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.module.ts#L72"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.module.ts#L72"
           }
         ],
         "decorators": [
@@ -1232,7 +1232,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
                 "line": 136,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L136"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L136"
               }
             ],
             "signatures": [
@@ -1247,7 +1247,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts",
                     "line": 136,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L136"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L136"
                   }
                 ],
                 "parameters": [
@@ -1326,7 +1326,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
                 "line": 179,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L179"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L179"
               }
             ],
             "signatures": [
@@ -1363,7 +1363,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts",
                     "line": 179,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L179"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L179"
                   }
                 ],
                 "parameters": [
@@ -1413,7 +1413,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
                 "line": 164,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L164"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L164"
               }
             ],
             "signatures": [
@@ -1450,7 +1450,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts",
                     "line": 164,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L164"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L164"
                   }
                 ],
                 "parameters": [
@@ -1500,7 +1500,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
                 "line": 193,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L193"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L193"
               }
             ],
             "signatures": [
@@ -1515,7 +1515,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts",
                     "line": 193,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L193"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L193"
                   }
                 ],
                 "type": {
@@ -1539,7 +1539,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
                 "line": 154,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L154"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L154"
               }
             ],
             "signatures": [
@@ -1554,7 +1554,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts",
                     "line": 154,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L154"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L154"
                   }
                 ],
                 "type": {
@@ -1598,7 +1598,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid.service.ts",
             "line": 127,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L127"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid.service.ts#L127"
           }
         ],
         "implementedTypes": [
@@ -1639,7 +1639,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 101,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L101"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L101"
               }
             ],
             "signatures": [
@@ -1654,7 +1654,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                     "line": 101,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L101"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L101"
                   }
                 ],
                 "type": {
@@ -1679,7 +1679,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 44,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L44"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L44"
               }
             ],
             "type": {
@@ -1701,7 +1701,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 39,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L39"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L39"
               }
             ],
             "type": {
@@ -1749,7 +1749,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 45,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L45"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L45"
               }
             ],
             "type": {
@@ -1771,7 +1771,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 46,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L46"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L46"
               }
             ],
             "type": {
@@ -1793,7 +1793,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 42,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L42"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L42"
               }
             ],
             "type": {
@@ -1816,7 +1816,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 47,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L47"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L47"
               }
             ],
             "type": {
@@ -1852,13 +1852,13 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 49,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L49"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L49"
               },
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 53,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L53"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L53"
               }
             ],
             "getSignature": {
@@ -1872,7 +1872,7 @@
                   "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                   "line": 49,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L49"
+                  "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L49"
                 }
               ],
               "type": {
@@ -1894,7 +1894,7 @@
                   "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                   "line": 53,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L53"
+                  "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L53"
                 }
               ],
               "parameters": [
@@ -1933,7 +1933,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 109,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L109"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L109"
               }
             ],
             "signatures": [
@@ -1948,7 +1948,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                     "line": 109,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L109"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L109"
                   }
                 ],
                 "type": {
@@ -1982,7 +1982,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 193,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L193"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L193"
               }
             ],
             "signatures": [
@@ -1997,7 +1997,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                     "line": 193,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L193"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L193"
                   }
                 ],
                 "type": {
@@ -2031,7 +2031,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 168,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L168"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L168"
               }
             ],
             "signatures": [
@@ -2046,7 +2046,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                     "line": 168,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L168"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L168"
                   }
                 ],
                 "type": {
@@ -2080,7 +2080,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 173,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L173"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L173"
               }
             ],
             "signatures": [
@@ -2095,7 +2095,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                     "line": 173,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L173"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L173"
                   }
                 ],
                 "type": {
@@ -2129,7 +2129,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 235,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L235"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L235"
               }
             ],
             "signatures": [
@@ -2144,7 +2144,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                     "line": 235,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L235"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L235"
                   }
                 ],
                 "parameters": [
@@ -2186,7 +2186,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 223,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L223"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L223"
               }
             ],
             "signatures": [
@@ -2201,7 +2201,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                     "line": 223,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L223"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L223"
                   }
                 ],
                 "parameters": [
@@ -2243,7 +2243,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
                 "line": 218,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L218"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L218"
               }
             ],
             "signatures": [
@@ -2266,7 +2266,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts",
                     "line": 218,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L218"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L218"
                   }
                 ],
                 "parameters": [
@@ -2338,7 +2338,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-wrapper.component.ts",
             "line": 33,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L33"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-wrapper.component.ts#L33"
           }
         ],
         "implementedTypes": [
@@ -2406,7 +2406,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 186,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L186"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L186"
               }
             ],
             "signatures": [
@@ -2421,7 +2421,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                     "line": 186,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L186"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L186"
                   }
                 ],
                 "type": {
@@ -2446,7 +2446,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 165,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L165"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L165"
               }
             ],
             "type": {
@@ -2510,7 +2510,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 148,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L148"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L148"
               }
             ],
             "type": {
@@ -2566,7 +2566,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 154,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L154"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L154"
               }
             ],
             "type": {
@@ -2614,7 +2614,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 160,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L160"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L160"
               }
             ],
             "type": {
@@ -2655,13 +2655,13 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 47,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L47"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L47"
               },
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 140,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L140"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L140"
               }
             ],
             "getSignature": {
@@ -2675,7 +2675,7 @@
                   "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                   "line": 140,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L140"
+                  "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L140"
                 }
               ],
               "type": {
@@ -2705,7 +2705,7 @@
                   "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                   "line": 46,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L46"
+                  "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L46"
                 }
               ],
               "parameters": [
@@ -2748,7 +2748,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 248,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L248"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L248"
               }
             ],
             "signatures": [
@@ -2763,7 +2763,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                     "line": 248,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L248"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L248"
                   }
                 ],
                 "parameters": [
@@ -2811,7 +2811,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 259,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L259"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L259"
               }
             ],
             "signatures": [
@@ -2826,7 +2826,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                     "line": 259,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L259"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L259"
                   }
                 ],
                 "parameters": [
@@ -2874,7 +2874,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 272,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L272"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L272"
               }
             ],
             "signatures": [
@@ -2889,7 +2889,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                     "line": 272,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L272"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L272"
                   }
                 ],
                 "parameters": [
@@ -2942,7 +2942,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 198,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L198"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L198"
               }
             ],
             "signatures": [
@@ -2957,7 +2957,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                     "line": 198,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L198"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L198"
                   }
                 ],
                 "type": {
@@ -2991,7 +2991,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 228,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L228"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L228"
               }
             ],
             "signatures": [
@@ -3006,7 +3006,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                     "line": 228,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L228"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L228"
                   }
                 ],
                 "type": {
@@ -3040,7 +3040,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
                 "line": 239,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L239"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L239"
               }
             ],
             "signatures": [
@@ -3055,7 +3055,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts",
                     "line": 239,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L239"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L239"
                   }
                 ],
                 "type": {
@@ -3116,7 +3116,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/ag-grid-row-delete.directive.ts",
             "line": 40,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L40"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.directive.ts#L40"
           }
         ],
         "implementedTypes": [
@@ -3177,7 +3177,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 5,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L5"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L5"
               }
             ],
             "type": {
@@ -3201,7 +3201,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 6,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L6"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L6"
               }
             ],
             "type": {
@@ -3222,7 +3222,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 7,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L7"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L7"
               }
             ],
             "type": {
@@ -3243,7 +3243,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 8,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L8"
               }
             ],
             "type": {
@@ -3267,7 +3267,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 9,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
               }
             ],
             "type": {
@@ -3283,7 +3283,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                     "line": 9,
                     "character": 11,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
                   }
                 ],
                 "signatures": [
@@ -3298,7 +3298,7 @@
                         "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                         "line": 9,
                         "character": 11,
-                        "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
+                        "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
                       }
                     ],
                     "parameters": [
@@ -3378,7 +3378,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 13,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
               }
             ],
             "type": {
@@ -3396,7 +3396,7 @@
                       "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                       "line": 13,
                       "character": 19,
-                      "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
+                      "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
                     }
                   ],
                   "signatures": [
@@ -3411,7 +3411,7 @@
                           "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                           "line": 13,
                           "character": 19,
-                          "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
+                          "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
                         }
                       ],
                       "parameters": [
@@ -3461,7 +3461,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 15,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L15"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L15"
               }
             ],
             "type": {
@@ -3493,7 +3493,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 14,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L14"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L14"
               }
             ],
             "type": {
@@ -3514,7 +3514,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 16,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L16"
               }
             ],
             "type": {
@@ -3535,7 +3535,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 17,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
               }
             ],
             "type": {
@@ -3551,7 +3551,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                     "line": 17,
                     "character": 20,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
                   }
                 ],
                 "signatures": [
@@ -3566,7 +3566,7 @@
                         "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                         "line": 17,
                         "character": 20,
-                        "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
+                        "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
                       }
                     ],
                     "parameters": [
@@ -3619,7 +3619,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
             "line": 4,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L4"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L4"
           }
         ],
         "extendedBy": [
@@ -3650,7 +3650,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/currency-properties.ts",
                 "line": 2,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/currency-properties.ts#L2"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/currency-properties.ts#L2"
               }
             ],
             "type": {
@@ -3671,7 +3671,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/currency-properties.ts",
                 "line": 3,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/currency-properties.ts#L3"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/currency-properties.ts#L3"
               }
             ],
             "type": {
@@ -3692,7 +3692,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/currency-properties.ts",
                 "line": 4,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/currency-properties.ts#L4"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/currency-properties.ts#L4"
               }
             ],
             "type": {
@@ -3716,7 +3716,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/currency-properties.ts",
             "line": 1,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/currency-properties.ts#L1"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/currency-properties.ts#L1"
           }
         ]
       },
@@ -3740,7 +3740,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 2,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L2"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L2"
               }
             ],
             "type": {
@@ -3761,7 +3761,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 3,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L3"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L3"
               }
             ],
             "type": {
@@ -3782,7 +3782,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 4,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L4"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L4"
               }
             ],
             "type": {
@@ -3808,7 +3808,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 5,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L5"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L5"
               }
             ],
             "type": {
@@ -3834,7 +3834,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 6,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L6"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L6"
               }
             ],
             "type": {
@@ -3855,7 +3855,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 7,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L7"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L7"
               }
             ],
             "type": {
@@ -3882,7 +3882,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
             "line": 1,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L1"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L1"
           }
         ],
         "extendedBy": [
@@ -3937,7 +3937,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-params.ts",
                 "line": 11,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-params.ts#L11"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-params.ts#L11"
               }
             ],
             "type": {
@@ -3976,7 +3976,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-group-params.ts",
             "line": 10,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-params.ts#L10"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-group-params.ts#L10"
           }
         ],
         "extendedTypes": [
@@ -4035,7 +4035,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-params.ts",
                 "line": 11,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-params.ts#L11"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-params.ts#L11"
               }
             ],
             "type": {
@@ -4080,7 +4080,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/header-params.ts",
             "line": 10,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-params.ts#L10"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/header-params.ts#L10"
           }
         ],
         "extendedTypes": [
@@ -4115,7 +4115,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
                 "line": 12,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L12"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L12"
               }
             ],
             "type": {
@@ -4131,7 +4131,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts",
                     "line": 12,
                     "character": 13,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L12"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L12"
                   }
                 ],
                 "signatures": [
@@ -4146,7 +4146,7 @@
                         "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts",
                         "line": 12,
                         "character": 13,
-                        "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L12"
+                        "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L12"
                       }
                     ],
                     "parameters": [
@@ -4189,7 +4189,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
                 "line": 13,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L13"
               }
             ],
             "type": {
@@ -4210,7 +4210,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
                 "line": 14,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L14"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L14"
               }
             ],
             "type": {
@@ -4226,12 +4226,21 @@
             "flags": {
               "isOptional": true
             },
+            "comment": {
+              "summary": [],
+              "blockTags": [
+                {
+                  "tag": "@deprecated",
+                  "content": []
+                }
+              ]
+            },
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 15,
+                "line": 16,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L15"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L16"
               }
             ],
             "type": {
@@ -4250,9 +4259,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 16,
+                "line": 17,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L17"
               }
             ],
             "type": {
@@ -4274,9 +4283,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 17,
+                "line": 18,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L17"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L18"
               }
             ],
             "type": {
@@ -4295,9 +4304,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 18,
+                "line": 19,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L18"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L19"
               }
             ],
             "type": {
@@ -4316,9 +4325,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 19,
+                "line": 20,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L19"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L20"
               }
             ],
             "type": {
@@ -4337,9 +4346,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 20,
+                "line": 21,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L20"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L21"
               }
             ],
             "type": {
@@ -4358,9 +4367,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 21,
+                "line": 22,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L21"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L22"
               }
             ],
             "type": {
@@ -4379,9 +4388,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 22,
+                "line": 23,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L22"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L23"
               }
             ],
             "type": {
@@ -4400,9 +4409,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 23,
+                "line": 24,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L23"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L24"
               }
             ],
             "type": {
@@ -4424,9 +4433,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 24,
+                "line": 25,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L24"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L25"
               }
             ],
             "type": {
@@ -4450,9 +4459,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 25,
+                "line": 26,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L25"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L26"
               }
             ],
             "type": {
@@ -4466,9 +4475,9 @@
                 "sources": [
                   {
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts",
-                    "line": 25,
+                    "line": 26,
                     "character": 16,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L25"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L26"
                   }
                 ],
                 "signatures": [
@@ -4481,9 +4490,9 @@
                     "sources": [
                       {
                         "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts",
-                        "line": 25,
+                        "line": 26,
                         "character": 16,
-                        "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L25"
+                        "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L26"
                       }
                     ],
                     "parameters": [
@@ -4524,9 +4533,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 26,
+                "line": 27,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L26"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L27"
               }
             ],
             "type": {
@@ -4553,9 +4562,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 28,
+                "line": 29,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L28"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L29"
               }
             ],
             "type": {
@@ -4585,9 +4594,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 27,
+                "line": 28,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L27"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L28"
               }
             ],
             "type": {
@@ -4606,9 +4615,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 29,
+                "line": 30,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L29"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L30"
               }
             ],
             "type": {
@@ -4627,9 +4636,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 30,
+                "line": 31,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L30"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L31"
               }
             ],
             "type": {
@@ -4653,9 +4662,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 31,
+                "line": 32,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L31"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L32"
               }
             ],
             "type": {
@@ -4674,9 +4683,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 32,
+                "line": 33,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L32"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L33"
               }
             ],
             "type": {
@@ -4700,9 +4709,9 @@
             "sources": [
               {
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
-                "line": 33,
+                "line": 34,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L33"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L34"
               }
             ],
             "type": {
@@ -4745,7 +4754,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/lookup-properties.ts",
             "line": 11,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L11"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/lookup-properties.ts#L11"
           }
         ]
       },
@@ -4769,7 +4778,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/number-properties.ts",
                 "line": 2,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/number-properties.ts#L2"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/number-properties.ts#L2"
               }
             ],
             "type": {
@@ -4790,7 +4799,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/number-properties.ts",
                 "line": 3,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/number-properties.ts#L3"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/number-properties.ts#L3"
               }
             ],
             "type": {
@@ -4813,7 +4822,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/number-properties.ts",
             "line": 1,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/number-properties.ts#L1"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/number-properties.ts#L1"
           }
         ]
       },
@@ -4851,7 +4860,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/ag-grid-row-delete-cancel-args.ts",
                 "line": 8,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args.ts#L8"
               }
             ],
             "type": {
@@ -4873,7 +4882,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/ag-grid-row-delete-cancel-args.ts",
             "line": 4,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args.ts#L4"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args.ts#L4"
           }
         ]
       },
@@ -4911,7 +4920,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/ag-grid-row-delete-confirm-args.ts",
                 "line": 8,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args.ts#L8"
               }
             ],
             "type": {
@@ -4933,7 +4942,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/ag-grid-row-delete-confirm-args.ts",
             "line": 4,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args.ts#L4"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args.ts#L4"
           }
         ]
       },
@@ -4957,7 +4966,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/text-properties.ts",
                 "line": 2,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/text-properties.ts#L2"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/text-properties.ts#L2"
               }
             ],
             "type": {
@@ -4979,7 +4988,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/text-properties.ts",
             "line": 1,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/text-properties.ts#L1"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/text-properties.ts#L1"
           }
         ]
       },
@@ -5003,7 +5012,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/validator-properties.ts",
                 "line": 2,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L2"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L2"
               }
             ],
             "type": {
@@ -5019,7 +5028,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts",
                     "line": 2,
                     "character": 14,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L2"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L2"
                   }
                 ],
                 "signatures": [
@@ -5034,7 +5043,7 @@
                         "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts",
                         "line": 2,
                         "character": 14,
-                        "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L2"
+                        "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L2"
                       }
                     ],
                     "parameters": [
@@ -5098,7 +5107,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/validator-properties.ts",
                 "line": 3,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L3"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L3"
               }
             ],
             "type": {
@@ -5121,7 +5130,7 @@
                         "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts",
                         "line": 5,
                         "character": 7,
-                        "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L5"
+                        "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L5"
                       }
                     ],
                     "signatures": [
@@ -5136,7 +5145,7 @@
                             "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts",
                             "line": 5,
                             "character": 7,
-                            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L5"
+                            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L5"
                           }
                         ],
                         "parameters": [
@@ -5204,7 +5213,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/validator-properties.ts",
             "line": 1,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L1"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/validator-properties.ts#L1"
           }
         ]
       },
@@ -5242,7 +5251,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 5,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L5"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L5"
               }
             ],
             "type": {
@@ -5271,7 +5280,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 6,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L6"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L6"
               }
             ],
             "type": {
@@ -5297,7 +5306,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 7,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L7"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L7"
               }
             ],
             "type": {
@@ -5323,7 +5332,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 8,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L8"
               }
             ],
             "type": {
@@ -5352,7 +5361,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 9,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
               }
             ],
             "type": {
@@ -5368,7 +5377,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                     "line": 9,
                     "character": 11,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
                   }
                 ],
                 "signatures": [
@@ -5383,7 +5392,7 @@
                         "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                         "line": 9,
                         "character": 11,
-                        "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
+                        "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L9"
                       }
                     ],
                     "parameters": [
@@ -5468,7 +5477,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 13,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
               }
             ],
             "type": {
@@ -5486,7 +5495,7 @@
                       "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                       "line": 13,
                       "character": 19,
-                      "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
+                      "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
                     }
                   ],
                   "signatures": [
@@ -5501,7 +5510,7 @@
                           "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                           "line": 13,
                           "character": 19,
-                          "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
+                          "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L13"
                         }
                       ],
                       "parameters": [
@@ -5556,7 +5565,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 15,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L15"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L15"
               }
             ],
             "type": {
@@ -5593,7 +5602,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 14,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L14"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L14"
               }
             ],
             "type": {
@@ -5619,7 +5628,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 16,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L16"
               }
             ],
             "type": {
@@ -5645,7 +5654,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
                 "line": 17,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
               }
             ],
             "type": {
@@ -5661,7 +5670,7 @@
                     "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                     "line": 17,
                     "character": 20,
-                    "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
+                    "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
                   }
                 ],
                 "signatures": [
@@ -5676,7 +5685,7 @@
                         "fileName": "libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts",
                         "line": 17,
                         "character": 20,
-                        "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
+                        "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L17"
                       }
                     ],
                     "parameters": [
@@ -5734,7 +5743,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/autocomplete-properties.ts",
             "line": 24,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L24"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/autocomplete-properties.ts#L24"
           }
         ],
         "extendedTypes": [
@@ -5780,7 +5789,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 2,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L2"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L2"
               }
             ],
             "type": {
@@ -5806,7 +5815,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 3,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L3"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L3"
               }
             ],
             "type": {
@@ -5832,7 +5841,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 4,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L4"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L4"
               }
             ],
             "type": {
@@ -5863,7 +5872,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 5,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L5"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L5"
               }
             ],
             "type": {
@@ -5894,7 +5903,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 6,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L6"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L6"
               }
             ],
             "type": {
@@ -5920,7 +5929,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
                 "line": 7,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L7"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L7"
               }
             ],
             "type": {
@@ -5952,7 +5961,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/datepicker-properties.ts",
             "line": 14,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L14"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/datepicker-properties.ts#L14"
           }
         ],
         "extendedTypes": [
@@ -6011,7 +6020,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/sky-grid-options.ts",
                 "line": 16,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/sky-grid-options.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/sky-grid-options.ts#L16"
               }
             ],
             "type": {
@@ -6062,7 +6071,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/sky-grid-options.ts",
                 "line": 7,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/sky-grid-options.ts#L7"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/sky-grid-options.ts#L7"
               }
             ],
             "type": {
@@ -6110,7 +6119,7 @@
                 "fileName": "projects/ag-grid/src/modules/ag-grid/types/sky-grid-options.ts",
                 "line": 11,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/sky-grid-options.ts#L11"
+                "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/sky-grid-options.ts#L11"
               }
             ],
             "type": {
@@ -6134,7 +6143,7 @@
             "fileName": "projects/ag-grid/src/modules/ag-grid/types/sky-grid-options.ts",
             "line": 3,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/822b440/libs/components/ag-grid/src/lib/modules/ag-grid/types/sky-grid-options.ts#L3"
+            "url": "https://github.com/blackbaud/skyux/blob/265ae67/libs/components/ag-grid/src/lib/modules/ag-grid/types/sky-grid-options.ts#L3"
           }
         ]
       }
@@ -7233,82 +7242,82 @@
     {
       "fileName": "top-scroll-data-grid-demo.module.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/top-scroll/top-scroll-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 { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { SkyTopScrollDataGridDemoComponent } from './top-scroll-data-grid-demo.component';\n\n@NgModule({\n  declarations: [SkyTopScrollDataGridDemoComponent],\n  exports: [SkyTopScrollDataGridDemoComponent],\n  imports: [\n    CommonModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    SkyDataManagerModule,\n    SkyAgGridModule,\n    AgGridModule,\n  ],\n  providers: [SkyDataManagerService],\n})\nexport class SkyTopScrollDataGridDemoModule {}\n"
+      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { TopScrollDataGridDemoComponent } from './top-scroll-data-grid-demo.component';\n\n@NgModule({\n  declarations: [TopScrollDataGridDemoComponent],\n  exports: [TopScrollDataGridDemoComponent],\n  imports: [AgGridModule, SkyAgGridModule, SkySearchModule, SkyToolbarModule],\n})\nexport class TopScrollDataGridDemoModule {}\n"
     },
     {
       "fileName": "top-scroll-data-grid-demo.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/top-scroll/top-scroll-data-grid-demo.component.ts",
-      "rawContents": "import { ChangeDetectionStrategy, Component } 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 './top-scroll-data-grid-demo-data';\n\n@Component({\n  selector: 'app-basic-data-grid-docs-demo',\n  templateUrl: './top-scroll-data-grid-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyTopScrollDataGridDemoComponent {\n  public columnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\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 = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n\n  constructor(private agGridService: SkyAgGridService) {\n    this.gridOptions = this.agGridService.getGridOptions({\n      gridOptions: {\n        columnDefs: this.columnDefs,\n        onGridReady: this.onGridReady.bind(this),\n        context: {\n          enableTopScroll: true,\n        },\n      },\n    });\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\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  private 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"
+      "rawContents": "import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyDataManagerService } from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { AG_GRID_DEMO_DATA } from './top-scroll-data-grid-demo-data';\n\n@Component({\n  selector: 'app-basic-data-grid-docs-demo',\n  templateUrl: './top-scroll-data-grid-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class TopScrollDataGridDemoComponent {\n  protected gridData = AG_GRID_DEMO_DATA;\n  protected gridOptions: GridOptions;\n  protected searchText = '';\n  protected noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n\n  #columnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.#endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  #gridApi: GridApi | undefined;\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n\n  constructor() {\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions: {\n        columnDefs: this.#columnDefs,\n        onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n        context: {\n          enableTopScroll: true,\n        },\n      },\n    });\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n  }\n\n  protected searchApplied(searchText: string | void): void {\n    this.searchText = 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": "top-scroll-data-grid-demo.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/top-scroll/top-scroll-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"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <sky-search\n      [debounceTime]=\"250\"\n      [searchText]=\"searchText\"\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    [overlayNoRowsTemplate]=\"noRowsTemplate\"\n    [rowData]=\"gridData\"\n  >\n  </ag-grid-angular>\n</sky-ag-grid-wrapper>\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",
-      "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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    selected: true,\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[0],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\n"
     },
     {
       "fileName": "data-grid-paging-demo.module.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/paging/data-grid-paging-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 { SkyToolbarModule } from '@skyux/layout';\nimport { SkyPagingModule } from '@skyux/lists';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataGridPagingDemoComponent } from './data-grid-paging-demo.component';\n\n@NgModule({\n  declarations: [DataGridPagingDemoComponent],\n  exports: [DataGridPagingDemoComponent],\n  imports: [\n    CommonModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    SkyDataManagerModule,\n    SkyAgGridModule,\n    AgGridModule,\n    SkyPagingModule,\n  ],\n  providers: [SkyDataManagerService],\n})\nexport class DataGridPagingDemoModule {}\n"
+      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyPagingModule } from '@skyux/lists';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataGridPagingDemoComponent } from './data-grid-paging-demo.component';\n\n@NgModule({\n  declarations: [DataGridPagingDemoComponent],\n  exports: [DataGridPagingDemoComponent],\n  imports: [AgGridModule, SkyAgGridModule, SkyPagingModule],\n})\nexport class DataGridPagingDemoModule {}\n"
     },
     {
       "fileName": "data-grid-paging-demo.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/paging/data-grid-paging-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\nimport { Subscription } from 'rxjs';\nimport { filter, map } from 'rxjs/operators';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './data-grid-paging-demo-data';\n\n@Component({\n  selector: 'app-data-grid-paging-demo',\n  templateUrl: './data-grid-paging-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataGridPagingDemoComponent implements OnInit, OnDestroy {\n  public currentPage = 1;\n\n  public readonly pageSize = 3;\n  public columnDefs: ColDef[] = [\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  public gridApi: GridApi | undefined;\n  public gridData = SKY_AG_GRID_DEMO_DATA;\n  public gridOptions: GridOptions;\n  public searchText = '';\n\n  #activatedRoute = inject(ActivatedRoute);\n  #agGridService = inject(SkyAgGridService);\n  #changeDetector = inject(ChangeDetectorRef);\n  #router = inject(Router);\n  #subscriptions = new Subscription();\n\n  constructor() {\n    this.gridOptions = {\n      columnDefs: this.columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n      rowSelection: 'single',\n      pagination: true,\n      suppressPaginationPanel: true,\n      paginationPageSize: this.pageSize,\n    };\n    this.gridOptions = this.#agGridService.getGridOptions({\n      gridOptions: this.gridOptions,\n    });\n  }\n\n  public ngOnInit(): void {\n    this.#subscriptions.add(\n      this.#activatedRoute.queryParamMap\n        .pipe(map((params) => params.get('page') || '1'))\n        .subscribe((page) => {\n          this.currentPage = Number(page);\n          this.gridApi?.paginationGoToPage(this.currentPage - 1);\n          this.#changeDetector.detectChanges();\n        })\n    );\n    this.#subscriptions.add(\n      this.#router.events\n        .pipe(filter((event) => event instanceof NavigationEnd))\n        .subscribe(() => {\n          const page = this.#activatedRoute.snapshot.paramMap.get('page');\n          if (page) {\n            this.currentPage = Number(page);\n          }\n          this.gridApi?.paginationGoToPage(this.currentPage - 1);\n          this.#changeDetector.detectChanges();\n        })\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this.#subscriptions.unsubscribe();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\n    this.gridApi.paginationGoToPage(this.currentPage - 1);\n  }\n\n  public onPageChange(page: number): void {\n    this.#router\n      .navigate(['.'], {\n        relativeTo: this.#activatedRoute,\n        queryParams: { page: page.toString(10) },\n        queryParamsHandling: 'merge',\n      })\n      .then();\n  }\n\n  private 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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyDataManagerService } from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\nimport { Subscription } from 'rxjs';\nimport { filter, map } from 'rxjs/operators';\n\nimport { AG_GRID_DEMO_DATA } from './data-grid-paging-demo-data';\n\n@Component({\n  selector: 'app-data-grid-paging-demo',\n  templateUrl: './data-grid-paging-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class DataGridPagingDemoComponent implements OnInit, OnDestroy {\n  protected currentPage = 1;\n\n  protected readonly pageSize = 3;\n\n  #columnDefs: ColDef[] = [\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.#endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  protected gridData = AG_GRID_DEMO_DATA;\n  protected gridOptions: GridOptions;\n\n  #gridApi: GridApi | undefined;\n  #subscriptions = new Subscription();\n\n  readonly #activatedRoute = inject(ActivatedRoute);\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #router = inject(Router);\n\n  constructor() {\n    const gridOptions: GridOptions = {\n      columnDefs: this.#columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n      rowSelection: 'single',\n      pagination: true,\n      suppressPaginationPanel: true,\n      paginationPageSize: this.pageSize,\n    };\n\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions,\n    });\n  }\n\n  public ngOnInit(): void {\n    this.#subscriptions.add(\n      this.#activatedRoute.queryParamMap\n        .pipe(map((params) => params.get('page') || '1'))\n        .subscribe((page) => {\n          this.currentPage = Number(page);\n          this.#gridApi?.paginationGoToPage(this.currentPage - 1);\n          this.#changeDetectorRef.detectChanges();\n        })\n    );\n\n    this.#subscriptions.add(\n      this.#router.events\n        .pipe(filter((event) => event instanceof NavigationEnd))\n        .subscribe(() => {\n          const page = this.#activatedRoute.snapshot.paramMap.get('page');\n\n          if (page) {\n            this.currentPage = Number(page);\n          }\n\n          this.#gridApi?.paginationGoToPage(this.currentPage - 1);\n          this.#changeDetectorRef.detectChanges();\n        })\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this.#subscriptions.unsubscribe();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#gridApi.paginationGoToPage(this.currentPage - 1);\n  }\n\n  protected onPageChange(page: number): void {\n    this.#router\n      .navigate(['.'], {\n        relativeTo: this.#activatedRoute,\n        queryParams: { page: page.toString(10) },\n        queryParamsHandling: 'merge',\n      })\n      .then();\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-paging-demo.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/paging/data-grid-paging-demo.component.html",
-      "rawContents": "<div>\n  <sky-ag-grid-wrapper>\n    <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"gridData\">\n    </ag-grid-angular>\n  </sky-ag-grid-wrapper>\n</div>\n<sky-paging\n  [itemCount]=\"gridData.length\"\n  [pageSize]=\"pageSize\"\n  [currentPage]=\"currentPage\"\n  (currentPageChange)=\"onPageChange($event)\"\n>\n</sky-paging>\n"
+      "rawContents": "<sky-ag-grid-wrapper>\n  <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"gridData\">\n  </ag-grid-angular>\n</sky-ag-grid-wrapper>\n\n<sky-paging\n  [currentPage]=\"currentPage\"\n  [itemCount]=\"gridData.length\"\n  [pageSize]=\"pageSize\"\n  (currentPageChange)=\"onPageChange($event)\"\n/>\n"
     },
     {
       "fileName": "data-grid-paging-demo-data.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/paging/data-grid-paging-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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: JOB_TITLES['Customer Support'][1],\n  },\n  {\n    name: 'Jane Deere',\n    age: 33,\n    startDate: new Date('7/15/2009'),\n    department: DEPARTMENTS[2],\n    jobTitle: 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: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][4],\n  },\n  {\n    name: 'Emily Johnson',\n    age: 41,\n    startDate: new Date('1/15/2014'),\n    department: DEPARTMENTS[0],\n    jobTitle: JOB_TITLES['Marketing'][2],\n  },\n  {\n    name: 'Nicole Davidson',\n    age: 22,\n    startDate: new Date('11/1/2019'),\n    department: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][0],\n  },\n  {\n    name: 'Carl Roberts',\n    age: 23,\n    startDate: new Date('11/1/2019'),\n    department: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\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 | undefined;\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"
+      "rawContents": "import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { SkyAgGridHeaderInfo } from '@skyux/ag-grid';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\n\n@Component({\n  standalone: true,\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  imports: [SkyHelpInlineModule],\n})\nexport class InlineHelpComponent {\n  readonly #displayName: string | undefined;\n  readonly #headerInfo = inject(SkyAgGridHeaderInfo);\n\n  constructor() {\n    this.#displayName = this.#headerInfo.displayName;\n  }\n\n  protected onHelpClick(): void {\n    alert(`Help was clicked for ${this.#displayName}.`);\n  }\n}\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"
+      "rawContents": "<sky-help-inline\n  class=\"sky-control-help\"\n  (actionClick)=\"onHelpClick()\"\n></sky-help-inline>\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"
+      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\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';\n\n@NgModule({\n  declarations: [DataGridDemoComponent],\n  exports: [DataGridDemoComponent],\n  imports: [AgGridModule, SkyAgGridModule, SkySearchModule, SkyToolbarModule],\n})\nexport class DataGridDemoModule {}\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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyDataManagerService } from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { 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  providers: [SkyDataManagerService],\n})\nexport class DataGridDemoComponent {\n  protected gridData = AG_GRID_DEMO_DATA;\n  protected gridOptions: GridOptions;\n  protected searchText = '';\n  protected noRowsTemplate: string;\n\n  #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  #gridApi: GridApi | undefined;\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n\n  constructor() {\n    this.noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions: {\n        columnDefs: this.#columnDefs,\n        onGridReady: this.onGridReady.bind(this),\n      },\n    });\n\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  protected 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\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.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"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <sky-search\n      [debounceTime]=\"250\"\n      [searchText]=\"searchText\"\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    [overlayNoRowsTemplate]=\"noRowsTemplate\"\n    [rowData]=\"gridData\"\n  >\n  </ag-grid-angular>\n</sky-ag-grid-wrapper>\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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: JOB_TITLES['Customer Support'][1],\n  },\n  {\n    name: 'Jane Deere',\n    age: 33,\n    startDate: new Date('7/15/2009'),\n    department: DEPARTMENTS[2],\n    jobTitle: 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: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][4],\n  },\n  {\n    name: 'Emily Johnson',\n    age: 41,\n    startDate: new Date('1/15/2014'),\n    department: DEPARTMENTS[0],\n    jobTitle: JOB_TITLES['Marketing'][2],\n  },\n  {\n    name: 'Nicole Davidson',\n    age: 22,\n    startDate: new Date('11/1/2019'),\n    department: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][0],\n  },\n  {\n    name: 'Carl Roberts',\n    age: 23,\n    startDate: new Date('11/1/2019'),\n    department: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\n"
     },
     {
       "fileName": "data-manager-multiselect-data-grid-docs-demo.module.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-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 { DataManagerMultiselectDataGridDocsDemoFiltersModalComponent } from './data-manager-multiselect-data-grid-docs-demo-filter-modal.component';\nimport { DataManagerMultiselectDataGridDocsDemoViewGridComponent } from './data-manager-multiselect-data-grid-docs-demo-view-grid.component';\nimport { SkyDataManagerMultiselectDataGridDemoComponent } from './data-manager-multiselect-data-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [\n    SkyDataManagerMultiselectDataGridDemoComponent,\n    DataManagerMultiselectDataGridDocsDemoFiltersModalComponent,\n    DataManagerMultiselectDataGridDocsDemoViewGridComponent,\n  ],\n  exports: [SkyDataManagerMultiselectDataGridDemoComponent],\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 SkyDataManagerMultiselectDataGridDocsDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataManagerMultiselectDataGridDemoViewGridComponent } from './data-manager-multiselect-data-grid-docs-demo-view-grid.component';\nimport { DataManagerMultiselectDataGridDemoComponent } from './data-manager-multiselect-data-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [\n    DataManagerMultiselectDataGridDemoComponent,\n    DataManagerMultiselectDataGridDemoViewGridComponent,\n  ],\n  exports: [DataManagerMultiselectDataGridDemoComponent],\n  imports: [AgGridModule, CommonModule, SkyAgGridModule, SkyDataManagerModule],\n})\nexport class DataManagerMultiselectDataGridDemoModule {}\n"
     },
     {
       "fileName": "data-manager-multiselect-data-grid-docs-demo.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './data-manager-multiselect-data-grid-docs-demo-data';\nimport { DataManagerMultiselectDataGridDocsDemoFiltersModalComponent } from './data-manager-multiselect-data-grid-docs-demo-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-multiselect-data-grid-docs-demo',\n  templateUrl: './data-manager-multiselect-data-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class SkyDataManagerMultiselectDataGridDemoComponent implements OnInit {\n  public items = SKY_AG_GRID_DEMO_DATA;\n\n  public dataState = new SkyDataManagerState({});\n\n  public dataManagerConfig = {\n    filterModalComponent:\n      DataManagerMultiselectDataGridDocsDemoFiltersModalComponent,\n    sortOptions: [\n      {\n        id: 'az',\n        label: 'Name (A - Z)',\n        descending: false,\n        propertyName: 'name',\n      },\n      {\n        id: 'za',\n        label: 'Name (Z - A)',\n        descending: true,\n        propertyName: 'name',\n      },\n    ],\n  };\n\n  public defaultDataState = new SkyDataManagerState({\n    filterData: {\n      filtersApplied: false,\n      filters: {\n        hideSales: false,\n        jobTitle: 'any',\n      },\n    },\n    views: [\n      {\n        viewId: 'dataGridMultiselectWithDataManagerView',\n        columnIds: [\n          'selected',\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n        ],\n        displayedColumnIds: [\n          'selected',\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n        ],\n      },\n    ],\n  });\n\n  public activeViewId = 'dataGridMultiselectWithDataManagerView';\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private dataManagerService: SkyDataManagerService\n  ) {\n    this.dataManagerService\n      .getDataStateUpdates('dataGridDataManager')\n      .subscribe((state) => {\n        this.dataState = state;\n        this.changeDetector.detectChanges();\n      });\n    this.dataManagerService\n      .getActiveViewIdUpdates()\n      .subscribe((activeViewId) => {\n        this.activeViewId = activeViewId;\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public ngOnInit(): void {\n    this.dataManagerService.initDataManager({\n      activeViewId: this.activeViewId,\n      dataManagerConfig: this.dataManagerConfig,\n      defaultDataState: this.defaultDataState,\n    });\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport {\n  SkyDataManagerConfig,\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { Subject, takeUntil } from 'rxjs';\n\nimport { AG_GRID_DEMO_DATA } from './data-manager-multiselect-data-grid-docs-demo-data';\nimport { DataManagerMultiselectDataGridDemoFiltersModalComponent } from './data-manager-multiselect-data-grid-docs-demo-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-multiselect-data-grid-docs-demo',\n  templateUrl: './data-manager-multiselect-data-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class DataManagerMultiselectDataGridDemoComponent\n  implements OnInit, OnDestroy\n{\n  protected items = AG_GRID_DEMO_DATA;\n\n  #dataManagerConfig: SkyDataManagerConfig = {\n    filterModalComponent:\n      DataManagerMultiselectDataGridDemoFiltersModalComponent,\n    sortOptions: [\n      {\n        id: 'az',\n        label: 'Name (A - Z)',\n        descending: false,\n        propertyName: 'name',\n      },\n      {\n        id: 'za',\n        label: 'Name (Z - A)',\n        descending: true,\n        propertyName: 'name',\n      },\n    ],\n  };\n\n  #defaultDataState = new SkyDataManagerState({\n    filterData: {\n      filtersApplied: false,\n      filters: {\n        hideSales: false,\n        jobTitle: 'any',\n      },\n    },\n    views: [\n      {\n        viewId: 'dataGridMultiselectWithDataManagerView',\n        columnIds: [\n          'selected',\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n        ],\n        displayedColumnIds: [\n          'selected',\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n        ],\n      },\n    ],\n  });\n\n  #activeViewId = 'dataGridMultiselectWithDataManagerView';\n  #ngUnsubscribe = new Subject<void>();\n\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #dataManagerSvc = inject(SkyDataManagerService);\n\n  constructor() {\n    this.#dataManagerSvc\n      .getActiveViewIdUpdates()\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((activeViewId) => {\n        this.#activeViewId = activeViewId;\n        this.#changeDetectorRef.detectChanges();\n      });\n  }\n\n  public ngOnInit(): void {\n    this.#dataManagerSvc.initDataManager({\n      activeViewId: this.#activeViewId,\n      dataManagerConfig: this.#dataManagerConfig,\n      defaultDataState: this.#defaultDataState,\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-multiselect-data-grid-docs-demo.component.html",
@@ -7318,7 +7327,7 @@
     {
       "fileName": "data-manager-multiselect-data-grid-docs-demo-view-grid.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo-view-grid.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n  SkyDataManagerColumnPickerOption,\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n  SkyDataViewState,\n} from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  ColumnApi,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  RowSelectedEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SkyAgGridDemoRow } from './data-manager-multiselect-data-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-data-manager-multiselect-data-grid-docs-demo-view-grid',\n  templateUrl:\n    './data-manager-multiselect-data-grid-docs-demo-view-grid.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerMultiselectDataGridDocsDemoViewGridComponent\n  implements OnInit\n{\n  @Input()\n  public items: SkyAgGridDemoRow[] = [];\n\n  public viewId = 'dataGridMultiselectWithDataManagerView';\n\n  public columnDefinitions: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  private columnPickerOptions: SkyDataManagerColumnPickerOption[] = [\n    {\n      id: 'selected',\n      label: '',\n      alwaysDisplayed: true,\n    },\n    {\n      id: 'name',\n      label: 'Name',\n      description: 'The name of the employee.',\n    },\n    {\n      id: 'age',\n      label: 'Age',\n      description: 'The age of the employee.',\n    },\n    {\n      id: 'startDate',\n      label: 'Start date',\n      description: 'The start date of the employee.',\n    },\n    {\n      id: 'endDate',\n      label: 'End date',\n      description: 'The end date of the employee.',\n    },\n    {\n      id: 'department',\n      label: 'Department',\n      description: 'The department of the employee',\n    },\n    {\n      id: 'jobTitle',\n      label: 'Title',\n      description: 'The job title of the employee.',\n    },\n  ];\n\n  public dataState = new SkyDataManagerState({});\n\n  public columnApi?: ColumnApi;\n  public displayedItems: SkyAgGridDemoRow[] = [];\n  public gridApi?: GridApi;\n  public isGridReadyForInitialization = false;\n  public gridOptions!: GridOptions;\n  public noRowsTemplate = `<div class=\"sky-deemphasized\">No results found.</div>`;\n  public isViewActive = false;\n\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Data Grid View',\n    icon: 'table',\n    searchEnabled: true,\n    sortEnabled: true,\n    multiselectToolbarEnabled: true,\n    columnPickerEnabled: true,\n    filterButtonEnabled: true,\n    columnOptions: this.columnPickerOptions,\n  };\n\n  constructor(\n    private skyAgGridService: SkyAgGridService,\n    private changeDetector: ChangeDetectorRef,\n    private dataManagerService: SkyDataManagerService\n  ) {}\n\n  public ngOnInit(): void {\n    this.displayedItems = this.items;\n\n    this.dataManagerService.initDataView(this.viewConfig);\n\n    this.gridOptions = this.skyAgGridService.getGridOptions({\n      gridOptions: {\n        columnDefs: this.columnDefinitions,\n        rowSelection: 'multiple',\n        onGridReady: this.onGridReady.bind(this),\n      },\n    });\n\n    this.dataManagerService\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.updateColumnOrder();\n        this.isGridReadyForInitialization = true;\n        this.updateDisplayedItems();\n        this.changeDetector.detectChanges();\n      });\n\n    this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n      this.isViewActive = id === this.viewId;\n      this.changeDetector.detectChanges();\n    });\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\n    this.columnApi = gridReadyEvent.columnApi;\n    this.updateDisplayedItems();\n  }\n\n  public onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n    if (!rowSelectedEvent.data.selected) {\n      this.updateDisplayedItems();\n    }\n  }\n\n  private searchItems(items: SkyAgGridDemoRow[]): SkyAgGridDemoRow[] {\n    let searchedItems = items;\n    const searchText = this.dataState && this.dataState.searchText;\n\n    if (searchText) {\n      searchedItems = items.filter(function (item: SkyAgGridDemoRow) {\n        let property: keyof typeof item;\n\n        for (property in item) {\n          if (\n            Object.prototype.hasOwnProperty.call(item, property) &&\n            property === 'name'\n          ) {\n            const propertyText = item[property].toLowerCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n        return false;\n      });\n    }\n    return searchedItems;\n  }\n\n  private filterItems(items: SkyAgGridDemoRow[]): SkyAgGridDemoRow[] {\n    let filteredItems = items;\n    const filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n      filteredItems = items.filter((item: SkyAgGridDemoRow) => {\n        return (\n          ((filters.hideSales && item.department.name !== 'Sales') ||\n            !filters.hideSales) &&\n          ((filters.jobTitle !== 'any' &&\n            item.jobTitle?.name === filters.jobTitle) ||\n            !filters.jobTitle ||\n            filters.jobTitle === 'any')\n        );\n      });\n    }\n\n    return filteredItems;\n  }\n\n  private 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  private updateColumnOrder(): void {\n    const viewState: SkyDataViewState | undefined =\n      this.dataState.getViewStateById(this.viewId);\n\n    if (viewState) {\n      this.columnDefinitions.sort((columnDefinition1, columnDefinition2) => {\n        const displayedColumnIdIndex1: number =\n          viewState.displayedColumnIds.findIndex(\n            (aDisplayedColumnId: string) =>\n              aDisplayedColumnId === columnDefinition1.field\n          );\n        const displayedColumnIdIndex2: number =\n          viewState.displayedColumnIds.findIndex(\n            (aDisplayedColumnId: string) =>\n              aDisplayedColumnId === columnDefinition2.field\n          );\n\n        if (displayedColumnIdIndex1 === -1) {\n          return 0;\n        } else if (displayedColumnIdIndex2 === -1) {\n          return 0;\n        } else {\n          return displayedColumnIdIndex1 - displayedColumnIdIndex2;\n        }\n      });\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  private updateDisplayedItems(): void {\n    const sortOption = this.dataState.activeSortOption;\n    if (this.columnApi && sortOption) {\n      this.columnApi.applyColumnState({\n        state: [\n          {\n            colId: sortOption.propertyName,\n            sort: sortOption.descending ? 'desc' : 'asc',\n          },\n        ],\n      });\n    }\n\n    this.displayedItems = this.filterItems(this.searchItems(this.items));\n\n    if (this.dataState.onlyShowSelected) {\n      this.displayedItems = this.displayedItems.filter((item) => item.selected);\n    }\n\n    if (this.displayedItems.length > 0) {\n      this.gridApi?.hideOverlay();\n    } else {\n      this.gridApi?.showNoRowsOverlay();\n    }\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n  SkyDataManagerColumnPickerOption,\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n  SkyDataViewState,\n} from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  ColumnApi,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  RowSelectedEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\nimport { Subject, takeUntil } from 'rxjs';\n\nimport { AgGridDemoRow } from './data-manager-multiselect-data-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-data-manager-multiselect-data-grid-docs-demo-view-grid',\n  templateUrl:\n    './data-manager-multiselect-data-grid-docs-demo-view-grid.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerMultiselectDataGridDemoViewGridComponent\n  implements OnInit, OnDestroy\n{\n  @Input()\n  public items: AgGridDemoRow[] = [];\n\n  protected displayedItems: AgGridDemoRow[] = [];\n  protected gridOptions!: GridOptions;\n  protected isGridReadyForInitialization = false;\n  protected isViewActive = false;\n  protected noRowsTemplate = `<div class=\"sky-deemphasized\">No results found.</div>`;\n  protected viewConfig: SkyDataViewConfig;\n\n  #columnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.#endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  #columnPickerOptions: SkyDataManagerColumnPickerOption[] = [\n    {\n      id: 'selected',\n      label: '',\n      alwaysDisplayed: true,\n    },\n    {\n      id: 'name',\n      label: 'Name',\n      description: 'The name of the employee.',\n    },\n    {\n      id: 'age',\n      label: 'Age',\n      description: 'The age of the employee.',\n    },\n    {\n      id: 'startDate',\n      label: 'Start date',\n      description: 'The start date of the employee.',\n    },\n    {\n      id: 'endDate',\n      label: 'End date',\n      description: 'The end date of the employee.',\n    },\n    {\n      id: 'department',\n      label: 'Department',\n      description: 'The department of the employee',\n    },\n    {\n      id: 'jobTitle',\n      label: 'Title',\n      description: 'The job title of the employee.',\n    },\n  ];\n\n  #columnApi?: ColumnApi;\n  #dataState = new SkyDataManagerState({});\n  #gridApi?: GridApi;\n  #ngUnsubscribe = new Subject<void>();\n  #viewId = 'dataGridMultiselectWithDataManagerView';\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #dataManagerSvc = inject(SkyDataManagerService);\n\n  constructor() {\n    this.viewConfig = {\n      id: this.#viewId,\n      name: 'Data Grid View',\n      icon: 'table',\n      searchEnabled: true,\n      sortEnabled: true,\n      multiselectToolbarEnabled: true,\n      columnPickerEnabled: true,\n      filterButtonEnabled: true,\n      columnOptions: this.#columnPickerOptions,\n    };\n  }\n\n  public ngOnInit(): void {\n    this.displayedItems = this.items;\n\n    this.#dataManagerSvc.initDataView(this.viewConfig);\n\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions: {\n        columnDefs: this.#columnDefs,\n        rowSelection: 'multiple',\n        onGridReady: this.onGridReady.bind(this),\n      },\n    });\n\n    this.#dataManagerSvc\n      .getDataStateUpdates(this.#viewId)\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((state) => {\n        this.#dataState = state;\n        this.#updateColumnOrder();\n        this.isGridReadyForInitialization = true;\n        this.#updateDisplayedItems();\n        this.#changeDetectorRef.detectChanges();\n      });\n\n    this.#dataManagerSvc\n      .getActiveViewIdUpdates()\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((id) => {\n        this.isViewActive = id === this.#viewId;\n        this.#changeDetectorRef.detectChanges();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#columnApi = gridReadyEvent.columnApi;\n    this.#updateDisplayedItems();\n  }\n\n  protected onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n    if (!rowSelectedEvent.data.selected) {\n      this.#updateDisplayedItems();\n    }\n  }\n\n  #searchItems(items: AgGridDemoRow[]): AgGridDemoRow[] {\n    let searchedItems = items;\n    const searchText = this.#dataState && this.#dataState.searchText;\n\n    if (searchText) {\n      searchedItems = items.filter((item) => {\n        let property: keyof typeof item;\n\n        for (property in item) {\n          if (\n            Object.prototype.hasOwnProperty.call(item, property) &&\n            property === 'name'\n          ) {\n            const propertyText = item[property].toLowerCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n\n    return searchedItems;\n  }\n\n  #filterItems(items: AgGridDemoRow[]): AgGridDemoRow[] {\n    let filteredItems = items;\n    const filterData = this.#dataState && this.#dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n\n      filteredItems = items.filter((item) => {\n        return (\n          ((filters.hideSales && item.department.name !== 'Sales') ||\n            !filters.hideSales) &&\n          ((filters.jobTitle !== 'any' &&\n            item.jobTitle?.name === filters.jobTitle) ||\n            !filters.jobTitle ||\n            filters.jobTitle === 'any')\n        );\n      });\n    }\n\n    return filteredItems;\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  #updateColumnOrder(): void {\n    const viewState: SkyDataViewState | undefined =\n      this.#dataState.getViewStateById(this.#viewId);\n\n    if (viewState) {\n      this.#columnDefs.sort((columnDefinition1, columnDefinition2) => {\n        const displayedColumnIdIndex1: number =\n          viewState.displayedColumnIds.findIndex(\n            (aDisplayedColumnId: string) =>\n              aDisplayedColumnId === columnDefinition1.field\n          );\n\n        const displayedColumnIdIndex2: number =\n          viewState.displayedColumnIds.findIndex(\n            (aDisplayedColumnId: string) =>\n              aDisplayedColumnId === columnDefinition2.field\n          );\n\n        if (displayedColumnIdIndex1 === -1) {\n          return 0;\n        } else if (displayedColumnIdIndex2 === -1) {\n          return 0;\n        } else {\n          return displayedColumnIdIndex1 - displayedColumnIdIndex2;\n        }\n      });\n\n      this.#changeDetectorRef.markForCheck();\n    }\n  }\n\n  #updateDisplayedItems(): void {\n    const sortOption = this.#dataState.activeSortOption;\n\n    if (this.#columnApi && sortOption) {\n      this.#columnApi.applyColumnState({\n        state: [\n          {\n            colId: sortOption.propertyName,\n            sort: sortOption.descending ? 'desc' : 'asc',\n          },\n        ],\n      });\n    }\n\n    this.displayedItems = this.#filterItems(this.#searchItems(this.items));\n\n    if (this.#dataState.onlyShowSelected) {\n      this.displayedItems = this.displayedItems.filter((item) => item.selected);\n    }\n\n    if (this.displayedItems.length > 0) {\n      this.#gridApi?.hideOverlay();\n    } else {\n      this.#gridApi?.showNoRowsOverlay();\n    }\n  }\n}\n"
     },
     {
       "fileName": "data-manager-multiselect-data-grid-docs-demo-view-grid.component.html",
@@ -7328,27 +7337,27 @@
     {
       "fileName": "data-manager-multiselect-data-grid-docs-demo-filter-modal.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo-filter-modal.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-data-manager-multiselect-data-grid-docs-demo-filter-modal',\n  templateUrl:\n    './data-manager-multiselect-data-grid-docs-demo-filter-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerMultiselectDataGridDocsDemoFiltersModalComponent {\n  public jobTitle = '';\n\n  public hideSales = false;\n\n  constructor(\n    public context: SkyDataManagerFilterModalContext,\n    public instance: SkyModalInstance,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    if (this.context.filterData && this.context.filterData.filters) {\n      const filters = this.context.filterData.filters;\n      this.jobTitle = filters.jobTitle || 'any';\n      this.hideSales = filters.hideSales || false;\n    }\n  }\n\n  public applyFilters() {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n    result.filters = {\n      jobTitle: this.jobTitle,\n      hideSales: this.hideSales,\n    };\n    this.changeDetector.markForCheck();\n\n    this.instance.save(result);\n  }\n\n  public clearAllFilters() {\n    this.hideSales = false;\n    this.jobTitle = 'any';\n  }\n\n  public cancel() {\n    this.instance.cancel();\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyModalInstance, SkyModalModule } from '@skyux/modals';\n\n@Component({\n  standalone: true,\n  selector: 'app-data-manager-multiselect-data-grid-docs-demo-filter-modal',\n  templateUrl:\n    './data-manager-multiselect-data-grid-docs-demo-filter-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, SkyCheckboxModule, SkyIdModule, SkyModalModule],\n})\nexport class DataManagerMultiselectDataGridDemoFiltersModalComponent {\n  protected hideSales = false;\n  protected jobTitle = '';\n\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #context = inject(SkyDataManagerFilterModalContext);\n  readonly #instance = inject(SkyModalInstance);\n\n  constructor() {\n    if (this.#context.filterData && this.#context.filterData.filters) {\n      const filters = this.#context.filterData.filters;\n\n      this.jobTitle = filters.jobTitle || 'any';\n      this.hideSales = filters.hideSales || false;\n    }\n\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  protected applyFilters(): void {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n    result.filters = {\n      jobTitle: this.jobTitle,\n      hideSales: this.hideSales,\n    };\n\n    this.#changeDetectorRef.markForCheck();\n    this.#instance.save(result);\n  }\n\n  protected clearAllFilters(): void {\n    this.hideSales = false;\n    this.jobTitle = 'any';\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  protected cancel(): void {\n    this.#instance.cancel();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-multiselect-data-grid-docs-demo-filter-modal.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-grid-docs-demo-filter-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header> Filter employees </sky-modal-header>\n  <sky-modal-content>\n    <label for=\"sky-demo-select-type\">Job Title</label>\n    <select\n      id=\"sky-demo-select-type\"\n      [(ngModel)]=\"jobTitle\"\n      class=\"sky-form-control\"\n    >\n      <option value=\"any\">Any job title</option>\n      <option value=\"Product Manager\">Product Manager</option>\n      <option value=\"Software Engineer\">Software Engineer</option>\n    </select>\n    <div style=\"margin-top: 15px\">\n      <sky-checkbox [(ngModel)]=\"hideSales\">\n        <sky-checkbox-label> Hide Sales employees </sky-checkbox-label>\n      </sky-checkbox>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyFilters()\"\n    >\n      Apply filters\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear all filters\n    </button>\n    <button type=\"button\" class=\"sky-btn sky-btn-link\" (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Filter employees </sky-modal-header>\n  <sky-modal-content>\n    <label [for]=\"jobTitleInput.id\">Job Title</label>\n    <select\n      class=\"sky-form-control\"\n      skyId=\"jobTitleInput\"\n      [(ngModel)]=\"jobTitle\"\n      #jobTitleInput\n    >\n      <option value=\"any\">Any job title</option>\n      <option value=\"Product Manager\">Product Manager</option>\n      <option value=\"Software Engineer\">Software Engineer</option>\n    </select>\n    <div class=\"sky-margin-stacked-lg\">\n      <sky-checkbox [(ngModel)]=\"hideSales\">\n        <sky-checkbox-label> Hide Sales employees </sky-checkbox-label>\n      </sky-checkbox>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"applyFilters()\"\n    >\n      Apply filters\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear all filters\n    </button>\n    <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "fileName": "data-manager-multiselect-data-grid-docs-demo-data.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager-multiselect/data-manager-multiselect-data-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: false,\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    jobTitle: SKY_JOB_TITLES['Sales'][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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    selected: false,\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[1],\n    jobTitle: JOB_TITLES['Sales'][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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[0],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\n"
     },
     {
       "fileName": "data-manager-data-grid-docs-demo.module.ts",
       "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"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataManagerDataGridDemoViewGridComponent } from './data-manager-data-grid-docs-demo-view-grid.component';\nimport { DataManagerDataGridDemoComponent } from './data-manager-data-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [\n    DataManagerDataGridDemoComponent,\n    DataManagerDataGridDemoViewGridComponent,\n  ],\n  exports: [DataManagerDataGridDemoComponent],\n  imports: [AgGridModule, CommonModule, SkyAgGridModule, SkyDataManagerModule],\n})\nexport class DataManagerDataGridDemoModule {}\n"
     },
     {
       "fileName": "data-manager-data-grid-docs-demo.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './data-manager-data-grid-docs-demo-data';\nimport { DataManagerDataGridDocsDemoFiltersModalComponent } from './data-manager-data-grid-docs-demo-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-data-grid-docs-demo',\n  templateUrl: './data-manager-data-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class SkyDataManagerDataGridDemoComponent implements OnInit {\n  public items = SKY_AG_GRID_DEMO_DATA;\n\n  public dataState = new SkyDataManagerState({});\n\n  public dataManagerConfig = {\n    filterModalComponent: DataManagerDataGridDocsDemoFiltersModalComponent,\n    sortOptions: [\n      {\n        id: 'az',\n        label: 'Name (A - Z)',\n        descending: false,\n        propertyName: 'name',\n      },\n      {\n        id: 'za',\n        label: 'Name (Z - A)',\n        descending: true,\n        propertyName: 'name',\n      },\n    ],\n  };\n\n  public defaultDataState = new SkyDataManagerState({\n    filterData: {\n      filtersApplied: false,\n      filters: {\n        hideSales: false,\n        jobTitle: 'any',\n      },\n    },\n    views: [\n      {\n        viewId: 'dataGridWithDataManagerView',\n        columnIds: [\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n        ],\n        displayedColumnIds: [\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n        ],\n      },\n    ],\n  });\n\n  public activeViewId = 'dataGridWithDataManagerView';\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private dataManagerService: SkyDataManagerService\n  ) {\n    this.dataManagerService\n      .getDataStateUpdates('dataGridDataManager')\n      .subscribe((state) => {\n        this.dataState = state;\n        this.changeDetector.detectChanges();\n      });\n    this.dataManagerService\n      .getActiveViewIdUpdates()\n      .subscribe((activeViewId) => {\n        this.activeViewId = activeViewId;\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public ngOnInit(): void {\n    this.dataManagerService.initDataManager({\n      activeViewId: this.activeViewId,\n      dataManagerConfig: this.dataManagerConfig,\n      defaultDataState: this.defaultDataState,\n    });\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { Subject, takeUntil } from 'rxjs';\n\nimport { AG_GRID_DEMO_DATA } from './data-manager-data-grid-docs-demo-data';\nimport { DataManagerDataGridDemoFiltersModalComponent } from './data-manager-data-grid-docs-demo-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-data-grid-docs-demo',\n  templateUrl: './data-manager-data-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class DataManagerDataGridDemoComponent implements OnInit, OnDestroy {\n  protected items = AG_GRID_DEMO_DATA;\n\n  #activeViewId = 'dataGridWithDataManagerView';\n\n  #dataManagerConfig = {\n    filterModalComponent: DataManagerDataGridDemoFiltersModalComponent,\n    sortOptions: [\n      {\n        id: 'az',\n        label: 'Name (A - Z)',\n        descending: false,\n        propertyName: 'name',\n      },\n      {\n        id: 'za',\n        label: 'Name (Z - A)',\n        descending: true,\n        propertyName: 'name',\n      },\n    ],\n  };\n\n  #defaultDataState = new SkyDataManagerState({\n    filterData: {\n      filtersApplied: false,\n      filters: {\n        hideSales: false,\n        jobTitle: 'any',\n      },\n    },\n    views: [\n      {\n        viewId: 'dataGridWithDataManagerView',\n        columnIds: [\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n        ],\n        displayedColumnIds: [\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n        ],\n      },\n    ],\n  });\n\n  #ngUnsubscribe = new Subject<void>();\n\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #dataManagerSvc = inject(SkyDataManagerService);\n\n  constructor() {\n    this.#dataManagerSvc\n      .getActiveViewIdUpdates()\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((activeViewId) => {\n        this.#activeViewId = activeViewId;\n        this.#changeDetectorRef.detectChanges();\n      });\n  }\n\n  public ngOnInit(): void {\n    this.#dataManagerSvc.initDataManager({\n      activeViewId: this.#activeViewId,\n      dataManagerConfig: this.#dataManagerConfig,\n      defaultDataState: this.#defaultDataState,\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-data-grid-docs-demo.component.html",
@@ -7358,7 +7367,7 @@
     {
       "fileName": "data-manager-data-grid-docs-demo-view-grid.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo-view-grid.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n  SkyDataManagerColumnPickerOption,\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n  SkyDataViewState,\n} from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  ColumnApi,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  RowSelectedEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SkyAgGridDemoRow } from './data-manager-data-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-data-manager-data-grid-docs-demo-view-grid',\n  templateUrl: './data-manager-data-grid-docs-demo-view-grid.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataGridDocsDemoViewGridComponent implements OnInit {\n  @Input()\n  public items: SkyAgGridDemoRow[] = [];\n\n  public viewId = 'dataGridWithDataManagerView';\n\n  public columnDefinitions: ColDef[] = [\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  private columnPickerOptions: SkyDataManagerColumnPickerOption[] = [\n    {\n      id: 'name',\n      label: 'Name',\n      description: 'The name of the employee.',\n    },\n    {\n      id: 'age',\n      label: 'Age',\n      description: 'The age of the employee.',\n    },\n    {\n      id: 'startDate',\n      label: 'Start date',\n      description: 'The start date of the employee.',\n    },\n    {\n      id: 'endDate',\n      label: 'End date',\n      description: 'The end date of the employee.',\n    },\n    {\n      id: 'department',\n      label: 'Department',\n      description: 'The department of the employee',\n    },\n    {\n      id: 'jobTitle',\n      label: 'Title',\n      description: 'The job title of the employee.',\n    },\n  ];\n\n  public dataState = new SkyDataManagerState({});\n\n  public columnApi?: ColumnApi;\n  public displayedItems: SkyAgGridDemoRow[] = [];\n  public gridApi?: GridApi;\n  public isGridReadyForInitialization = false;\n  public gridOptions!: GridOptions;\n  public noRowsTemplate = `<div class=\"sky-deemphasized\">No results found.</div>`;\n  public isViewActive = false;\n\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Data Grid View',\n    icon: 'table',\n    searchEnabled: true,\n    sortEnabled: true,\n    columnPickerEnabled: true,\n    filterButtonEnabled: true,\n    columnOptions: this.columnPickerOptions,\n  };\n\n  constructor(\n    private skyAgGridService: SkyAgGridService,\n    private changeDetector: ChangeDetectorRef,\n    private dataManagerService: SkyDataManagerService\n  ) {}\n\n  public ngOnInit(): void {\n    this.displayedItems = this.items;\n\n    this.dataManagerService.initDataView(this.viewConfig);\n\n    this.gridOptions = this.skyAgGridService.getGridOptions({\n      gridOptions: {\n        columnDefs: this.columnDefinitions,\n        rowSelection: 'single',\n        onGridReady: this.onGridReady.bind(this),\n      },\n    });\n\n    this.dataManagerService\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.updateColumnOrder();\n        this.isGridReadyForInitialization = true;\n        this.updateDisplayedItems();\n        this.changeDetector.detectChanges();\n      });\n\n    this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n      this.isViewActive = id === this.viewId;\n      this.changeDetector.detectChanges();\n    });\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\n    this.columnApi = gridReadyEvent.columnApi;\n    this.updateDisplayedItems();\n  }\n\n  public onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n    if (!rowSelectedEvent.data.selected) {\n      this.updateDisplayedItems();\n    }\n  }\n\n  private searchItems(items: SkyAgGridDemoRow[]): SkyAgGridDemoRow[] {\n    let searchedItems = items;\n    const searchText = this.dataState && this.dataState.searchText;\n\n    if (searchText) {\n      searchedItems = items.filter(function (item: SkyAgGridDemoRow) {\n        let property: keyof typeof item;\n\n        for (property in item) {\n          if (\n            Object.prototype.hasOwnProperty.call(item, property) &&\n            property === 'name'\n          ) {\n            const propertyText = item[property].toLowerCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n        return false;\n      });\n    }\n    return searchedItems;\n  }\n\n  private filterItems(items: SkyAgGridDemoRow[]): SkyAgGridDemoRow[] {\n    let filteredItems = items;\n    const filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n      filteredItems = items.filter((item: SkyAgGridDemoRow) => {\n        return (\n          ((filters.hideSales && item.department.name !== 'Sales') ||\n            !filters.hideSales) &&\n          ((filters.jobTitle !== 'any' &&\n            item.jobTitle?.name === filters.jobTitle) ||\n            !filters.jobTitle ||\n            filters.jobTitle === 'any')\n        );\n      });\n    }\n\n    return filteredItems;\n  }\n\n  private 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  private updateColumnOrder(): void {\n    const viewState: SkyDataViewState | undefined =\n      this.dataState.getViewStateById(this.viewId);\n\n    if (viewState) {\n      this.columnDefinitions.sort((columnDefinition1, columnDefinition2) => {\n        const displayedColumnIdIndex1: number =\n          viewState.displayedColumnIds.findIndex(\n            (aDisplayedColumnId: string) =>\n              aDisplayedColumnId === columnDefinition1.field\n          );\n        const displayedColumnIdIndex2: number =\n          viewState.displayedColumnIds.findIndex(\n            (aDisplayedColumnId: string) =>\n              aDisplayedColumnId === columnDefinition2.field\n          );\n\n        if (displayedColumnIdIndex1 === -1) {\n          return 0;\n        } else if (displayedColumnIdIndex2 === -1) {\n          return 0;\n        } else {\n          return displayedColumnIdIndex1 - displayedColumnIdIndex2;\n        }\n      });\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  private updateDisplayedItems(): void {\n    const sortOption = this.dataState.activeSortOption;\n    if (this.columnApi && sortOption) {\n      this.columnApi.applyColumnState({\n        state: [\n          {\n            colId: sortOption.propertyName,\n            sort: sortOption.descending ? 'desc' : 'asc',\n          },\n        ],\n      });\n    }\n\n    this.displayedItems = this.filterItems(this.searchItems(this.items));\n\n    if (this.dataState.onlyShowSelected) {\n      this.displayedItems = this.displayedItems.filter((item) => item.selected);\n    }\n\n    if (this.displayedItems.length > 0) {\n      this.gridApi?.hideOverlay();\n    } else {\n      this.gridApi?.showNoRowsOverlay();\n    }\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n  SkyDataManagerColumnPickerOption,\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n  SkyDataViewState,\n} from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  ColumnApi,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  RowSelectedEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\nimport { Subject, takeUntil } from 'rxjs';\n\nimport { AgGridDemoRow } from './data-manager-data-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-data-manager-data-grid-docs-demo-view-grid',\n  templateUrl: './data-manager-data-grid-docs-demo-view-grid.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataGridDemoViewGridComponent\n  implements OnInit, OnDestroy\n{\n  @Input()\n  public items: AgGridDemoRow[] = [];\n\n  protected displayedItems: AgGridDemoRow[] = [];\n  protected gridOptions!: GridOptions;\n  protected isGridReadyForInitialization = false;\n  protected isViewActive = false;\n  protected noRowsTemplate = `<div class=\"sky-deemphasized\">No results found.</div>`;\n  protected viewConfig: SkyDataViewConfig;\n\n  #columnDefs: ColDef[] = [\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.#endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  #columnPickerOptions: SkyDataManagerColumnPickerOption[] = [\n    {\n      id: 'name',\n      label: 'Name',\n      description: 'The name of the employee.',\n    },\n    {\n      id: 'age',\n      label: 'Age',\n      description: 'The age of the employee.',\n    },\n    {\n      id: 'startDate',\n      label: 'Start date',\n      description: 'The start date of the employee.',\n    },\n    {\n      id: 'endDate',\n      label: 'End date',\n      description: 'The end date of the employee.',\n    },\n    {\n      id: 'department',\n      label: 'Department',\n      description: 'The department of the employee',\n    },\n    {\n      id: 'jobTitle',\n      label: 'Title',\n      description: 'The job title of the employee.',\n    },\n  ];\n\n  #columnApi: ColumnApi | undefined;\n  #dataState = new SkyDataManagerState({});\n  #gridApi: GridApi | undefined;\n  #ngUnsubscribe = new Subject<void>();\n  #viewId = 'dataGridWithDataManagerView';\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #dataManagerSvc = inject(SkyDataManagerService);\n\n  constructor() {\n    this.viewConfig = {\n      id: this.#viewId,\n      name: 'Data Grid View',\n      icon: 'table',\n      searchEnabled: true,\n      sortEnabled: true,\n      columnPickerEnabled: true,\n      filterButtonEnabled: true,\n      columnOptions: this.#columnPickerOptions,\n    };\n  }\n\n  public ngOnInit(): void {\n    this.displayedItems = this.items;\n\n    this.#dataManagerSvc.initDataView(this.viewConfig);\n\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions: {\n        columnDefs: this.#columnDefs,\n        rowSelection: 'single',\n        onGridReady: this.onGridReady.bind(this),\n      },\n    });\n\n    this.#dataManagerSvc\n      .getDataStateUpdates(this.#viewId)\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((state) => {\n        this.#dataState = state;\n        this.#updateColumnOrder();\n        this.isGridReadyForInitialization = true;\n        this.#updateDisplayedItems();\n        this.#changeDetectorRef.detectChanges();\n      });\n\n    this.#dataManagerSvc\n      .getActiveViewIdUpdates()\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((id) => {\n        this.isViewActive = id === this.#viewId;\n        this.#changeDetectorRef.detectChanges();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#columnApi = gridReadyEvent.columnApi;\n    this.#updateDisplayedItems();\n  }\n\n  protected onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n    if (!rowSelectedEvent.data.selected) {\n      this.#updateDisplayedItems();\n    }\n  }\n\n  #searchItems(items: AgGridDemoRow[]): AgGridDemoRow[] {\n    let searchedItems = items;\n    const searchText = this.#dataState && this.#dataState.searchText;\n\n    if (searchText) {\n      searchedItems = items.filter(function (item: AgGridDemoRow) {\n        let property: keyof typeof item;\n\n        for (property in item) {\n          if (\n            Object.prototype.hasOwnProperty.call(item, property) &&\n            property === 'name'\n          ) {\n            const propertyText = item[property].toLowerCase();\n\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n\n    return searchedItems;\n  }\n\n  #filterItems(items: AgGridDemoRow[]): AgGridDemoRow[] {\n    let filteredItems = items;\n    const filterData = this.#dataState && this.#dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n      filteredItems = items.filter((item: AgGridDemoRow) => {\n        return (\n          ((filters.hideSales && item.department.name !== 'Sales') ||\n            !filters.hideSales) &&\n          ((filters.jobTitle !== 'any' &&\n            item.jobTitle?.name === filters.jobTitle) ||\n            !filters.jobTitle ||\n            filters.jobTitle === 'any')\n        );\n      });\n    }\n\n    return filteredItems;\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  #updateColumnOrder(): void {\n    const viewState: SkyDataViewState | undefined =\n      this.#dataState.getViewStateById(this.#viewId);\n\n    if (viewState) {\n      this.#columnDefs.sort((columnDefinition1, columnDefinition2) => {\n        const displayedColumnIdIndex1: number =\n          viewState.displayedColumnIds.findIndex(\n            (aDisplayedColumnId: string) =>\n              aDisplayedColumnId === columnDefinition1.field\n          );\n\n        const displayedColumnIdIndex2: number =\n          viewState.displayedColumnIds.findIndex(\n            (aDisplayedColumnId: string) =>\n              aDisplayedColumnId === columnDefinition2.field\n          );\n\n        if (displayedColumnIdIndex1 === -1) {\n          return 0;\n        } else if (displayedColumnIdIndex2 === -1) {\n          return 0;\n        } else {\n          return displayedColumnIdIndex1 - displayedColumnIdIndex2;\n        }\n      });\n\n      this.#changeDetectorRef.markForCheck();\n    }\n  }\n\n  #updateDisplayedItems(): void {\n    const sortOption = this.#dataState.activeSortOption;\n\n    if (this.#columnApi && sortOption) {\n      this.#columnApi.applyColumnState({\n        state: [\n          {\n            colId: sortOption.propertyName,\n            sort: sortOption.descending ? 'desc' : 'asc',\n          },\n        ],\n      });\n    }\n\n    this.displayedItems = this.#filterItems(this.#searchItems(this.items));\n\n    if (this.#dataState.onlyShowSelected) {\n      this.displayedItems = this.displayedItems.filter((item) => item.selected);\n    }\n\n    if (this.displayedItems.length > 0) {\n      this.#gridApi?.hideOverlay();\n    } else {\n      this.#gridApi?.showNoRowsOverlay();\n    }\n  }\n}\n"
     },
     {
       "fileName": "data-manager-data-grid-docs-demo-view-grid.component.html",
@@ -7368,107 +7377,107 @@
     {
       "fileName": "data-manager-data-grid-docs-demo-filter-modal.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo-filter-modal.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-data-manager-data-grid-docs-demo-filter-modal',\n  templateUrl: './data-manager-data-grid-docs-demo-filter-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataGridDocsDemoFiltersModalComponent {\n  public jobTitle = '';\n\n  public hideSales = false;\n\n  constructor(\n    public context: SkyDataManagerFilterModalContext,\n    public instance: SkyModalInstance,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    if (this.context.filterData && this.context.filterData.filters) {\n      const filters = this.context.filterData.filters;\n      this.jobTitle = filters.jobTitle || 'any';\n      this.hideSales = filters.hideSales || false;\n    }\n  }\n\n  public applyFilters(): void {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n    result.filters = {\n      jobTitle: this.jobTitle,\n      hideSales: this.hideSales,\n    };\n    this.changeDetector.markForCheck();\n\n    this.instance.save(result);\n  }\n\n  public clearAllFilters(): void {\n    this.hideSales = false;\n    this.jobTitle = 'any';\n  }\n\n  public cancel(): void {\n    this.instance.cancel();\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyModalInstance, SkyModalModule } from '@skyux/modals';\n\n@Component({\n  standalone: true,\n  selector: 'app-data-manager-data-grid-docs-demo-filter-modal',\n  templateUrl: './data-manager-data-grid-docs-demo-filter-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, SkyCheckboxModule, SkyIdModule, SkyModalModule],\n})\nexport class DataManagerDataGridDemoFiltersModalComponent {\n  protected hideSales = false;\n  protected jobTitle = '';\n\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #context = inject(SkyDataManagerFilterModalContext);\n  readonly #instance = inject(SkyModalInstance);\n\n  constructor() {\n    if (this.#context.filterData && this.#context.filterData.filters) {\n      const filters = this.#context.filterData.filters;\n\n      this.jobTitle = filters.jobTitle || 'any';\n      this.hideSales = filters.hideSales || false;\n    }\n\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  protected applyFilters(): void {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n    result.filters = {\n      jobTitle: this.jobTitle,\n      hideSales: this.hideSales,\n    };\n\n    this.#changeDetectorRef.markForCheck();\n    this.#instance.save(result);\n  }\n\n  protected clearAllFilters(): void {\n    this.hideSales = false;\n    this.jobTitle = 'any';\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  protected cancel(): void {\n    this.#instance.cancel();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-data-grid-docs-demo-filter-modal.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-grid-docs-demo-filter-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header> Filter employees </sky-modal-header>\n  <sky-modal-content>\n    <label for=\"sky-demo-select-type\">Job Title</label>\n    <select\n      id=\"sky-demo-select-type\"\n      [(ngModel)]=\"jobTitle\"\n      class=\"sky-form-control\"\n    >\n      <option value=\"any\">Any job title</option>\n      <option value=\"Product Manager\">Product Manager</option>\n      <option value=\"Software Engineer\">Software Engineer</option>\n    </select>\n    <div style=\"margin-top: 15px\">\n      <sky-checkbox [(ngModel)]=\"hideSales\">\n        <sky-checkbox-label> Hide Sales employees </sky-checkbox-label>\n      </sky-checkbox>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyFilters()\"\n    >\n      Apply filters\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear all filters\n    </button>\n    <button type=\"button\" class=\"sky-btn sky-btn-link\" (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Filter employees </sky-modal-header>\n  <sky-modal-content>\n    <label [for]=\"jobTitleInput.id\">Job Title</label>\n    <select\n      class=\"sky-form-control\"\n      skyId=\"jobTitleInput\"\n      [(ngModel)]=\"jobTitle\"\n      #jobTitleInput\n    >\n      <option value=\"any\">Any job title</option>\n      <option value=\"Product Manager\">Product Manager</option>\n      <option value=\"Software Engineer\">Software Engineer</option>\n    </select>\n    <div class=\"sky-margin-stacked-lg\">\n      <sky-checkbox [(ngModel)]=\"hideSales\">\n        <sky-checkbox-label> Hide Sales employees </sky-checkbox-label>\n      </sky-checkbox>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"applyFilters()\"\n    >\n      Apply filters\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear all filters\n    </button>\n    <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "fileName": "data-manager-data-grid-docs-demo-data.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/data-manager/data-manager-data-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    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    jobTitle: SKY_JOB_TITLES['Sales'][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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: JOB_TITLES['Customer Support'][1],\n  },\n  {\n    name: 'Jane Deere',\n    age: 33,\n    startDate: new Date('7/15/2009'),\n    department: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[1],\n    jobTitle: JOB_TITLES['Sales'][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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][4],\n  },\n  {\n    name: 'Emily Johnson',\n    age: 41,\n    startDate: new Date('1/15/2014'),\n    department: DEPARTMENTS[0],\n    jobTitle: JOB_TITLES['Marketing'][2],\n  },\n  {\n    name: 'Nicole Davidson',\n    age: 22,\n    startDate: new Date('11/1/2019'),\n    department: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][0],\n  },\n  {\n    name: 'Carl Roberts',\n    age: 23,\n    startDate: new Date('11/1/2019'),\n    department: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\n"
     },
     {
       "fileName": "basic-multiselect-data-grid-docs-demo.module.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic-multiselect/basic-multiselect-data-grid-docs-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 { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { SkyBasicMultiselectDataGridDemoComponent } from './basic-multiselect-data-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [SkyBasicMultiselectDataGridDemoComponent],\n  exports: [SkyBasicMultiselectDataGridDemoComponent],\n  imports: [\n    CommonModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    SkyDataManagerModule,\n    SkyAgGridModule,\n    AgGridModule,\n  ],\n  providers: [SkyDataManagerService],\n})\nexport class SkyBasicMultiselectDataGridDocsDemoModule {}\n"
+      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { BasicMultiselectDataGridDemoComponent } from './basic-multiselect-data-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [BasicMultiselectDataGridDemoComponent],\n  exports: [BasicMultiselectDataGridDemoComponent],\n  imports: [AgGridModule, SkyAgGridModule],\n})\nexport class BasicMultiselectDataGridDemoModule {}\n"
     },
     {
       "fileName": "basic-multiselect-data-grid-docs-demo.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic-multiselect/basic-multiselect-data-grid-docs-demo.component.ts",
-      "rawContents": "import { ChangeDetectionStrategy, Component } 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 './basic-multiselect-data-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-basic-multiselect-data-grid-docs-demo',\n  templateUrl: './basic-multiselect-data-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyBasicMultiselectDataGridDemoComponent {\n  public multiselectColumnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  public gridApi: GridApi | undefined;\n  public gridData = SKY_AG_GRID_DEMO_DATA;\n  public gridOptions: GridOptions;\n  public searchText = '';\n\n  constructor(private agGridService: SkyAgGridService) {\n    this.gridOptions = {\n      columnDefs: this.multiselectColumnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n      rowSelection: 'multiple',\n    };\n    this.gridOptions = this.agGridService.getGridOptions({\n      gridOptions: this.gridOptions,\n    });\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\n  }\n\n  private 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"
+      "rawContents": "import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyDataManagerService } from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { AG_GRID_DEMO_DATA } from './basic-multiselect-data-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-basic-multiselect-data-grid-docs-demo',\n  templateUrl: './basic-multiselect-data-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class BasicMultiselectDataGridDemoComponent {\n  protected gridData = AG_GRID_DEMO_DATA;\n  protected gridOptions: GridOptions;\n\n  #columnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.#endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  #gridApi: GridApi | undefined;\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n\n  constructor() {\n    const gridOptions: GridOptions = {\n      columnDefs: this.#columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n      rowSelection: 'multiple',\n    };\n\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions,\n    });\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\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": "basic-multiselect-data-grid-docs-demo.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic-multiselect/basic-multiselect-data-grid-docs-demo.component.html",
-      "rawContents": "<div>\n  <sky-ag-grid-wrapper>\n    <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"gridData\">\n    </ag-grid-angular>\n  </sky-ag-grid-wrapper>\n</div>\n"
+      "rawContents": "<sky-ag-grid-wrapper>\n  <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"gridData\">\n  </ag-grid-angular>\n</sky-ag-grid-wrapper>\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",
-      "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: false,\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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    selected: false,\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[0],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\n"
     },
     {
       "fileName": "basic-data-grid-docs-demo.module.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic/basic-data-grid-docs-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 { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { SkyBasicDataGridDemoComponent } from './basic-data-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [SkyBasicDataGridDemoComponent],\n  exports: [SkyBasicDataGridDemoComponent],\n  imports: [\n    CommonModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    SkyDataManagerModule,\n    SkyAgGridModule,\n    AgGridModule,\n  ],\n  providers: [SkyDataManagerService],\n})\nexport class SkyBasicDataGridDocsDemoModule {}\n"
+      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { BasicDataGridDemoComponent } from './basic-data-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [BasicDataGridDemoComponent],\n  exports: [BasicDataGridDemoComponent],\n  imports: [AgGridModule, SkyAgGridModule],\n})\nexport class BasicDataGridDemoModule {}\n"
     },
     {
       "fileName": "basic-data-grid-docs-demo.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic/basic-data-grid-docs-demo.component.ts",
-      "rawContents": "import { ChangeDetectionStrategy, Component } 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 './basic-data-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-basic-data-grid-docs-demo',\n  templateUrl: './basic-data-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyBasicDataGridDemoComponent {\n  public columnDefs: ColDef[] = [\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  public gridApi: GridApi | undefined;\n  public gridData = SKY_AG_GRID_DEMO_DATA;\n  public gridOptions: GridOptions;\n  public searchText = '';\n\n  constructor(private agGridService: SkyAgGridService) {\n    this.gridOptions = {\n      columnDefs: this.columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n      rowSelection: 'single',\n    };\n    this.gridOptions = this.agGridService.getGridOptions({\n      gridOptions: this.gridOptions,\n    });\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\n  }\n\n  private 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"
+      "rawContents": "import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyDataManagerService } from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { AG_GRID_DEMO_DATA } from './basic-data-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-basic-data-grid-docs-demo',\n  templateUrl: './basic-data-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class BasicDataGridDemoComponent {\n  protected gridData = AG_GRID_DEMO_DATA;\n  protected gridOptions: GridOptions;\n\n  #columnDefs: ColDef[] = [\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.#endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n  ];\n\n  #gridApi: GridApi | undefined;\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n\n  constructor() {\n    const gridOptions: GridOptions = {\n      columnDefs: this.#columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n      rowSelection: 'single',\n    };\n\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions,\n    });\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\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": "basic-data-grid-docs-demo.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic/basic-data-grid-docs-demo.component.html",
-      "rawContents": "<div>\n  <sky-ag-grid-wrapper>\n    <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"gridData\">\n    </ag-grid-angular>\n  </sky-ag-grid-wrapper>\n</div>\n"
+      "rawContents": "<sky-ag-grid-wrapper>\n  <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"gridData\">\n  </ag-grid-angular>\n</sky-ag-grid-wrapper>\n"
     },
     {
       "fileName": "basic-data-grid-docs-demo-data.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-grid/basic/basic-data-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    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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: JOB_TITLES['Customer Support'][1],\n  },\n  {\n    name: 'Jane Deere',\n    age: 33,\n    startDate: new Date('7/15/2009'),\n    department: DEPARTMENTS[2],\n    jobTitle: 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: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][4],\n  },\n  {\n    name: 'Emily Johnson',\n    age: 41,\n    startDate: new Date('1/15/2014'),\n    department: DEPARTMENTS[0],\n    jobTitle: JOB_TITLES['Marketing'][2],\n  },\n  {\n    name: 'Nicole Davidson',\n    age: 22,\n    startDate: new Date('11/1/2019'),\n    department: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][0],\n  },\n  {\n    name: 'Carl Roberts',\n    age: 23,\n    startDate: new Date('11/1/2019'),\n    department: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\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 | undefined;\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"
+      "rawContents": "import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { SkyAgGridHeaderInfo } from '@skyux/ag-grid';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\n\n@Component({\n  standalone: true,\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  imports: [SkyHelpInlineModule],\n})\nexport class InlineHelpComponent {\n  readonly #displayName: string | undefined;\n\n  readonly #headerInfo = inject(SkyAgGridHeaderInfo);\n\n  constructor() {\n    this.#displayName = this.#headerInfo.displayName;\n  }\n\n  protected onHelpClick(): void {\n    alert(`Help was clicked for ${this.#displayName}.`);\n  }\n}\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"
+      "rawContents": "<sky-help-inline\n  class=\"sky-control-help\"\n  (actionClick)=\"onHelpClick()\"\n></sky-help-inline>\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"
+      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataEntryGridDemoComponent } from './data-entry-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [DataEntryGridDemoComponent],\n  imports: [AgGridModule, SkyAgGridModule, SkySearchModule, SkyToolbarModule],\n  exports: [DataEntryGridDemoComponent],\n})\nexport class DataEntryGridDemoModule {}\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: string): 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: number): boolean => 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): boolean =>\n            !!value && value > new Date(1985, 9, 26),\n          validatorMessage: '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): void => 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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n  SkyModalCloseArgs,\n  SkyModalConfigurationInterface,\n  SkyModalService,\n} from '@skyux/modals';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { DataEntryGridContextMenuComponent } from './data-entry-grid-docs-demo-context-menu.component';\nimport { AG_GRID_DEMO_DATA } from './data-entry-grid-docs-demo-data';\nimport { DataEntryGridEditModalContext } from './data-entry-grid-docs-demo-edit-modal-context';\nimport { DataEntryGridEditModalComponent } 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 DataEntryGridDemoComponent {\n  protected gridData = AG_GRID_DEMO_DATA;\n  protected gridOptions: GridOptions;\n  protected noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n  protected searchText = '';\n\n  #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: DataEntryGridContextMenuComponent,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n      type: SkyCellType.Text,\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value: string): 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: number): boolean => 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): boolean =>\n            !!value && value > new Date(1985, 9, 26),\n          validatorMessage: 'Enter a future date',\n        },\n      },\n      headerComponentParams: {\n        inlineHelpComponent: InlineHelpComponent,\n      },\n    },\n  ];\n  #gridApi: GridApi | undefined;\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #modalSvc = inject(SkyModalService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n\n  constructor() {\n    const gridOptions: GridOptions = {\n      columnDefs: this.#columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n    };\n\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions,\n    });\n\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  protected openModal(): void {\n    const context = new DataEntryGridEditModalContext();\n    context.gridData = this.gridData;\n\n    const options: SkyModalConfigurationInterface = {\n      providers: [\n        {\n          provide: DataEntryGridEditModalContext,\n          useValue: context,\n        },\n      ],\n      ariaDescribedBy: 'docs-edit-grid-modal-content',\n      size: 'large',\n    };\n\n    const modalInstance = this.#modalSvc.open(\n      DataEntryGridEditModalComponent,\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        this.#gridApi?.refreshCells();\n\n        alert('Saving data!');\n      }\n    });\n  }\n\n  protected searchApplied(searchText: string | void): void {\n    this.searchText = searchText ?? '';\n\n    if (this.#gridApi) {\n      this.#gridApi.setQuickFilter(this.searchText);\n      const displayedRowCount = this.#gridApi.getDisplayedRowCount();\n\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.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"
+      "rawContents": "<div>\n  <sky-toolbar>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-primary\"\n        type=\"button\"\n        (click)=\"openModal()\"\n      >\n        Edit\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <sky-search\n        [debounceTime]=\"250\"\n        [searchText]=\"searchText\"\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      [overlayNoRowsTemplate]=\"noRowsTemplate\"\n      [rowData]=\"gridData\"\n    >\n    </ag-grid-angular>\n  </sky-ag-grid-wrapper>\n</div>\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  IRowNode,\n  NewValueParams,\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: string): 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: number): boolean => 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): boolean =>\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): void => 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: IRowNode\n  ): void {\n    if (change.selectedItem && change.selectedItem !== node.data.department) {\n      this.#clearJobTitle(node);\n    }\n  }\n\n  #clearJobTitle(node: IRowNode | 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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport {\n  SkyAgGridAutocompleteProperties,\n  SkyAgGridDatepickerProperties,\n  SkyAgGridModule,\n  SkyAgGridService,\n  SkyCellType,\n} from '@skyux/ag-grid';\nimport { SkyAutocompleteSelectionChange } from '@skyux/lookup';\nimport { SkyModalInstance, SkyModalModule } from '@skyux/modals';\n\nimport { AgGridModule } from 'ag-grid-angular';\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ICellEditorParams,\n  IRowNode,\n} from 'ag-grid-community';\n\nimport {\n  AgGridDemoRow,\n  DEPARTMENTS,\n  JOB_TITLES,\n} from './data-entry-grid-docs-demo-data';\nimport { DataEntryGridEditModalContext } from './data-entry-grid-docs-demo-edit-modal-context';\n\n@Component({\n  standalone: true,\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  imports: [AgGridModule, SkyAgGridModule, SkyModalModule],\n})\nexport class DataEntryGridEditModalComponent {\n  protected gridData: AgGridDemoRow[];\n  protected gridOptions: GridOptions;\n\n  #columnDefs: ColDef[];\n  #gridApi: GridApi | undefined;\n\n  protected readonly instance = inject(SkyModalInstance);\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #context = inject(DataEntryGridEditModalContext);\n\n  constructor() {\n    this.#columnDefs = [\n      {\n        field: 'name',\n        headerName: 'Name',\n        type: SkyCellType.Text,\n        cellRendererParams: {\n          skyComponentProperties: {\n            validator: (value: string): 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: number): boolean => 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: DEPARTMENTS,\n              selectionChange: (change): void => {\n                this.#departmentSelectionChange(change, params.node);\n              },\n            },\n          };\n        },\n        onCellValueChanged: (event): 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              JOB_TITLES[selectedDepartment];\n          }\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): boolean =>\n              !!value && value > new Date(1985, 9, 26),\n            validatorMessage: 'Please enter a future date',\n          },\n        },\n        editable: true,\n      },\n    ];\n\n    this.gridData = this.#context.gridData;\n\n    const gridOptions: GridOptions = {\n      columnDefs: this.#columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n    };\n\n    this.gridOptions = this.#agGridSvc.getEditableGridOptions({\n      gridOptions,\n    });\n\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  #departmentSelectionChange(\n    change: SkyAutocompleteSelectionChange,\n    node: IRowNode\n  ): void {\n    if (change.selectedItem && change.selectedItem !== node.data.department) {\n      this.#clearJobTitle(node);\n    }\n  }\n\n  #clearJobTitle(node: IRowNode | null): void {\n    if (node) {\n      node.data.jobTitle = undefined;\n\n      this.#changeDetectorRef.markForCheck();\n      this.#gridApi?.refreshCells({ rowNodes: [node] });\n    }\n  }\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"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Edit employee information </sky-modal-header>\n  <sky-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  </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-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"
+      "rawContents": "import { AgGridDemoRow } from './data-entry-grid-docs-demo-data';\n\nexport class DataEntryGridEditModalContext {\n  public gridData: AgGridDemoRow[] = [];\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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    selected: true,\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[0],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\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"
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n  standalone: true,\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  imports: [SkyDropdownModule],\n})\nexport class DataEntryGridContextMenuComponent\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  protected actionClicked(action: string): void {\n    alert(`${action} clicked for ${this.#name}`);\n  }\n}\n"
     },
     {
       "fileName": "data-entry-grid-docs-demo-context-menu.component.html",
@@ -7478,62 +7487,62 @@
     {
       "fileName": "data-manager-data-entry-grid-docs-demo.module.ts",
       "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"
+      "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 { SkyDropdownModule } from '@skyux/popovers';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataManagerDataEntryGridDemoViewGridComponent } from './data-manager-data-entry-grid-docs-demo-view-grid.component';\nimport { DataManagerDataEntryGridDemoComponent } from './data-manager-data-entry-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [\n    DataManagerDataEntryGridDemoComponent,\n    DataManagerDataEntryGridDemoViewGridComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    AgGridModule,\n    SkyAgGridModule,\n    SkyDropdownModule,\n    SkyDataManagerModule,\n    SkyCheckboxModule,\n  ],\n  exports: [DataManagerDataEntryGridDemoComponent],\n})\nexport class DataManagerDataEntryGridDemoModule {}\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { SKY_AG_GRID_DEMO_DATA } from './data-manager-data-entry-grid-docs-demo-data';\nimport { SkyDataEntryGridEditModalContext } from './data-manager-data-entry-grid-docs-demo-edit-modal-context';\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';\n\n@Component({\n  selector: 'app-data-manager-data-entry-grid-docs-demo',\n  templateUrl: './data-manager-data-entry-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class SkyDataManagerDataEntryGridDemoComponent implements OnInit {\n  public items = SKY_AG_GRID_DEMO_DATA;\n\n  public activeViewId = 'dataEntryGridWithDataManagerView';\n\n  public dataState = new SkyDataManagerState({});\n\n  public dataManagerConfig = {\n    filterModalComponent: DataManagerDataEntryGridDocsDemoFiltersModalComponent,\n    sortOptions: [\n      {\n        id: 'az',\n        label: 'Name (A - Z)',\n        descending: false,\n        propertyName: 'name',\n      },\n      {\n        id: 'za',\n        label: 'Name (Z - A)',\n        descending: true,\n        propertyName: 'name',\n      },\n    ],\n  };\n\n  public defaultDataState = new SkyDataManagerState({\n    filterData: {\n      filtersApplied: false,\n      filters: {\n        hideSales: false,\n      },\n    },\n    views: [\n      {\n        viewId: 'dataEntryGridWithDataManagerView',\n        displayedColumnIds: [\n          'selected',\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n          'validationCurrency',\n          'validationDate',\n        ],\n      },\n    ],\n  });\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private dataManagerService: SkyDataManagerService,\n    private modalService: SkyModalService\n  ) {\n    this.dataManagerService\n      .getDataStateUpdates('dataEntryGridDataManager')\n      .subscribe((state) => {\n        this.dataState = state;\n        this.changeDetector.detectChanges();\n      });\n    this.dataManagerService\n      .getActiveViewIdUpdates()\n      .subscribe((activeViewId) => {\n        this.activeViewId = activeViewId;\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public ngOnInit(): void {\n    this.dataManagerService.initDataManager({\n      activeViewId: this.activeViewId,\n      dataManagerConfig: this.dataManagerConfig,\n      defaultDataState: this.defaultDataState,\n    });\n  }\n\n  public openModal(): void {\n    const context = new SkyDataEntryGridEditModalContext();\n    context.gridData = this.items.slice();\n    this.changeDetector.markForCheck();\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      SkyDataManagerDataEntryGridEditModalComponent,\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.items = result.data;\n        alert('Saving data!');\n      }\n      this.changeDetector.markForCheck();\n    });\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\nimport { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';\n\nimport { Subject, takeUntil } from 'rxjs';\n\nimport { AG_GRID_DEMO_DATA } from './data-manager-data-entry-grid-docs-demo-data';\nimport { DataEntryGridEditModalContext } from './data-manager-data-entry-grid-docs-demo-edit-modal-context';\nimport { DataManagerDataEntryGridEditModalComponent } from './data-manager-data-entry-grid-docs-demo-edit-modal.component';\nimport { DataManagerDataEntryGridDemoFiltersModalComponent } from './data-manager-data-entry-grid-docs-demo-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-data-entry-grid-docs-demo',\n  templateUrl: './data-manager-data-entry-grid-docs-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyDataManagerService],\n})\nexport class DataManagerDataEntryGridDemoComponent\n  implements OnInit, OnDestroy\n{\n  protected items = AG_GRID_DEMO_DATA;\n\n  #activeViewId = 'dataEntryGridWithDataManagerView';\n\n  #defaultDataState = new SkyDataManagerState({\n    filterData: {\n      filtersApplied: false,\n      filters: {\n        hideSales: false,\n      },\n    },\n    views: [\n      {\n        viewId: 'dataEntryGridWithDataManagerView',\n        displayedColumnIds: [\n          'selected',\n          'name',\n          'age',\n          'startDate',\n          'endDate',\n          'department',\n          'jobTitle',\n          'validationCurrency',\n          'validationDate',\n        ],\n      },\n    ],\n  });\n\n  #dataManagerConfig = {\n    filterModalComponent: DataManagerDataEntryGridDemoFiltersModalComponent,\n    sortOptions: [\n      {\n        id: 'az',\n        label: 'Name (A - Z)',\n        descending: false,\n        propertyName: 'name',\n      },\n      {\n        id: 'za',\n        label: 'Name (Z - A)',\n        descending: true,\n        propertyName: 'name',\n      },\n    ],\n  };\n\n  #ngUnsubscribe = new Subject<void>();\n\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #dataManagerSvc = inject(SkyDataManagerService);\n  readonly #modalSvc = inject(SkyModalService);\n\n  constructor() {\n    this.#dataManagerSvc\n      .getActiveViewIdUpdates()\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((activeViewId) => {\n        this.#activeViewId = activeViewId;\n        this.#changeDetectorRef.detectChanges();\n      });\n  }\n\n  public ngOnInit(): void {\n    this.#dataManagerSvc.initDataManager({\n      activeViewId: this.#activeViewId,\n      dataManagerConfig: this.#dataManagerConfig,\n      defaultDataState: this.#defaultDataState,\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  protected openModal(): void {\n    const context = new DataEntryGridEditModalContext();\n    context.gridData = this.items.slice();\n\n    this.#changeDetectorRef.markForCheck();\n\n    const options: SkyModalConfigurationInterface = {\n      ariaDescribedBy: 'docs-edit-grid-modal-content',\n      providers: [\n        {\n          provide: DataEntryGridEditModalContext,\n          useValue: context,\n        },\n      ],\n      size: 'large',\n    };\n\n    const modalInstance = this.#modalSvc.open(\n      DataManagerDataEntryGridEditModalComponent,\n      options\n    );\n\n    modalInstance.closed.subscribe((result) => {\n      if (result.reason === 'cancel' || result.reason === 'close') {\n        alert('Edits canceled!');\n      } else {\n        this.items = result.data;\n        alert('Saving data!');\n      }\n\n      this.#changeDetectorRef.markForCheck();\n    });\n  }\n}\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo.component.html",
-      "rawContents": "<sky-data-manager>\n  <sky-data-manager-toolbar>\n    <sky-data-manager-toolbar-left-item>\n      <button\n        class=\"sky-btn sky-btn-primary\"\n        id=\"edit-btn\"\n        (click)=\"openModal()\"\n      >\n        Edit\n      </button>\n    </sky-data-manager-toolbar-left-item>\n  </sky-data-manager-toolbar>\n  <app-data-manager-data-entry-grid-docs-demo-view-grid\n    [items]=\"items\"\n  ></app-data-manager-data-entry-grid-docs-demo-view-grid>\n</sky-data-manager>\n"
+      "rawContents": "<sky-data-manager>\n  <sky-data-manager-toolbar>\n    <sky-data-manager-toolbar-left-item>\n      <button\n        class=\"sky-btn sky-btn-primary\"\n        type=\"button\"\n        (click)=\"openModal()\"\n      >\n        Edit\n      </button>\n    </sky-data-manager-toolbar-left-item>\n  </sky-data-manager-toolbar>\n  <app-data-manager-data-entry-grid-docs-demo-view-grid\n    [items]=\"items\"\n  ></app-data-manager-data-entry-grid-docs-demo-view-grid>\n</sky-data-manager>\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-view-grid.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo-view-grid.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n} from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  ColumnApi,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  RowSelectedEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { SkyAgGridDemoRow } from './data-manager-data-entry-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-data-manager-data-entry-grid-docs-demo-view-grid',\n  templateUrl:\n    './data-manager-data-entry-grid-docs-demo-view-grid.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataEntryGridDocsDemoViewGridComponent\n  implements OnInit\n{\n  @Input()\n  public set items(value: SkyAgGridDemoRow[]) {\n    this._items = value;\n    this.changeDetector.markForCheck();\n    if (this.gridApi) {\n      this.gridApi.refreshCells();\n    }\n  }\n\n  public viewId = 'dataEntryGridWithDataManagerView';\n\n  public columnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'validationCurrency',\n      headerName: 'Validation currency',\n      type: [SkyCellType.CurrencyValidator],\n    },\n    {\n      field: 'validationDate',\n      headerName: 'Validation date',\n      type: [SkyCellType.Date, SkyCellType.Validator],\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value: Date): boolean =>\n            !!value && value > new Date(1985, 9, 26),\n          validatorMessage: 'Please enter a future date',\n        },\n      },\n    },\n  ];\n\n  public dataState = new SkyDataManagerState({});\n\n  public columnApi?: ColumnApi;\n  public displayedItems: SkyAgGridDemoRow[] = [];\n  public gridApi?: GridApi;\n  public gridInitialized = false;\n  public gridOptions!: GridOptions;\n  public noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n  public isActive = false;\n\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Data Grid View',\n    icon: 'table',\n    searchEnabled: true,\n    sortEnabled: true,\n    multiselectToolbarEnabled: true,\n    columnPickerEnabled: true,\n    filterButtonEnabled: true,\n    columnOptions: [\n      {\n        id: 'selected',\n        label: 'selected',\n        alwaysDisplayed: true,\n      },\n      {\n        id: 'name',\n        label: 'Name',\n        description: 'The name of the employee.',\n      },\n      {\n        id: 'age',\n        label: 'Age',\n        description: 'The age of the employee.',\n      },\n      {\n        id: 'startDate',\n        label: 'Start date',\n        description: 'The start date of the employee.',\n      },\n      {\n        id: 'endDate',\n        label: 'End date',\n        description: 'The end date of the employee.',\n      },\n      {\n        id: 'department',\n        label: 'Department',\n        description: 'The department of the employee',\n      },\n      {\n        id: 'jobTitle',\n        label: 'Title',\n        description: 'The job title of the employee.',\n      },\n      {\n        id: 'validationCurrency',\n        label: 'Validation currency',\n        description: 'An example column for currency validation.',\n      },\n      {\n        id: 'validationDate',\n        label: 'Validation date',\n        description: 'An example column for date validation.',\n      },\n    ],\n  };\n\n  private _items: SkyAgGridDemoRow[] = [];\n\n  constructor(\n    private agGridService: SkyAgGridService,\n    private changeDetector: ChangeDetectorRef,\n    private dataManagerService: SkyDataManagerService\n  ) {}\n\n  public ngOnInit(): void {\n    this.displayedItems = this._items;\n\n    this.dataManagerService.initDataView(this.viewConfig);\n\n    this.gridOptions = this.agGridService.getGridOptions({\n      gridOptions: {\n        columnDefs: this.columnDefs,\n        onGridReady: this.onGridReady.bind(this),\n      },\n    });\n\n    this.dataManagerService\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.setInitialColumnOrder();\n        this.updateData();\n        this.changeDetector.detectChanges();\n      });\n\n    this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n      this.isActive = id === this.viewId;\n      this.changeDetector.detectChanges();\n    });\n  }\n\n  public updateData(): void {\n    this.sortItems();\n    this.displayedItems = this.filterItems(this.searchItems(this._items));\n\n    if (this.dataState.onlyShowSelected) {\n      this.displayedItems = this.displayedItems.filter((item) => item.selected);\n    }\n\n    if (this.displayedItems.length > 0) {\n      this.gridApi?.hideOverlay();\n    } else {\n      this.gridApi?.showNoRowsOverlay();\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public setInitialColumnOrder(): void {\n    const viewState = this.dataState.getViewStateById(this.viewId);\n    const visibleColumns = viewState?.displayedColumnIds || [];\n\n    this.columnDefs.sort((col1, col2) => {\n      const col1Index = visibleColumns.findIndex(\n        (colId: string) => colId === col1.colId\n      );\n      const col2Index = visibleColumns.findIndex(\n        (colId: string) => colId === col2.colId\n      );\n\n      if (col1Index === -1) {\n        col1.hide = true;\n        return 0;\n      } else if (col2Index === -1) {\n        col2.hide = true;\n        return 0;\n      } else {\n        return col1Index - col2Index;\n      }\n    });\n\n    this.gridInitialized = true;\n    this.changeDetector.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.gridApi = gridReadyEvent.api;\n    this.gridApi.sizeColumnsToFit();\n    this.columnApi = gridReadyEvent.columnApi;\n    this.updateData();\n    this.changeDetector.markForCheck();\n  }\n\n  public onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n    if (!rowSelectedEvent.data.selected) {\n      this.updateData();\n    }\n  }\n\n  public sortItems(): void {\n    const sortOption = this.dataState.activeSortOption;\n    if (this.columnApi && sortOption) {\n      this.columnApi.applyColumnState({\n        state: [\n          {\n            colId: sortOption.propertyName,\n            sort: sortOption.descending ? 'desc' : 'asc',\n          },\n        ],\n      });\n    }\n  }\n\n  public searchItems(items: SkyAgGridDemoRow[]): SkyAgGridDemoRow[] {\n    let searchedItems = items;\n    const searchText = this.dataState && this.dataState.searchText;\n\n    if (searchText) {\n      searchedItems = items.filter(function (item: SkyAgGridDemoRow) {\n        let property: keyof typeof item;\n        for (property in item) {\n          if (\n            Object.prototype.hasOwnProperty.call(item, property) &&\n            property === 'name'\n          ) {\n            const propertyText = item[property]?.toLowerCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n\n    return searchedItems;\n  }\n\n  public filterItems(items: SkyAgGridDemoRow[]): SkyAgGridDemoRow[] {\n    let filteredItems = items;\n    const filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      const filters = filterData.filters;\n      filteredItems = items.filter((item: SkyAgGridDemoRow) => {\n        return (\n          ((filters.hideSales && item.department.name !== 'Sales') ||\n            !filters.hideSales) &&\n          ((filters.jobTitle !== 'any' &&\n            item.jobTitle?.name === filters.jobTitle) ||\n            !filters.jobTitle ||\n            filters.jobTitle === 'any')\n        );\n      });\n    }\n\n    return filteredItems;\n  }\n\n  private 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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n} from '@skyux/data-manager';\n\nimport {\n  ColDef,\n  ColumnApi,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  RowSelectedEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\nimport { Subject, takeUntil } from 'rxjs';\n\nimport { AgGridDemoRow } from './data-manager-data-entry-grid-docs-demo-data';\n\n@Component({\n  selector: 'app-data-manager-data-entry-grid-docs-demo-view-grid',\n  templateUrl:\n    './data-manager-data-entry-grid-docs-demo-view-grid.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataEntryGridDemoViewGridComponent\n  implements OnInit, OnDestroy\n{\n  @Input()\n  public set items(value: AgGridDemoRow[]) {\n    this.#_items = value;\n    this.#changeDetectorRef.markForCheck();\n\n    this.#gridApi?.refreshCells();\n  }\n\n  public get items(): AgGridDemoRow[] {\n    return this.#_items;\n  }\n\n  #viewId = 'dataEntryGridWithDataManagerView';\n\n  #columnDefs: ColDef[] = [\n    {\n      field: 'selected',\n      type: SkyCellType.RowSelector,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      maxWidth: 60,\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      valueFormatter: this.#endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'validationCurrency',\n      headerName: 'Validation currency',\n      type: [SkyCellType.CurrencyValidator],\n    },\n    {\n      field: 'validationDate',\n      headerName: 'Validation date',\n      type: [SkyCellType.Date, SkyCellType.Validator],\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value: Date): boolean =>\n            !!value && value > new Date(1985, 9, 26),\n          validatorMessage: 'Please enter a future date',\n        },\n      },\n    },\n  ];\n\n  protected displayedItems: AgGridDemoRow[] = [];\n  protected gridOptions: GridOptions;\n  protected isActive = false;\n  protected isGridInitialized = false;\n  protected noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n  protected viewConfig: SkyDataViewConfig = {\n    id: this.#viewId,\n    name: 'Data Grid View',\n    icon: 'table',\n    searchEnabled: true,\n    sortEnabled: true,\n    multiselectToolbarEnabled: true,\n    columnPickerEnabled: true,\n    filterButtonEnabled: true,\n    columnOptions: [\n      {\n        id: 'selected',\n        label: 'selected',\n        alwaysDisplayed: true,\n      },\n      {\n        id: 'name',\n        label: 'Name',\n        description: 'The name of the employee.',\n      },\n      {\n        id: 'age',\n        label: 'Age',\n        description: 'The age of the employee.',\n      },\n      {\n        id: 'startDate',\n        label: 'Start date',\n        description: 'The start date of the employee.',\n      },\n      {\n        id: 'endDate',\n        label: 'End date',\n        description: 'The end date of the employee.',\n      },\n      {\n        id: 'department',\n        label: 'Department',\n        description: 'The department of the employee',\n      },\n      {\n        id: 'jobTitle',\n        label: 'Title',\n        description: 'The job title of the employee.',\n      },\n      {\n        id: 'validationCurrency',\n        label: 'Validation currency',\n        description: 'An example column for currency validation.',\n      },\n      {\n        id: 'validationDate',\n        label: 'Validation date',\n        description: 'An example column for date validation.',\n      },\n    ],\n  };\n\n  #_items: AgGridDemoRow[] = [];\n\n  #columnApi: ColumnApi | undefined;\n  #dataState = new SkyDataManagerState({});\n  #gridApi: GridApi | undefined;\n  #ngUnsubscribe = new Subject<void>();\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #dataManagerSvc = inject(SkyDataManagerService);\n\n  constructor() {\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions: {\n        columnDefs: this.#columnDefs,\n        onGridReady: this.onGridReady.bind(this),\n      },\n    });\n  }\n\n  public ngOnInit(): void {\n    this.displayedItems = this.items;\n\n    this.#dataManagerSvc.initDataView(this.viewConfig);\n\n    this.#dataManagerSvc\n      .getDataStateUpdates(this.#viewId)\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((state) => {\n        this.#dataState = state;\n        this.#setInitialColumnOrder();\n        this.#updateData();\n        this.#changeDetectorRef.detectChanges();\n      });\n\n    this.#dataManagerSvc\n      .getActiveViewIdUpdates()\n      .pipe(takeUntil(this.#ngUnsubscribe))\n      .subscribe((id) => {\n        this.isActive = id === this.#viewId;\n        this.#changeDetectorRef.detectChanges();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  protected onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#columnApi = gridReadyEvent.columnApi;\n    this.#updateData();\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  protected onRowSelected(rowSelectedEvent: RowSelectedEvent): void {\n    if (!rowSelectedEvent.data.selected) {\n      this.#updateData();\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  #filterItems(items: AgGridDemoRow[]): AgGridDemoRow[] {\n    let filteredItems = items;\n    const filterData = this.#dataState.filterData;\n\n    if (filterData?.filters) {\n      const filters = filterData.filters;\n\n      filteredItems = items.filter((item) => {\n        return (\n          ((filters.hideSales && item.department.name !== 'Sales') ||\n            !filters.hideSales) &&\n          ((filters.jobTitle !== 'any' &&\n            item.jobTitle?.name === filters.jobTitle) ||\n            !filters.jobTitle ||\n            filters.jobTitle === 'any')\n        );\n      });\n    }\n\n    return filteredItems;\n  }\n\n  #searchItems(items: AgGridDemoRow[]): AgGridDemoRow[] {\n    let searchedItems = items;\n    const searchText = this.#dataState.searchText;\n\n    if (searchText) {\n      searchedItems = items.filter((item) => {\n        let property: keyof typeof item;\n        for (property in item) {\n          if (\n            Object.prototype.hasOwnProperty.call(item, property) &&\n            property === 'name'\n          ) {\n            const propertyText = item[property]?.toLowerCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n\n    return searchedItems;\n  }\n\n  #setInitialColumnOrder(): void {\n    const viewState = this.#dataState.getViewStateById(this.#viewId);\n    const visibleColumns = viewState?.displayedColumnIds || [];\n\n    this.#columnDefs.sort((col1, col2) => {\n      const col1Index = visibleColumns.findIndex(\n        (colId: string) => colId === col1.colId\n      );\n      const col2Index = visibleColumns.findIndex(\n        (colId: string) => colId === col2.colId\n      );\n\n      if (col1Index === -1) {\n        col1.hide = true;\n        return 0;\n      } else if (col2Index === -1) {\n        col2.hide = true;\n        return 0;\n      } else {\n        return col1Index - col2Index;\n      }\n    });\n\n    this.isGridInitialized = true;\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  #sortItems(): void {\n    const sortOption = this.#dataState.activeSortOption;\n\n    if (this.#columnApi && sortOption) {\n      this.#columnApi.applyColumnState({\n        state: [\n          {\n            colId: sortOption.propertyName,\n            sort: sortOption.descending ? 'desc' : 'asc',\n          },\n        ],\n      });\n    }\n  }\n\n  #updateData(): void {\n    this.#sortItems();\n    this.displayedItems = this.#filterItems(this.#searchItems(this.items));\n\n    if (this.#dataState.onlyShowSelected) {\n      this.displayedItems = this.displayedItems.filter((item) => item.selected);\n    }\n\n    if (this.displayedItems.length > 0) {\n      this.#gridApi?.hideOverlay();\n    } else {\n      this.#gridApi?.showNoRowsOverlay();\n    }\n\n    this.#changeDetectorRef.markForCheck();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-view-grid.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo-view-grid.component.html",
-      "rawContents": "<sky-data-view skyAgGridDataManagerAdapter [viewId]=\"viewConfig.id\">\n  <sky-ag-grid-wrapper *ngIf=\"isActive && gridInitialized\">\n    <ag-grid-angular\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"displayedItems\"\n      [overlayNoRowsTemplate]=\"noRowsTemplate\"\n      (rowSelected)=\"onRowSelected($event)\"\n    >\n    </ag-grid-angular>\n  </sky-ag-grid-wrapper>\n</sky-data-view>\n"
+      "rawContents": "<sky-data-view skyAgGridDataManagerAdapter [viewId]=\"viewConfig.id\">\n  <sky-ag-grid-wrapper *ngIf=\"isActive && isGridInitialized\">\n    <ag-grid-angular\n      [gridOptions]=\"gridOptions\"\n      [overlayNoRowsTemplate]=\"noRowsTemplate\"\n      [rowData]=\"displayedItems\"\n      (rowSelected)=\"onRowSelected($event)\"\n    >\n    </ag-grid-angular>\n  </sky-ag-grid-wrapper>\n</sky-data-view>\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-filter-modal.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo-filter-modal.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-data-manager-data-entry-grid-docs-demo-filter-modal',\n  templateUrl:\n    './data-manager-data-entry-grid-docs-demo-filter-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDataEntryGridDocsDemoFiltersModalComponent {\n  public jobTitle = '';\n\n  public hideSales = false;\n\n  constructor(\n    public context: SkyDataManagerFilterModalContext,\n    public instance: SkyModalInstance,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    if (this.context.filterData && this.context.filterData.filters) {\n      const filters = this.context.filterData.filters;\n      this.jobTitle = filters.jobTitle || 'any';\n      this.hideSales = filters.hideSales || false;\n    }\n    this.changeDetector.markForCheck();\n  }\n\n  public applyFilters(): void {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n    result.filters = {\n      jobTitle: this.jobTitle,\n      hideSales: this.hideSales,\n    };\n    this.changeDetector.markForCheck();\n\n    this.instance.save(result);\n  }\n\n  public clearAllFilters(): void {\n    this.hideSales = false;\n    this.jobTitle = 'any';\n    this.changeDetector.markForCheck();\n  }\n\n  public cancel(): void {\n    this.instance.cancel();\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyModalInstance, SkyModalModule } from '@skyux/modals';\n\n@Component({\n  standalone: true,\n  selector: 'app-data-manager-data-entry-grid-docs-demo-filter-modal',\n  templateUrl:\n    './data-manager-data-entry-grid-docs-demo-filter-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, SkyCheckboxModule, SkyIdModule, SkyModalModule],\n})\nexport class DataManagerDataEntryGridDemoFiltersModalComponent {\n  protected hideSales = false;\n  protected jobTitle = '';\n\n  readonly #changeDetector = inject(ChangeDetectorRef);\n  readonly #context = inject(SkyDataManagerFilterModalContext);\n  readonly #instance = inject(SkyModalInstance);\n\n  constructor() {\n    if (this.#context.filterData && this.#context.filterData.filters) {\n      const filters = this.#context.filterData.filters;\n\n      this.jobTitle = filters.jobTitle || 'any';\n      this.hideSales = filters.hideSales || false;\n    }\n\n    this.#changeDetector.markForCheck();\n  }\n\n  protected applyFilters(): void {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.jobTitle !== 'any' || this.hideSales;\n    result.filters = {\n      jobTitle: this.jobTitle,\n      hideSales: this.hideSales,\n    };\n\n    this.#changeDetector.markForCheck();\n    this.#instance.save(result);\n  }\n\n  protected clearAllFilters(): void {\n    this.hideSales = false;\n    this.jobTitle = 'any';\n    this.#changeDetector.markForCheck();\n  }\n\n  protected cancel(): void {\n    this.#instance.cancel();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-filter-modal.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo-filter-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header> Filter employees </sky-modal-header>\n  <sky-modal-content>\n    <label for=\"sky-demo-select-type\">Job Title</label>\n    <select\n      id=\"sky-demo-select-type\"\n      [(ngModel)]=\"jobTitle\"\n      class=\"sky-form-control\"\n    >\n      <option value=\"any\">Any job title</option>\n      <option value=\"Product Manager\">Product Manager</option>\n      <option value=\"Software Engineer\">Software Engineer</option>\n    </select>\n    <div style=\"margin-top: 15px\">\n      <sky-checkbox [(ngModel)]=\"hideSales\">\n        <sky-checkbox-label> Hide Sales employees </sky-checkbox-label>\n      </sky-checkbox>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyFilters()\"\n    >\n      Apply filters\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear all filters\n    </button>\n    <button type=\"button\" class=\"sky-btn sky-btn-link\" (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Filter employees </sky-modal-header>\n  <sky-modal-content>\n    <label [for]=\"jobTitleInput.id\">Job Title</label>\n    <select\n      class=\"sky-form-control\"\n      skyId=\"jobTitleInput\"\n      [(ngModel)]=\"jobTitle\"\n      #jobTitleInput\n    >\n      <option value=\"any\">Any job title</option>\n      <option value=\"Product Manager\">Product Manager</option>\n      <option value=\"Software Engineer\">Software Engineer</option>\n    </select>\n    <div class=\"sky-margin-stacked-lg\">\n      <sky-checkbox [(ngModel)]=\"hideSales\">\n        <sky-checkbox-label> Hide Sales employees </sky-checkbox-label>\n      </sky-checkbox>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"applyFilters()\"\n    >\n      Apply filters\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear all filters\n    </button>\n    <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-edit-modal.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-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  IRowNode,\n  NewValueParams,\n} from 'ag-grid-community';\n\nimport {\n  SKY_DEPARTMENTS,\n  SKY_JOB_TITLES,\n  SkyAgGridDemoRow,\n} from './data-manager-data-entry-grid-docs-demo-data';\nimport { SkyDataEntryGridEditModalContext } from './data-manager-data-entry-grid-docs-demo-edit-modal-context';\n\n@Component({\n  selector: 'app-data-manager-data-entry-grid-docs-demo-edit-modal',\n  templateUrl:\n    './data-manager-data-entry-grid-docs-demo-edit-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDataManagerDataEntryGridEditModalComponent {\n  public columnDefs: ColDef[];\n  private gridApi: GridApi | undefined;\n  public gridData: SkyAgGridDemoRow[];\n  public gridOptions: GridOptions;\n\n  constructor(\n    private agGridService: SkyAgGridService,\n    public context: SkyDataEntryGridEditModalContext,\n    public instance: SkyModalInstance,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    this.columnDefs = [\n      {\n        field: 'name',\n        headerName: 'Name',\n      },\n      {\n        field: 'age',\n        headerName: 'Age',\n        type: SkyCellType.Number,\n        maxWidth: 60,\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): boolean =>\n              !!value && value > new Date(1985, 9, 26),\n            validatorMessage: '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): void => 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\n    this.gridApi.sizeColumnsToFit();\n    this.changeDetector.markForCheck();\n  }\n\n  private departmentSelectionChange(\n    change: SkyAutocompleteSelectionChange,\n    node: IRowNode\n  ): void {\n    if (change.selectedItem && change.selectedItem !== node.data.department) {\n      this.clearJobTitle(node);\n    }\n  }\n\n  private clearJobTitle(node: IRowNode | null): void {\n    if (node) {\n      node.data.jobTitle = undefined;\n      if (this.gridApi) {\n        this.gridApi.refreshCells({ rowNodes: [node] });\n      }\n    }\n    this.changeDetector.markForCheck();\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport {\n  SkyAgGridAutocompleteProperties,\n  SkyAgGridDatepickerProperties,\n  SkyAgGridModule,\n  SkyAgGridService,\n  SkyCellType,\n} from '@skyux/ag-grid';\nimport { SkyAutocompleteSelectionChange } from '@skyux/lookup';\nimport { SkyModalInstance, SkyModalModule } from '@skyux/modals';\n\nimport { AgGridModule } from 'ag-grid-angular';\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ICellEditorParams,\n  IRowNode,\n} from 'ag-grid-community';\n\nimport {\n  AgGridDemoRow,\n  DEPARTMENTS,\n  JOB_TITLES,\n} from './data-manager-data-entry-grid-docs-demo-data';\nimport { DataEntryGridEditModalContext } from './data-manager-data-entry-grid-docs-demo-edit-modal-context';\n\n@Component({\n  standalone: true,\n  selector: 'app-data-manager-data-entry-grid-docs-demo-edit-modal',\n  templateUrl:\n    './data-manager-data-entry-grid-docs-demo-edit-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AgGridModule, SkyAgGridModule, SkyModalModule],\n})\nexport class DataManagerDataEntryGridEditModalComponent {\n  protected gridData: AgGridDemoRow[];\n  protected gridOptions: GridOptions;\n\n  #columnDefs: ColDef[];\n  #gridApi: GridApi | undefined;\n\n  protected readonly instance = inject(SkyModalInstance);\n  readonly #agGridService = inject(SkyAgGridService);\n  readonly #changeDetector = inject(ChangeDetectorRef);\n  readonly #context = inject(DataEntryGridEditModalContext);\n\n  constructor() {\n    this.#columnDefs = [\n      {\n        field: 'name',\n        headerName: 'Name',\n      },\n      {\n        field: 'age',\n        headerName: 'Age',\n        type: SkyCellType.Number,\n        maxWidth: 60,\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 {\n            skyComponentProperties: {\n              minDate: params.data.startDate,\n            },\n          };\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: DEPARTMENTS,\n              selectionChange: (change): void => {\n                this.#departmentSelectionChange(change, params.node);\n              },\n            },\n          };\n        },\n        onCellValueChanged: (event): 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\n          const editParams: {\n            skyComponentProperties: SkyAgGridAutocompleteProperties;\n          } = { skyComponentProperties: { data: [] } };\n\n          if (selectedDepartment) {\n            editParams.skyComponentProperties.data =\n              JOB_TITLES[selectedDepartment];\n          }\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): boolean =>\n              !!value && value > new Date(1985, 9, 26),\n            validatorMessage: 'Enter a future date.',\n          },\n        },\n        editable: true,\n      },\n    ];\n\n    this.gridData = this.#context.gridData;\n\n    const gridOptions: GridOptions = {\n      columnDefs: this.#columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n    };\n\n    this.gridOptions = this.#agGridService.getEditableGridOptions({\n      gridOptions,\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  #departmentSelectionChange(\n    change: SkyAutocompleteSelectionChange,\n    node: IRowNode\n  ): void {\n    if (change.selectedItem && change.selectedItem !== node.data.department) {\n      this.#clearJobTitle(node);\n    }\n  }\n\n  #clearJobTitle(node: IRowNode | null): void {\n    if (node) {\n      node.data.jobTitle = undefined;\n\n      if (this.#gridApi) {\n        this.#gridApi.refreshCells({\n          rowNodes: [node],\n        });\n      }\n    }\n\n    this.#changeDetector.markForCheck();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-edit-modal.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-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"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Edit employee information </sky-modal-header>\n  <sky-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  </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-manager-data-entry-grid-docs-demo-edit-modal-context.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-data-entry-grid-docs-demo-edit-modal-context.ts",
-      "rawContents": "import { SkyAgGridDemoRow } from './data-manager-data-entry-grid-docs-demo-data';\n\nexport class SkyDataEntryGridEditModalContext {\n  public gridData: SkyAgGridDemoRow[] = [];\n}\n"
+      "rawContents": "import { AgGridDemoRow } from './data-manager-data-entry-grid-docs-demo-data';\n\nexport class DataEntryGridEditModalContext {\n  public gridData: AgGridDemoRow[] = [];\n}\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-data.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-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: SkyAgGridDemoRow[] = [\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    jobTitle: SKY_JOB_TITLES['Sales'][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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA: AgGridDemoRow[] = [\n  {\n    selected: true,\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[1],\n    jobTitle: JOB_TITLES['Sales'][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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[0],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-context-menu.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/data-manager-added/data-manager-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-manager-data-entry-grid-docs-demo-context-menu',\n  templateUrl:\n    './data-manager-data-entry-grid-docs-demo-context-menu.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDataManagerDataEntryGridContextMenuComponent\n  implements ICellRendererAngularComp\n{\n  private 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"
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n  standalone: true,\n  selector: 'app-data-manager-data-entry-grid-docs-demo-context-menu',\n  templateUrl:\n    './data-manager-data-entry-grid-docs-demo-context-menu.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SkyDropdownModule],\n})\nexport class DataManagerDataEntryGridContextMenuComponent\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  protected actionClicked(action: string): void {\n    alert(`${action} clicked for ${this.#name}`);\n  }\n}\n"
     },
     {
       "fileName": "data-manager-data-entry-grid-docs-demo-context-menu.component.html",
@@ -7543,42 +7552,42 @@
     {
       "fileName": "data-entry-grid-docs-demo.module.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/data-entry-grid-docs-demo.module.ts",
-      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\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';\n\n@NgModule({\n  declarations: [\n    SkyDataEntryGridContextMenuComponent,\n    SkyDataEntryGridDemoComponent,\n    SkyDataEntryGridEditModalComponent,\n  ],\n  imports: [\n    SkyToolbarModule,\n    SkySearchModule,\n    AgGridModule,\n    SkyAgGridModule,\n    SkyModalModule,\n    SkyDropdownModule,\n  ],\n  exports: [SkyDataEntryGridDemoComponent],\n})\nexport class SkyDataEntryGridDocsDemoModule {}\n"
+      "rawContents": "import { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkySearchModule } from '@skyux/lookup';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { DataEntryGridDemoComponent } from './data-entry-grid-docs-demo.component';\n\n@NgModule({\n  declarations: [DataEntryGridDemoComponent],\n  imports: [AgGridModule, SkyAgGridModule, SkySearchModule, SkyToolbarModule],\n  exports: [DataEntryGridDemoComponent],\n})\nexport class DataEntryGridDemoModule {}\n"
     },
     {
       "fileName": "data-entry-grid-docs-demo.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/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';\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: string): boolean => String(value).length <= 10,\n          validatorMessage: `Value exceeds maximum length`,\n        },\n      },\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value: number): boolean => value >= 18,\n          validatorMessage: `Age must be 18+`,\n        },\n      },\n      maxWidth: 60,\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      valueFormatter: this.endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      colId: 'validationCurrency',\n      field: 'validationCurrency',\n      headerName: 'Validation currency',\n      type: [SkyCellType.CurrencyValidator],\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): boolean =>\n            !!value && value > new Date(1985, 9, 26),\n          validatorMessage: 'Enter a future date',\n        },\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  constructor(\n    private agGridService: SkyAgGridService,\n    private modalService: SkyModalService,\n    private changeDetection: ChangeDetectorRef\n  ) {\n    this.gridOptions = {\n      columnDefs: this.columnDefs,\n      onGridReady: (gridReadyEvent): void => 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  private 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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport { SkyAgGridService, SkyCellType } from '@skyux/ag-grid';\nimport { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';\n\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ValueFormatterParams,\n} from 'ag-grid-community';\n\nimport { DataEntryGridContextMenuComponent } from './data-entry-grid-docs-demo-context-menu.component';\nimport { AG_GRID_DEMO_DATA } from './data-entry-grid-docs-demo-data';\nimport { DataEntryGridEditModalContext } from './data-entry-grid-docs-demo-edit-modal-context';\nimport { DataEntryGridEditModalComponent } from './data-entry-grid-docs-demo-edit-modal.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 DataEntryGridDemoComponent {\n  protected gridData = AG_GRID_DEMO_DATA;\n  protected gridOptions: GridOptions;\n  protected noRowsTemplate = `<div class=\"sky-font-deemphasized\">No results found.</div>`;\n  protected searchText = '';\n\n  #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: DataEntryGridContextMenuComponent,\n    },\n    {\n      field: 'name',\n      headerName: 'Name',\n      type: SkyCellType.Text,\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value: string): boolean => String(value).length <= 10,\n          validatorMessage: `Value exceeds maximum length`,\n        },\n      },\n    },\n    {\n      field: 'age',\n      headerName: 'Age',\n      type: SkyCellType.Number,\n      cellRendererParams: {\n        skyComponentProperties: {\n          validator: (value: number): boolean => value >= 18,\n          validatorMessage: `Age must be 18+`,\n        },\n      },\n      maxWidth: 60,\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      valueFormatter: this.#endDateFormatter,\n    },\n    {\n      field: 'department',\n      headerName: 'Department',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      field: 'jobTitle',\n      headerName: 'Title',\n      type: SkyCellType.Autocomplete,\n    },\n    {\n      colId: 'validationCurrency',\n      field: 'validationCurrency',\n      headerName: 'Validation currency',\n      type: [SkyCellType.CurrencyValidator],\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): boolean =>\n            !!value && value > new Date(1985, 9, 26),\n          validatorMessage: 'Enter a future date',\n        },\n      },\n    },\n  ];\n\n  #gridApi: GridApi | undefined;\n\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #modalSvc = inject(SkyModalService);\n\n  constructor() {\n    const gridOptions: GridOptions = {\n      columnDefs: this.#columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n    };\n\n    this.gridOptions = this.#agGridSvc.getGridOptions({\n      gridOptions,\n    });\n\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  protected openModal(): void {\n    const context = new DataEntryGridEditModalContext();\n\n    context.gridData = this.gridData;\n\n    const options: SkyModalConfigurationInterface = {\n      ariaDescribedBy: 'docs-edit-grid-modal-content',\n      providers: [\n        {\n          provide: DataEntryGridEditModalContext,\n          useValue: context,\n        },\n      ],\n      size: 'large',\n    };\n\n    const modalInstance = this.#modalSvc.open(\n      DataEntryGridEditModalComponent,\n      options\n    );\n\n    modalInstance.closed.subscribe((result) => {\n      if (result.reason === 'cancel' || result.reason === 'close') {\n        alert('Edits canceled!');\n      } else {\n        this.gridData = result.data;\n\n        if (this.#gridApi) {\n          this.#gridApi.refreshCells();\n        }\n\n        alert('Saving data!');\n      }\n    });\n  }\n\n  protected searchApplied(searchText: string | void): void {\n    this.searchText = searchText ?? '';\n\n    if (this.#gridApi) {\n      this.#gridApi.setQuickFilter(this.searchText);\n\n      const displayedRowCount = this.#gridApi.getDisplayedRowCount();\n\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\n    return params.value\n      ? params.value.toLocaleDateString('en-us', dateConfig)\n      : 'N/A';\n  }\n}\n"
     },
     {
       "fileName": "data-entry-grid-docs-demo.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/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"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"openModal()\">\n      Edit\n    </button>\n  </sky-toolbar-item>\n  <sky-toolbar-item>\n    <sky-search\n      [debounceTime]=\"250\"\n      [searchText]=\"searchText\"\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    [overlayNoRowsTemplate]=\"noRowsTemplate\"\n    [rowData]=\"gridData\"\n  >\n  </ag-grid-angular>\n</sky-ag-grid-wrapper>\n"
     },
     {
       "fileName": "data-entry-grid-docs-demo-edit-modal.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/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  IRowNode,\n  NewValueParams,\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  private gridApi: GridApi | undefined;\n  public gridData: SkyAgGridDemoRow[];\n  public gridOptions: GridOptions;\n\n  constructor(\n    private agGridService: SkyAgGridService,\n    public context: SkyDataEntryGridEditModalContext,\n    public instance: SkyModalInstance,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    this.columnDefs = [\n      {\n        field: 'name',\n        headerName: 'Name',\n        type: SkyCellType.Text,\n        cellRendererParams: {\n          skyComponentProperties: {\n            validator: (value: string): 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: number): boolean => 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): boolean =>\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): void => 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  private departmentSelectionChange(\n    change: SkyAutocompleteSelectionChange,\n    node: IRowNode\n  ): void {\n    if (change.selectedItem && change.selectedItem !== node.data.department) {\n      this.clearJobTitle(node);\n    }\n  }\n\n  private clearJobTitle(node: IRowNode | 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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n} from '@angular/core';\nimport {\n  SkyAgGridAutocompleteProperties,\n  SkyAgGridDatepickerProperties,\n  SkyAgGridModule,\n  SkyAgGridService,\n  SkyCellType,\n} from '@skyux/ag-grid';\nimport { SkyAutocompleteSelectionChange } from '@skyux/lookup';\nimport { SkyModalInstance, SkyModalModule } from '@skyux/modals';\n\nimport { AgGridModule } from 'ag-grid-angular';\nimport {\n  ColDef,\n  GridApi,\n  GridOptions,\n  GridReadyEvent,\n  ICellEditorParams,\n  IRowNode,\n  NewValueParams,\n} from 'ag-grid-community';\n\nimport {\n  AgGridDemoRow,\n  DEPARTMENTS,\n  JOB_TITLES,\n} from './data-entry-grid-docs-demo-data';\nimport { DataEntryGridEditModalContext } from './data-entry-grid-docs-demo-edit-modal-context';\n\n@Component({\n  standalone: true,\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  imports: [AgGridModule, SkyAgGridModule, SkyModalModule],\n})\nexport class DataEntryGridEditModalComponent {\n  protected gridData: AgGridDemoRow[];\n  protected gridOptions: GridOptions;\n\n  #columnDefs: ColDef[];\n  #gridApi: GridApi | undefined;\n\n  protected readonly instance = inject(SkyModalInstance);\n  readonly #agGridSvc = inject(SkyAgGridService);\n  readonly #changeDetectorRef = inject(ChangeDetectorRef);\n  readonly #context = inject(DataEntryGridEditModalContext);\n\n  constructor() {\n    this.#columnDefs = [\n      {\n        field: 'name',\n        headerName: 'Name',\n        type: SkyCellType.Text,\n        cellRendererParams: {\n          skyComponentProperties: {\n            validator: (value: string): 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: number): boolean => 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: 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\n          const editParams: {\n            skyComponentProperties: SkyAgGridAutocompleteProperties;\n          } = { skyComponentProperties: { data: [] } };\n\n          if (selectedDepartment) {\n            editParams.skyComponentProperties.data =\n              JOB_TITLES[selectedDepartment];\n          }\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): boolean =>\n              !!value && value > new Date(1985, 9, 26),\n            validatorMessage: 'Please enter a future date',\n          },\n        },\n        editable: true,\n      },\n    ];\n\n    this.gridData = this.#context.gridData;\n\n    this.gridOptions = {\n      columnDefs: this.#columnDefs,\n      onGridReady: (gridReadyEvent): void => this.onGridReady(gridReadyEvent),\n    };\n\n    this.gridOptions = this.#agGridSvc.getEditableGridOptions({\n      gridOptions: this.gridOptions,\n    });\n\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  public onGridReady(gridReadyEvent: GridReadyEvent): void {\n    this.#gridApi = gridReadyEvent.api;\n    this.#gridApi.sizeColumnsToFit();\n    this.#changeDetectorRef.markForCheck();\n  }\n\n  #departmentSelectionChange(\n    change: SkyAutocompleteSelectionChange,\n    node: IRowNode\n  ): void {\n    if (change.selectedItem && change.selectedItem !== node.data.department) {\n      this.#clearJobTitle(node);\n    }\n  }\n\n  #clearJobTitle(node: IRowNode | null): void {\n    if (node) {\n      node.data.jobTitle = undefined;\n      this.#changeDetectorRef.markForCheck();\n\n      if (this.#gridApi) {\n        this.#gridApi.refreshCells({ rowNodes: [node] });\n      }\n    }\n  }\n}\n"
     },
     {
       "fileName": "data-entry-grid-docs-demo-edit-modal.component.html",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/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"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Edit employee information </sky-modal-header>\n  <sky-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  </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-context.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/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"
+      "rawContents": "import { AgGridDemoRow } from './data-entry-grid-docs-demo-data';\n\nexport class DataEntryGridEditModalContext {\n  public gridData: AgGridDemoRow[] = [];\n}\n"
     },
     {
       "fileName": "data-entry-grid-docs-demo-data.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/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"
+      "rawContents": "export interface AutocompleteOption {\n  id: string;\n  name: string;\n}\n\nexport const 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 JOB_TITLES: { [name: string]: AutocompleteOption[] } = {\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 AgGridDemoRow {\n  selected?: boolean;\n  name: string;\n  age: number;\n  startDate: Date;\n  endDate?: Date;\n  department: AutocompleteOption;\n  jobTitle?: AutocompleteOption;\n}\n\nexport const AG_GRID_DEMO_DATA = [\n  {\n    selected: true,\n    name: 'Billy Bob',\n    age: 55,\n    startDate: new Date('12/1/1994'),\n    department: DEPARTMENTS[3],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[0],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: 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: DEPARTMENTS[2],\n    jobTitle: JOB_TITLES['Engineering'][3],\n  },\n];\n"
     },
     {
       "fileName": "data-entry-grid-docs-demo-context-menu.component.ts",
       "filePath": "/projects/ag-grid/documentation/code-examples/data-entry-grid/basic/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  private 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"
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n  standalone: true,\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  imports: [SkyDropdownModule],\n})\nexport class DataEntryGridContextMenuComponent\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  protected actionClicked(action: string): void {\n    alert(`${action} clicked for ${this.#name}`);\n  }\n}\n"
     },
     {
       "fileName": "data-entry-grid-docs-demo-context-menu.component.html",