npm - @skyux/data-manager - Versions diffs - 5.5.0-alpha.0 → 5.6.0 - Mend

@skyux/data-manager 5.5.0-alpha.0 → 5.6.0

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 (34) hide show

package/documentation.json CHANGED Viewed

@@ -13,11 +13,15 @@
     "SkyDataManagerToolbarSectionComponent": "class-skydatamanagertoolbarsectioncomponent",
     "SkyDataManagerToolbarComponent": "class-skydatamanagertoolbarcomponent",
     "SkyDataViewComponent": "class-skydataviewcomponent",
+    "SkyDataManagerColumnPickerOption": "interface-skydatamanagercolumnpickeroption",
     "SkyDataManagerConfig": "interface-skydatamanagerconfig",
     "SkyDataManagerFilterData": "interface-skydatamanagerfilterdata",
     "SkyDataManagerInitArgs": "interface-skydatamanagerinitargs",
     "SkyDataManagerSortOption": "interface-skydatamanagersortoption",
-    "SkyDataViewConfig": "interface-skydataviewconfig"
+    "SkyDataManagerStateOptions": "interface-skydatamanagerstateoptions",
+    "SkyDataManagerStateUpdateFilterArgs": "interface-skydatamanagerstateupdatefilterargs",
+    "SkyDataViewConfig": "interface-skydataviewconfig",
+    "SkyDataViewStateOptions": "interface-skydataviewstateoptions"
   },
   "typedoc": {
     "id": 0,
@@ -28,14 +32,14 @@
     "originalName": "",
     "children": [
       {
-        "id": 228,
+        "id": 234,
         "name": "SkyDataManagerColumnPickerSortStrategy",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 229,
+            "id": 235,
             "name": "None",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -50,7 +54,7 @@
             "defaultValue": "\"none\""
           },
           {
-            "id": 230,
+            "id": 236,
             "name": "SelectedThenAlphabetical",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -70,8 +74,8 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              229,
-              230
+              235,
+              236
             ]
           }
         ],
@@ -128,7 +132,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 235,
+              "id": 241,
               "name": "SkyDataManagerFilterData"
             }
           }
@@ -212,7 +216,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.module.ts",
-            "line": 92,
+            "line": 74,
             "character": 13
           }
         ]
@@ -248,7 +252,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 59,
+                "line": 50,
                 "character": 2
               }
             ],
@@ -291,7 +295,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 41,
+                "line": 32,
                 "character": 9
               }
             ],
@@ -352,7 +356,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 294,
+                "line": 285,
                 "character": 9
               }
             ],
@@ -392,7 +396,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 265,
+                "line": 256,
                 "character": 9
               }
             ],
@@ -408,7 +412,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 231,
+                  "id": 237,
                   "name": "SkyDataManagerConfig"
                 }
               }
@@ -425,7 +429,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 272,
+                "line": 263,
                 "character": 9
               }
             ],
@@ -444,7 +448,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 231,
+                      "id": 237,
                       "name": "SkyDataManagerConfig"
                     }
                   ],
@@ -466,7 +470,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 225,
+                "line": 216,
                 "character": 9
               }
             ],
@@ -505,6 +509,7 @@
                     },
                     "type": {
                       "type": "reference",
+                      "id": 282,
                       "name": "SkyDataManagerStateUpdateFilterArgs"
                     }
                   }
@@ -514,7 +519,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 248,
+                      "id": 254,
                       "name": "SkyDataManagerState"
                     }
                   ],
@@ -536,7 +541,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 287,
+                "line": 278,
                 "character": 9
               }
             ],
@@ -557,7 +562,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 268,
+                        "id": 288,
                         "name": "SkyDataViewConfig"
                       }
                     }
@@ -580,7 +585,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 310,
+                "line": 301,
                 "character": 9
               }
             ],
@@ -612,7 +617,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 268,
+                  "id": 288,
                   "name": "SkyDataViewConfig"
                 }
               }
@@ -629,7 +634,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 77,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -655,7 +660,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 238,
+                      "id": 244,
                       "name": "SkyDataManagerInitArgs"
                     }
                   }
@@ -678,7 +683,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 125,
+                "line": 116,
                 "character": 9
               }
             ],
@@ -704,7 +709,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 268,
+                      "id": 288,
                       "name": "SkyDataViewConfig"
                     }
                   }
@@ -727,7 +732,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 61,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -764,7 +769,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 302,
+                "line": 293,
                 "character": 9
               }
             ],
@@ -812,7 +817,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 280,
+                "line": 271,
                 "character": 9
               }
             ],
@@ -838,7 +843,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 231,
+                      "id": 237,
                       "name": "SkyDataManagerConfig"
                     }
                   }
@@ -861,7 +866,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 255,
+                "line": 246,
                 "character": 9
               }
             ],
@@ -887,7 +892,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 248,
+                      "id": 254,
                       "name": "SkyDataManagerState"
                     }
                   },
@@ -924,7 +929,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 325,
+                "line": 316,
                 "character": 9
               }
             ],
@@ -950,7 +955,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 268,
+                      "id": 288,
                       "name": "SkyDataViewConfig"
                     }
                   }
@@ -1001,7 +1006,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-            "line": 40,
+            "line": 31,
             "character": 13
           }
         ],
@@ -1015,14 +1020,14 @@
         ]
       },
       {
-        "id": 248,
+        "id": 254,
         "name": "SkyDataManagerState",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 249,
+            "id": 255,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1030,40 +1035,41 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 20,
+                "line": 16,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 250,
+                "id": 256,
                 "name": "new SkyDataManagerState",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 251,
+                    "id": 257,
                     "name": "data",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "id": 274,
                       "name": "SkyDataManagerStateOptions"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 248,
+                  "id": 254,
                   "name": "SkyDataManagerState"
                 }
               }
             ]
           },
           {
-            "id": 252,
+            "id": 258,
             "name": "activeSortOption",
             "kind": 1024,
             "kindString": "Property",
@@ -1073,18 +1079,18 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 12,
+                "line": 8,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 243,
+              "id": 249,
               "name": "SkyDataManagerSortOption"
             }
           },
           {
-            "id": 253,
+            "id": 259,
             "name": "additionalData",
             "kind": 1024,
             "kindString": "Property",
@@ -1094,7 +1100,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 13,
+                "line": 9,
                 "character": 9
               }
             ],
@@ -1104,7 +1110,7 @@
             }
           },
           {
-            "id": 254,
+            "id": 260,
             "name": "filterData",
             "kind": 1024,
             "kindString": "Property",
@@ -1114,18 +1120,18 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 14,
+                "line": 10,
                 "character": 9
               }
             ],
             "type": {
               "type": "reference",
-              "id": 235,
+              "id": 241,
               "name": "SkyDataManagerFilterData"
             }
           },
           {
-            "id": 255,
+            "id": 261,
             "name": "onlyShowSelected",
             "kind": 1024,
             "kindString": "Property",
@@ -1135,7 +1141,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 15,
+                "line": 11,
                 "character": 9
               }
             ],
@@ -1145,7 +1151,7 @@
             }
           },
           {
-            "id": 256,
+            "id": 262,
             "name": "searchText",
             "kind": 1024,
             "kindString": "Property",
@@ -1155,7 +1161,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 16,
+                "line": 12,
                 "character": 9
               }
             ],
@@ -1165,7 +1171,7 @@
             }
           },
           {
-            "id": 257,
+            "id": 263,
             "name": "selectedIds",
             "kind": 1024,
             "kindString": "Property",
@@ -1175,7 +1181,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 17,
+                "line": 13,
                 "character": 9
               }
             ],
@@ -1188,7 +1194,7 @@
             }
           },
           {
-            "id": 258,
+            "id": 264,
             "name": "views",
             "kind": 1024,
             "kindString": "Property",
@@ -1198,7 +1204,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 18,
+                "line": 14,
                 "character": 9
               }
             ],
@@ -1206,14 +1212,14 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 286,
+                "id": 306,
                 "name": "SkyDataViewState"
               }
             },
             "defaultValue": "[]"
           },
           {
-            "id": 264,
+            "id": 270,
             "name": "addOrUpdateView",
             "kind": 2048,
             "kindString": "Method",
@@ -1223,20 +1229,20 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 53,
+                "line": 49,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 265,
+                "id": 271,
                 "name": "addOrUpdateView",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 266,
+                    "id": 272,
                     "name": "viewId",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1247,28 +1253,28 @@
                     }
                   },
                   {
-                    "id": 267,
+                    "id": 273,
                     "name": "view",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 286,
+                      "id": 306,
                       "name": "SkyDataViewState"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 248,
+                  "id": 254,
                   "name": "SkyDataManagerState"
                 }
               }
             ]
           },
           {
-            "id": 259,
+            "id": 265,
             "name": "getStateOptions",
             "kind": 2048,
             "kindString": "Method",
@@ -1278,26 +1284,27 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 33,
+                "line": 29,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 260,
+                "id": 266,
                 "name": "getStateOptions",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
+                  "id": 274,
                   "name": "SkyDataManagerStateOptions"
                 }
               }
             ]
           },
           {
-            "id": 261,
+            "id": 267,
             "name": "getViewStateById",
             "kind": 2048,
             "kindString": "Method",
@@ -1307,20 +1314,20 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 49,
+                "line": 45,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 262,
+                "id": 268,
                 "name": "getViewStateById",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 263,
+                    "id": 269,
                     "name": "viewId",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1333,7 +1340,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 286,
+                  "id": 306,
                   "name": "SkyDataViewState"
                 }
               }
@@ -1345,49 +1352,49 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              249
+              255
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              252,
-              253,
-              254,
-              255,
-              256,
-              257,
-              258
+              258,
+              259,
+              260,
+              261,
+              262,
+              263,
+              264
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              264,
-              259,
-              261
+              270,
+              265,
+              267
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-            "line": 11,
+            "line": 7,
             "character": 13
           }
         ]
       },
       {
-        "id": 286,
+        "id": 306,
         "name": "SkyDataViewState",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 287,
+            "id": 307,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1401,34 +1408,35 @@
             ],
             "signatures": [
               {
-                "id": 288,
+                "id": 308,
                 "name": "new SkyDataViewState",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 289,
+                    "id": 309,
                     "name": "data",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "id": 316,
                       "name": "SkyDataViewStateOptions"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 286,
+                  "id": 306,
                   "name": "SkyDataViewState"
                 }
               }
             ]
           },
           {
-            "id": 293,
+            "id": 313,
             "name": "additionalData",
             "kind": 1024,
             "kindString": "Property",
@@ -1448,7 +1456,7 @@
             }
           },
           {
-            "id": 290,
+            "id": 310,
             "name": "columnIds",
             "kind": 1024,
             "kindString": "Property",
@@ -1472,7 +1480,7 @@
             "defaultValue": "[]"
           },
           {
-            "id": 291,
+            "id": 311,
             "name": "displayedColumnIds",
             "kind": 1024,
             "kindString": "Property",
@@ -1496,7 +1504,7 @@
             "defaultValue": "[]"
           },
           {
-            "id": 292,
+            "id": 312,
             "name": "viewId",
             "kind": 1024,
             "kindString": "Property",
@@ -1516,7 +1524,7 @@
             }
           },
           {
-            "id": 294,
+            "id": 314,
             "name": "getViewStateOptions",
             "kind": 2048,
             "kindString": "Method",
@@ -1532,13 +1540,14 @@
             ],
             "signatures": [
               {
-                "id": 295,
+                "id": 315,
                 "name": "getViewStateOptions",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
+                  "id": 316,
                   "name": "SkyDataViewStateOptions"
                 }
               }
@@ -1550,24 +1559,24 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              287
+              307
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              293,
-              290,
-              291,
-              292
+              313,
+              310,
+              311,
+              312
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              294
+              314
             ]
           }
         ],
@@ -1612,7 +1621,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 63,
+                "line": 62,
                 "character": 2
               }
             ],
@@ -1669,7 +1678,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 50,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -1698,7 +1707,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 52,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -1748,7 +1757,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 25,
+                "line": 24,
                 "character": 13
               }
             ],
@@ -1809,7 +1818,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 41,
+                "line": 40,
                 "character": 13
               }
             ],
@@ -1864,7 +1873,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 94,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -1901,7 +1910,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 68,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -1964,7 +1973,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-            "line": 24,
+            "line": 23,
             "character": 13
           }
         ],
@@ -2268,7 +2277,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 98,
+                "line": 87,
                 "character": 2
               }
             ],
@@ -2347,7 +2356,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 88,
+                "line": 77,
                 "character": 9
               }
             ],
@@ -2367,7 +2376,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 47,
+                "line": 36,
                 "character": 13
               }
             ],
@@ -2396,7 +2405,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 52,
+                "line": 41,
                 "character": 13
               }
             ],
@@ -2409,7 +2418,7 @@
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 268,
+                  "id": 288,
                   "name": "SkyDataViewConfig"
                 }
               }
@@ -2430,7 +2439,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 268,
+                      "id": 288,
                       "name": "SkyDataViewConfig"
                     }
                   }
@@ -2453,7 +2462,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 61,
+                "line": 50,
                 "character": 13
               }
             ],
@@ -2466,7 +2475,7 @@
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 231,
+                  "id": 237,
                   "name": "SkyDataManagerConfig"
                 }
               }
@@ -2487,7 +2496,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 231,
+                      "id": 237,
                       "name": "SkyDataManagerConfig"
                     }
                   }
@@ -2510,7 +2519,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 70,
+                "line": 59,
                 "character": 13
               }
             ],
@@ -2523,7 +2532,7 @@
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 248,
+                  "id": 254,
                   "name": "SkyDataManagerState"
                 }
               }
@@ -2544,7 +2553,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 248,
+                      "id": 254,
                       "name": "SkyDataManagerState"
                     }
                   }
@@ -2567,7 +2576,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 79,
+                "line": 68,
                 "character": 13
               }
             ],
@@ -2582,7 +2591,7 @@
                   "type": "array",
                   "elementType": {
                     "type": "reference",
-                    "id": 268,
+                    "id": 288,
                     "name": "SkyDataViewConfig"
                   }
                 }
@@ -2606,7 +2615,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 268,
+                        "id": 288,
                         "name": "SkyDataViewConfig"
                       }
                     }
@@ -2630,7 +2639,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 231,
+                "line": 220,
                 "character": 9
               }
             ],
@@ -2659,7 +2668,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 160,
+                "line": 149,
                 "character": 9
               }
             ],
@@ -2688,7 +2697,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 141,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -2725,7 +2734,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 105,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -2762,7 +2771,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 238,
+                "line": 227,
                 "character": 9
               }
             ],
@@ -2804,7 +2813,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 151,
+                "line": 140,
                 "character": 9
               }
             ],
@@ -2846,7 +2855,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 185,
+                "line": 174,
                 "character": 9
               }
             ],
@@ -2875,7 +2884,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 155,
+                "line": 144,
                 "character": 9
               }
             ],
@@ -2917,7 +2926,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 224,
+                "line": 213,
                 "character": 9
               }
             ],
@@ -2946,7 +2955,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 146,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -2966,7 +2975,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 243,
+                      "id": 249,
                       "name": "SkyDataManagerSortOption"
                     }
                   }
@@ -3025,7 +3034,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-            "line": 46,
+            "line": 35,
             "character": 13
           }
         ],
@@ -3077,7 +3086,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 47,
+                "line": 46,
                 "character": 2
               }
             ],
@@ -3134,7 +3143,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 44,
+                "line": 43,
                 "character": 9
               }
             ],
@@ -3176,7 +3185,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 33,
+                "line": 32,
                 "character": 9
               }
             ],
@@ -3196,7 +3205,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 35,
+                "line": 34,
                 "character": 13
               }
             ],
@@ -3251,7 +3260,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 61,
+                "line": 60,
                 "character": 9
               }
             ],
@@ -3288,7 +3297,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 52,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -3350,7 +3359,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-            "line": 26,
+            "line": 25,
             "character": 13
           }
         ],
@@ -3370,7 +3379,162 @@
         ]
       },
       {
-        "id": 231,
+        "id": 228,
+        "name": "SkyDataManagerColumnPickerOption",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "The options to display in a view's column picker."
+        },
+        "children": [
+          {
+            "id": 229,
+            "name": "alwaysDisplayed",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Indicates that a column is always visible and should not be listed as an option in the column\npicker. For example, a context menu column may always be visible."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-column-picker-option.ts",
+                "line": 9,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            }
+          },
+          {
+            "id": 230,
+            "name": "description",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The description text rendered beneath the column label in the column picker."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-column-picker-option.ts",
+                "line": 13,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 232,
+            "name": "id",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "The ID of the corresponding column.",
+              "tags": [
+                {
+                  "tag": "required",
+                  "text": "\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-column-picker-option.ts",
+                "line": 25,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 231,
+            "name": "initialHide",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Initially hide the column when it is added to the grid unless given in the view state's\n`displayedColumnIds`. When enabled, this column will not be automatically added to a view's\nstate when this column is recognized as being missing from an initial data state or a data\nstate returned via the SKY UI config service."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-column-picker-option.ts",
+                "line": 20,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            }
+          },
+          {
+            "id": 233,
+            "name": "label",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "The label to display in the column picker.",
+              "tags": [
+                {
+                  "tag": "required",
+                  "text": "\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-column-picker-option.ts",
+                "line": 30,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              229,
+              230,
+              232,
+              231,
+              233
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-column-picker-option.ts",
+            "line": 4,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 237,
         "name": "SkyDataManagerConfig",
         "kind": 256,
         "kindString": "Interface",
@@ -3380,7 +3544,7 @@
         },
         "children": [
           {
-            "id": 232,
+            "id": 238,
             "name": "additionalOptions",
             "kind": 1024,
             "kindString": "Property",
@@ -3403,7 +3567,7 @@
             }
           },
           {
-            "id": 233,
+            "id": 239,
             "name": "filterModalComponent",
             "kind": 1024,
             "kindString": "Property",
@@ -3426,7 +3590,7 @@
             }
           },
           {
-            "id": 234,
+            "id": 240,
             "name": "sortOptions",
             "kind": 1024,
             "kindString": "Property",
@@ -3447,7 +3611,7 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 243,
+                "id": 249,
                 "name": "SkyDataManagerSortOption"
               }
             }
@@ -3458,9 +3622,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              232,
-              233,
-              234
+              238,
+              239,
+              240
             ]
           }
         ],
@@ -3473,14 +3637,14 @@
         ]
       },
       {
-        "id": 235,
+        "id": 241,
         "name": "SkyDataManagerFilterData",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 237,
+            "id": 243,
             "name": "filters",
             "kind": 1024,
             "kindString": "Property",
@@ -3503,7 +3667,7 @@
             }
           },
           {
-            "id": 236,
+            "id": 242,
             "name": "filtersApplied",
             "kind": 1024,
             "kindString": "Property",
@@ -3531,8 +3695,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              237,
-              236
+              243,
+              242
             ]
           }
         ],
@@ -3545,14 +3709,14 @@
         ]
       },
       {
-        "id": 238,
+        "id": 244,
         "name": "SkyDataManagerInitArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 239,
+            "id": 245,
             "name": "activeViewId",
             "kind": 1024,
             "kindString": "Property",
@@ -3569,7 +3733,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 10,
+                "line": 9,
                 "character": 2
               }
             ],
@@ -3579,7 +3743,7 @@
             }
           },
           {
-            "id": 240,
+            "id": 246,
             "name": "dataManagerConfig",
             "kind": 1024,
             "kindString": "Property",
@@ -3596,18 +3760,18 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 15,
+                "line": 14,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 231,
+              "id": 237,
               "name": "SkyDataManagerConfig"
             }
           },
           {
-            "id": 241,
+            "id": 247,
             "name": "defaultDataState",
             "kind": 1024,
             "kindString": "Property",
@@ -3624,18 +3788,18 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 21,
+                "line": 20,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 248,
+              "id": 254,
               "name": "SkyDataManagerState"
             }
           },
           {
-            "id": 242,
+            "id": 248,
             "name": "settingsKey",
             "kind": 1024,
             "kindString": "Property",
@@ -3643,7 +3807,7 @@
               "isOptional": true
             },
             "comment": {
-              "shortText": "The sticky settings key that the current data state for each user is saved under in the SKY UI config service."
+              "shortText": "Specifies a unique key for the UI Config Service to retrieve stored settings from a database.\nThe UI Config Service saves configuration settings for users to preserve the current data state. For more information about the UI Config Service, see [the sticky settings documentation](https://developer.blackbaud.com/skyux/learn/get-started/sticky-settings)."
             },
             "sources": [
               {
@@ -3663,30 +3827,30 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              239,
-              240,
-              241,
-              242
+              245,
+              246,
+              247,
+              248
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-            "line": 5,
+            "line": 4,
             "character": 17
           }
         ]
       },
       {
-        "id": 243,
+        "id": 249,
         "name": "SkyDataManagerSortOption",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 244,
+            "id": 250,
             "name": "descending",
             "kind": 1024,
             "kindString": "Property",
@@ -3713,7 +3877,7 @@
             }
           },
           {
-            "id": 245,
+            "id": 251,
             "name": "id",
             "kind": 1024,
             "kindString": "Property",
@@ -3740,7 +3904,7 @@
             }
           },
           {
-            "id": 246,
+            "id": 252,
             "name": "label",
             "kind": 1024,
             "kindString": "Property",
@@ -3767,7 +3931,7 @@
             }
           },
           {
-            "id": 247,
+            "id": 253,
             "name": "propertyName",
             "kind": 1024,
             "kindString": "Property",
@@ -3799,10 +3963,10 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              244,
-              245,
-              246,
-              247
+              250,
+              251,
+              252,
+              253
             ]
           }
         ],
@@ -3815,42 +3979,362 @@
         ]
       },
       {
-        "id": 268,
-        "name": "SkyDataViewConfig",
+        "id": 274,
+        "name": "SkyDataManagerStateOptions",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
-        "comment": {
-          "shortText": "The data view config contains settings that apply to the specific view, such as\ncolumn picker options and the buttons to display in the toolbar."
-        },
         "children": [
           {
-            "id": 269,
-            "name": "additionalOptions",
+            "id": 275,
+            "name": "activeSortOption",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isOptional": true
             },
             "comment": {
-              "shortText": "An untyped property that can track any view config information relevant to a\ndata view that the existing options do not include."
+              "shortText": "The selected SkyDataManagerSortOption to apply."
             },
             "sources": [
               {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 14,
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
+                "line": 9,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "qualifiedName": "Object",
-              "package": "typescript",
-              "name": "Object"
+              "id": 249,
+              "name": "SkyDataManagerSortOption"
             }
           },
           {
-            "id": 270,
+            "id": 276,
+            "name": "additionalData",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "An untyped property that can track any state information relevant to a data\nmanager that the existing properties do not cover."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
+                "line": 14,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          },
+          {
+            "id": 277,
+            "name": "filterData",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The state of filters."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
+                "line": 18,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "id": 241,
+              "name": "SkyDataManagerFilterData"
+            }
+          },
+          {
+            "id": 278,
+            "name": "onlyShowSelected",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Indicates whether to display only the selected rows or objects. The multiselect toolbar\nuses this property."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
+                "line": 23,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            }
+          },
+          {
+            "id": 279,
+            "name": "searchText",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The search text to apply."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
+                "line": 27,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 280,
+            "name": "selectedIds",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The currently selected rows or objects."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
+                "line": 31,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "string"
+              }
+            }
+          },
+          {
+            "id": 281,
+            "name": "views",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The states of the individual views."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
+                "line": 35,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "id": 316,
+                "name": "SkyDataViewStateOptions"
+              }
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              275,
+              276,
+              277,
+              278,
+              279,
+              280,
+              281
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
+            "line": 5,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 282,
+        "name": "SkyDataManagerStateUpdateFilterArgs",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Optional arguments to pass to `getDataStateUpdates`.\nProvide either a list of properties to filter on OR a custom comparator."
+        },
+        "children": [
+          {
+            "id": 283,
+            "name": "properties",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "A list of `SkyDataManagerState` properties to compare to test if the new `SkyDataManagerState` is distinct from the previous.\nThis allows you to subscribe to changes for only the provided properties."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-update-filter-args.ts",
+                "line": 12,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "string"
+              }
+            }
+          },
+          {
+            "id": 284,
+            "name": "comparator",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isOptional": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-update-filter-args.ts",
+                "line": 16,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 285,
+                "name": "comparator",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "A comparator function called to test if the new `SkyDataManagerState` is distinct from the previous."
+                },
+                "parameters": [
+                  {
+                    "id": 286,
+                    "name": "state1",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 254,
+                      "name": "SkyDataManagerState"
+                    }
+                  },
+                  {
+                    "id": 287,
+                    "name": "state2",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 254,
+                      "name": "SkyDataManagerState"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "boolean"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              283
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              284
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-update-filter-args.ts",
+            "line": 7,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 288,
+        "name": "SkyDataViewConfig",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "The data view config contains settings that apply to the specific view, such as\ncolumn picker options and the buttons to display in the toolbar."
+        },
+        "children": [
+          {
+            "id": 289,
+            "name": "additionalOptions",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "An untyped property that can track any view config information relevant to a\ndata view that the existing options do not include."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
+                "line": 13,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "qualifiedName": "Object",
+              "package": "typescript",
+              "name": "Object"
+            }
+          },
+          {
+            "id": 290,
             "name": "columnOptions",
             "kind": 1024,
             "kindString": "Property",
@@ -3863,7 +4347,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 19,
+                "line": 18,
                 "character": 2
               }
             ],
@@ -3871,12 +4355,13 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
+                "id": 228,
                 "name": "SkyDataManagerColumnPickerOption"
               }
             }
           },
           {
-            "id": 271,
+            "id": 291,
             "name": "columnPickerEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3889,7 +4374,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 23,
+                "line": 22,
                 "character": 2
               }
             ],
@@ -3899,7 +4384,7 @@
             }
           },
           {
-            "id": 272,
+            "id": 292,
             "name": "columnPickerSortStrategy",
             "kind": 1024,
             "kindString": "Property",
@@ -3912,18 +4397,18 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 28,
+                "line": 27,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 228,
+              "id": 234,
               "name": "SkyDataManagerColumnPickerSortStrategy"
             }
           },
           {
-            "id": 273,
+            "id": 293,
             "name": "filterButtonEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3936,7 +4421,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 32,
+                "line": 31,
                 "character": 2
               }
             ],
@@ -3946,7 +4431,7 @@
             }
           },
           {
-            "id": 274,
+            "id": 294,
             "name": "icon",
             "kind": 1024,
             "kindString": "Property",
@@ -3959,7 +4444,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 37,
+                "line": 36,
                 "character": 2
               }
             ],
@@ -3969,7 +4454,7 @@
             }
           },
           {
-            "id": 275,
+            "id": 295,
             "name": "id",
             "kind": 1024,
             "kindString": "Property",
@@ -3980,7 +4465,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 41,
+                "line": 40,
                 "character": 2
               }
             ],
@@ -3990,7 +4475,7 @@
             }
           },
           {
-            "id": 276,
+            "id": 296,
             "name": "multiselectToolbarEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -4003,7 +4488,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 45,
+                "line": 44,
                 "character": 2
               }
             ],
@@ -4013,7 +4498,7 @@
             }
           },
           {
-            "id": 277,
+            "id": 297,
             "name": "name",
             "kind": 1024,
             "kindString": "Property",
@@ -4024,7 +4509,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 49,
+                "line": 48,
                 "character": 2
               }
             ],
@@ -4034,7 +4519,7 @@
             }
           },
           {
-            "id": 278,
+            "id": 298,
             "name": "onClearAllClick",
             "kind": 1024,
             "kindString": "Property",
@@ -4047,7 +4532,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 54,
+                "line": 53,
                 "character": 2
               }
             ],
@@ -4059,7 +4544,7 @@
             }
           },
           {
-            "id": 279,
+            "id": 299,
             "name": "onSelectAllClick",
             "kind": 1024,
             "kindString": "Property",
@@ -4072,7 +4557,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 59,
+                "line": 58,
                 "character": 2
               }
             ],
@@ -4084,7 +4569,7 @@
             }
           },
           {
-            "id": 280,
+            "id": 300,
             "name": "searchEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -4097,7 +4582,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 63,
+                "line": 62,
                 "character": 2
               }
             ],
@@ -4107,7 +4592,7 @@
             }
           },
           {
-            "id": 282,
+            "id": 302,
             "name": "searchExpandMode",
             "kind": 1024,
             "kindString": "Property",
@@ -4120,7 +4605,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 73,
+                "line": 72,
                 "character": 2
               }
             ],
@@ -4130,7 +4615,7 @@
             }
           },
           {
-            "id": 281,
+            "id": 301,
             "name": "searchPlaceholderText",
             "kind": 1024,
             "kindString": "Property",
@@ -4143,7 +4628,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 68,
+                "line": 67,
                 "character": 2
               }
             ],
@@ -4153,7 +4638,7 @@
             }
           },
           {
-            "id": 283,
+            "id": 303,
             "name": "showFilterButtonText",
             "kind": 1024,
             "kindString": "Property",
@@ -4166,7 +4651,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 78,
+                "line": 77,
                 "character": 2
               }
             ],
@@ -4176,7 +4661,7 @@
             }
           },
           {
-            "id": 284,
+            "id": 304,
             "name": "showSortButtonText",
             "kind": 1024,
             "kindString": "Property",
@@ -4189,7 +4674,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 83,
+                "line": 82,
                 "character": 2
               }
             ],
@@ -4199,7 +4684,7 @@
             }
           },
           {
-            "id": 285,
+            "id": 305,
             "name": "sortEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -4212,7 +4697,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 87,
+                "line": 86,
                 "character": 2
               }
             ],
@@ -4227,30 +4712,154 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              269,
-              270,
-              271,
-              272,
-              273,
-              274,
-              275,
-              276,
-              277,
-              278,
-              279,
-              280,
-              282,
-              281,
-              283,
-              284,
-              285
+              289,
+              290,
+              291,
+              292,
+              293,
+              294,
+              295,
+              296,
+              297,
+              298,
+              299,
+              300,
+              302,
+              301,
+              303,
+              304,
+              305
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-            "line": 9,
+            "line": 8,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 316,
+        "name": "SkyDataViewStateOptions",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "children": [
+          {
+            "id": 320,
+            "name": "additionalData",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "An untyped property that can track any view-specific state information\nrelevant to a data manager that existing properties do not cover."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state-options.ts",
+                "line": 18,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          },
+          {
+            "id": 318,
+            "name": "columnIds",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The IDs of the columns able to be displayed for column-based views. This property is required when utilizing a grid-based view, a column picker, or both."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state-options.ts",
+                "line": 9,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "string"
+              }
+            }
+          },
+          {
+            "id": 319,
+            "name": "displayedColumnIds",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "The IDs of the columns displayed for column-based views."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state-options.ts",
+                "line": 13,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "intrinsic",
+                "name": "string"
+              }
+            }
+          },
+          {
+            "id": 317,
+            "name": "viewId",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "The ID of this view."
+            },
+            "sources": [
+              {
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state-options.ts",
+                "line": 5,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              320,
+              318,
+              319,
+              317
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state-options.ts",
+            "line": 1,
             "character": 17
           }
         ]
@@ -4261,7 +4870,7 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          228
+          234
         ]
       },
       {
@@ -4271,8 +4880,8 @@
           224,
           155,
           158,
-          248,
-          286,
+          254,
+          306,
           41,
           71,
           74,
@@ -4286,11 +4895,15 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          231,
-          235,
-          238,
-          243,
-          268
+          228,
+          237,
+          241,
+          244,
+          249,
+          274,
+          282,
+          288,
+          316
         ]
       }
     ],
@@ -4311,7 +4924,7 @@
     {
       "fileName": "data-filter-modal.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-filter-modal.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext,\n} from '@skyux/data-manager';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-data-filter-modal-form',\n  templateUrl: './data-filter-modal.component.html',\n})\nexport class DataManagerFiltersModalDemoComponent {\n  public fruitType: string;\n\n  public hideOrange: boolean;\n\n  constructor(\n    public context: SkyDataManagerFilterModalContext,\n    public instance: SkyModalInstance\n  ) {\n    if (this.context.filterData && this.context.filterData.filters) {\n      const filters = this.context.filterData.filters;\n      this.fruitType = filters.type || 'any';\n      this.hideOrange = filters.hideOrange || false;\n    }\n  }\n\n  public applyFilters() {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.fruitType !== 'any' || this.hideOrange;\n    result.filters = {\n      type: this.fruitType,\n      hideOrange: this.hideOrange,\n    };\n\n    this.instance.save(result);\n  }\n\n  public clearAllFilters() {\n    this.hideOrange = false;\n    this.fruitType = 'any';\n  }\n\n  public cancel() {\n    this.instance.cancel();\n  }\n}\n"
+      "rawContents": "import { Component } 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-filter-modal-form',\n  templateUrl: './data-filter-modal.component.html',\n})\nexport class DataManagerFiltersModalDemoComponent {\n  public fruitType: string;\n\n  public hideOrange: boolean;\n\n  constructor(\n    public context: SkyDataManagerFilterModalContext,\n    public instance: SkyModalInstance\n  ) {\n    if (this.context.filterData && this.context.filterData.filters) {\n      const filters = this.context.filterData.filters;\n      this.fruitType = filters.type || 'any';\n      this.hideOrange = filters.hideOrange || false;\n    }\n  }\n\n  public applyFilters() {\n    const result: SkyDataManagerFilterData = {};\n\n    result.filtersApplied = this.fruitType !== 'any' || this.hideOrange;\n    result.filters = {\n      type: this.fruitType,\n      hideOrange: this.hideOrange,\n    };\n\n    this.instance.save(result);\n  }\n\n  public clearAllFilters() {\n    this.hideOrange = false;\n    this.fruitType = 'any';\n  }\n\n  public cancel() {\n    this.instance.cancel();\n  }\n}\n"
     },
     {
       "fileName": "data-manager-demo.component.html",
@@ -4321,12 +4934,12 @@
     {
       "fileName": "data-manager-demo.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-manager-demo.component.ts",
-      "rawContents": "import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\n\nimport { SkyUIConfigService } from '@skyux/core';\n\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { DataManagerFiltersModalDemoComponent } from './data-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-demo',\n  templateUrl: './data-manager-demo.component.html',\n  providers: [SkyDataManagerService, SkyUIConfigService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDemoComponent implements OnInit {\n  public dataManagerConfig = {\n    filterModalComponent: DataManagerFiltersModalDemoComponent,\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: true,\n      filters: {\n        hideOrange: true,\n      },\n    },\n    views: [\n      {\n        viewId: 'gridView',\n        displayedColumnIds: ['selected', 'name', 'description'],\n      },\n    ],\n  });\n\n  public dataState: SkyDataManagerState;\n\n  public items: any[] = [\n    {\n      id: '1',\n      name: 'Orange',\n      description: 'A round, orange fruit. A great source of vitamin C.',\n      type: 'citrus',\n      color: 'orange',\n    },\n    {\n      id: '2',\n      name: 'Mango',\n      description:\n        \"Very difficult to peel. Delicious in smoothies, but don't eat the skin.\",\n      type: 'other',\n      color: 'orange',\n    },\n    {\n      id: '3',\n      name: 'Lime',\n      description:\n        'A sour, green fruit used in many drinks. It grows on trees.',\n      type: 'citrus',\n      color: 'green',\n    },\n    {\n      id: '4',\n      name: 'Strawberry',\n      description:\n        'A red fruit that goes well with shortcake. It is the name of both the fruit and the plant!',\n      type: 'berry',\n      color: 'red',\n    },\n    {\n      id: '5',\n      name: 'Blueberry',\n      description:\n        'A small, blue fruit often found in muffins. When not ripe, they can be sour.',\n      type: 'berry',\n      color: 'blue',\n    },\n    {\n      id: '6',\n      name: 'Banana',\n      description:\n        'A yellow fruit with a thick skin. Monkeys love them, and in some countries it is customary to eat the peel.',\n      type: 'other',\n      color: 'yellow',\n    },\n  ];\n\n  public activeViewId = 'repeaterView';\n\n  constructor(private dataManagerService: SkyDataManagerService) {\n    this.dataManagerService\n      .getDataStateUpdates('dataManager')\n      .subscribe((state) => (this.dataState = state));\n    this.dataManagerService\n      .getActiveViewIdUpdates()\n      .subscribe((activeViewId) => (this.activeViewId = activeViewId));\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 searchSo(): void {\n    this.dataState.searchText = 'so';\n    this.dataManagerService.updateDataState(this.dataState, 'dataManager');\n  }\n}\n"
+      "rawContents": "import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\nimport { SkyUIConfigService } from '@skyux/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n} from '@skyux/data-manager';\n\nimport { DataManagerFiltersModalDemoComponent } from './data-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-demo',\n  templateUrl: './data-manager-demo.component.html',\n  providers: [SkyDataManagerService, SkyUIConfigService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataManagerDemoComponent implements OnInit {\n  public dataManagerConfig = {\n    filterModalComponent: DataManagerFiltersModalDemoComponent,\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: true,\n      filters: {\n        hideOrange: true,\n      },\n    },\n    views: [\n      {\n        viewId: 'gridView',\n        displayedColumnIds: ['selected', 'name', 'description'],\n      },\n    ],\n  });\n\n  public dataState: SkyDataManagerState;\n\n  public items: any[] = [\n    {\n      id: '1',\n      name: 'Orange',\n      description: 'A round, orange fruit. A great source of vitamin C.',\n      type: 'citrus',\n      color: 'orange',\n    },\n    {\n      id: '2',\n      name: 'Mango',\n      description:\n        \"Very difficult to peel. Delicious in smoothies, but don't eat the skin.\",\n      type: 'other',\n      color: 'orange',\n    },\n    {\n      id: '3',\n      name: 'Lime',\n      description:\n        'A sour, green fruit used in many drinks. It grows on trees.',\n      type: 'citrus',\n      color: 'green',\n    },\n    {\n      id: '4',\n      name: 'Strawberry',\n      description:\n        'A red fruit that goes well with shortcake. It is the name of both the fruit and the plant!',\n      type: 'berry',\n      color: 'red',\n    },\n    {\n      id: '5',\n      name: 'Blueberry',\n      description:\n        'A small, blue fruit often found in muffins. When not ripe, they can be sour.',\n      type: 'berry',\n      color: 'blue',\n    },\n    {\n      id: '6',\n      name: 'Banana',\n      description:\n        'A yellow fruit with a thick skin. Monkeys love them, and in some countries it is customary to eat the peel.',\n      type: 'other',\n      color: 'yellow',\n    },\n  ];\n\n  public activeViewId = 'repeaterView';\n\n  constructor(private dataManagerService: SkyDataManagerService) {\n    this.dataManagerService\n      .getDataStateUpdates('dataManager')\n      .subscribe((state) => (this.dataState = state));\n    this.dataManagerService\n      .getActiveViewIdUpdates()\n      .subscribe((activeViewId) => (this.activeViewId = activeViewId));\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 searchSo(): void {\n    this.dataState.searchText = 'so';\n    this.dataManagerService.updateDataState(this.dataState, 'dataManager');\n  }\n}\n"
     },
     {
       "fileName": "data-manager-demo.module.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-manager-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyCardModule, SkyToolbarModule } from '@skyux/layout';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyDataManagerModule } from '@skyux/data-manager';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { DataManagerDemoComponent } from './data-manager-demo.component';\n\nimport { DataManagerFiltersModalDemoComponent } from './data-filter-modal.component';\n\nimport { DataViewCardsDemoComponent } from './data-view-cards.component';\n\nimport { DataViewRepeaterDemoComponent } from './data-view-repeater.component';\n\n@NgModule({\n  declarations: [\n    DataManagerDemoComponent,\n    DataManagerFiltersModalDemoComponent,\n    DataViewCardsDemoComponent,\n    DataViewRepeaterDemoComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCardModule,\n    SkyCheckboxModule,\n    SkyDataManagerModule,\n    SkyModalModule,\n    SkyRepeaterModule,\n    SkyToolbarModule,\n  ],\n  exports: [DataManagerDemoComponent],\n  entryComponents: [\n    DataManagerDemoComponent,\n    DataManagerFiltersModalDemoComponent,\n  ],\n})\nexport class DataManagerDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyCardModule, SkyToolbarModule } from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { DataManagerFiltersModalDemoComponent } from './data-filter-modal.component';\nimport { DataManagerDemoComponent } from './data-manager-demo.component';\nimport { DataViewCardsDemoComponent } from './data-view-cards.component';\nimport { DataViewRepeaterDemoComponent } from './data-view-repeater.component';\n\n@NgModule({\n  declarations: [\n    DataManagerDemoComponent,\n    DataManagerFiltersModalDemoComponent,\n    DataViewCardsDemoComponent,\n    DataViewRepeaterDemoComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCardModule,\n    SkyCheckboxModule,\n    SkyDataManagerModule,\n    SkyModalModule,\n    SkyRepeaterModule,\n    SkyToolbarModule,\n  ],\n  exports: [DataManagerDemoComponent],\n  entryComponents: [\n    DataManagerDemoComponent,\n    DataManagerFiltersModalDemoComponent,\n  ],\n})\nexport class DataManagerDemoModule {}\n"
     },
     {
       "fileName": "data-view-cards.component.html",
@@ -4336,7 +4949,7 @@
     {
       "fileName": "data-view-cards.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-view-cards.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\n\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n} from '@skyux/data-manager';\n\n@Component({\n  selector: 'app-data-view-cards-demo',\n  templateUrl: './data-view-cards.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataViewCardsDemoComponent implements OnInit {\n  @Input()\n  public items: any[];\n\n  public dataState: SkyDataManagerState;\n  public displayedItems: any[];\n  public viewId = 'cardsView';\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Cards View',\n    icon: 'th-large',\n    sortEnabled: true,\n    searchEnabled: true,\n    filterButtonEnabled: true,\n    showSortButtonText: true,\n  };\n\n  constructor(\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.dataManagerService\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.displayedItems = this.sortItems(\n          this.filterItems(this.searchItems(this.items))\n        );\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public sortItems(items: any[]): any[] {\n    let result = items;\n    const sortOption = this.dataState && this.dataState.activeSortOption;\n\n    if (sortOption) {\n      result = items.sort(function (a: any, b: any) {\n        const descending = sortOption.descending ? -1 : 1,\n          sortProperty = sortOption.propertyName;\n\n        if (a[sortProperty] > b[sortProperty]) {\n          return descending;\n        } else if (a[sortProperty] < b[sortProperty]) {\n          return -1 * descending;\n        } else {\n          return 0;\n        }\n      });\n    }\n\n    return result;\n  }\n\n  public searchItems(items: any[]): any[] {\n    let searchedItems = items;\n    const searchText =\n      this.dataState && this.dataState.searchText?.toUpperCase();\n\n    if (searchText) {\n      searchedItems = items.filter(function (item: any) {\n        let property: any;\n\n        for (property in item) {\n          if (\n            item.hasOwnProperty(property) &&\n            (property === 'name' || property === 'description')\n          ) {\n            const propertyText = item[property].toUpperCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n    return searchedItems;\n  }\n\n  public filterItems(items: any[]): any[] {\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: any) => {\n        if (\n          ((filters.hideOrange && item.color !== 'orange') ||\n            !filters.hideOrange) &&\n          ((filters.type !== 'any' && item.type === filters.type) ||\n            !filters.type ||\n            filters.type === 'any')\n        ) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return filteredItems;\n  }\n\n  public searchBe(): void {\n    this.dataState.searchText = 'be';\n    this.dataManagerService.updateDataState(this.dataState, 'searchButton');\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n} from '@skyux/data-manager';\n\n@Component({\n  selector: 'app-data-view-cards-demo',\n  templateUrl: './data-view-cards.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataViewCardsDemoComponent implements OnInit {\n  @Input()\n  public items: any[];\n\n  public dataState: SkyDataManagerState;\n  public displayedItems: any[];\n  public viewId = 'cardsView';\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Cards View',\n    icon: 'th-large',\n    sortEnabled: true,\n    searchEnabled: true,\n    filterButtonEnabled: true,\n    showSortButtonText: true,\n  };\n\n  constructor(\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.dataManagerService\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.displayedItems = this.sortItems(\n          this.filterItems(this.searchItems(this.items))\n        );\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public sortItems(items: any[]): any[] {\n    let result = items;\n    const sortOption = this.dataState && this.dataState.activeSortOption;\n\n    if (sortOption) {\n      result = items.sort(function (a: any, b: any) {\n        const descending = sortOption.descending ? -1 : 1,\n          sortProperty = sortOption.propertyName;\n\n        if (a[sortProperty] > b[sortProperty]) {\n          return descending;\n        } else if (a[sortProperty] < b[sortProperty]) {\n          return -1 * descending;\n        } else {\n          return 0;\n        }\n      });\n    }\n\n    return result;\n  }\n\n  public searchItems(items: any[]): any[] {\n    let searchedItems = items;\n    const searchText =\n      this.dataState && this.dataState.searchText?.toUpperCase();\n\n    if (searchText) {\n      searchedItems = items.filter(function (item: any) {\n        let property: any;\n\n        for (property in item) {\n          if (\n            item.hasOwnProperty(property) &&\n            (property === 'name' || property === 'description')\n          ) {\n            const propertyText = item[property].toUpperCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n    return searchedItems;\n  }\n\n  public filterItems(items: any[]): any[] {\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: any) => {\n        if (\n          ((filters.hideOrange && item.color !== 'orange') ||\n            !filters.hideOrange) &&\n          ((filters.type !== 'any' && item.type === filters.type) ||\n            !filters.type ||\n            filters.type === 'any')\n        ) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return filteredItems;\n  }\n\n  public searchBe(): void {\n    this.dataState.searchText = 'be';\n    this.dataManagerService.updateDataState(this.dataState, 'searchButton');\n  }\n}\n"
     },
     {
       "fileName": "data-view-repeater.component.html",
@@ -4346,7 +4959,7 @@
     {
       "fileName": "data-view-repeater.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-view-repeater.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\n\nimport {\n  SkyDataManagerState,\n  SkyDataViewConfig,\n  SkyDataManagerService,\n} from '@skyux/data-manager';\n\n@Component({\n  selector: 'app-data-view-repeater-demo',\n  templateUrl: './data-view-repeater.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataViewRepeaterDemoComponent implements OnInit {\n  @Input()\n  public items: any[];\n\n  public dataState = new SkyDataManagerState({});\n\n  public displayedItems: any[];\n\n  public isActive: boolean;\n\n  public viewId = 'repeaterView';\n\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Repeater View',\n    icon: 'list',\n    searchEnabled: true,\n    filterButtonEnabled: true,\n    multiselectToolbarEnabled: true,\n    onClearAllClick: this.clearAll.bind(this),\n    onSelectAllClick: this.selectAll.bind(this),\n  };\n\n  constructor(\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.dataManagerService\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.updateData();\n      });\n\n    this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n      this.isActive = id === this.viewId;\n    });\n  }\n\n  public updateData(): void {\n    const selectedIds = this.dataState.selectedIds || [];\n    this.items.forEach((item) => {\n      item.selected = selectedIds.indexOf(item.id) !== -1;\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    this.changeDetector.detectChanges();\n  }\n\n  public searchItems(items: any[]): any[] {\n    let searchedItems = items;\n    const searchText =\n      this.dataState && this.dataState.searchText?.toUpperCase();\n\n    if (searchText) {\n      searchedItems = items.filter(function (item: any) {\n        let property: any;\n\n        for (property in item) {\n          if (\n            item.hasOwnProperty(property) &&\n            (property === 'name' || property === 'description')\n          ) {\n            const propertyText = item[property].toUpperCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n    return searchedItems;\n  }\n\n  public filterItems(items: any[]): any[] {\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: any) => {\n        if (\n          ((filters.hideOrange && item.color !== 'orange') ||\n            !filters.hideOrange) &&\n          ((filters.type !== 'any' && item.type === filters.type) ||\n            !filters.type ||\n            filters.type === 'any')\n        ) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return filteredItems;\n  }\n\n  public selectAll(): void {\n    const selectedIds = this.dataState.selectedIds || [];\n\n    this.displayedItems.forEach((item) => {\n      if (!item.selected) {\n        item.selected = true;\n        selectedIds.push(item.id);\n      }\n    });\n\n    this.dataState.selectedIds = selectedIds;\n    this.dataManagerService.updateDataState(this.dataState, this.viewId);\n    this.changeDetector.markForCheck();\n  }\n\n  public clearAll(): void {\n    const selectedIds = this.dataState.selectedIds || [];\n\n    this.displayedItems.forEach((item) => {\n      if (item.selected) {\n        const itemIndex = selectedIds.indexOf(item.id);\n        item.selected = false;\n        selectedIds.splice(itemIndex, 1);\n      }\n    });\n\n    if (this.dataState.onlyShowSelected) {\n      this.displayedItems = [];\n    }\n\n    this.dataState.selectedIds = selectedIds;\n    this.dataManagerService.updateDataState(this.dataState, this.viewId);\n    this.changeDetector.markForCheck();\n  }\n\n  public onItemSelect(isSelected: boolean, item: any): void {\n    const selectedItems = this.dataState.selectedIds || [];\n    const itemIndex = selectedItems.indexOf(item.id);\n\n    if (isSelected && itemIndex === -1) {\n      selectedItems.push(item.id);\n    } else if (!isSelected && itemIndex !== -1) {\n      selectedItems.splice(itemIndex, 1);\n    }\n\n    this.dataState.selectedIds = selectedItems;\n    this.dataManagerService.updateDataState(this.dataState, this.viewId);\n    if (this.dataState.onlyShowSelected && this.displayedItems) {\n      this.displayedItems = this.displayedItems.filter((itm) => itm.selected);\n      this.changeDetector.markForCheck();\n    }\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n} from '@skyux/data-manager';\n\n@Component({\n  selector: 'app-data-view-repeater-demo',\n  templateUrl: './data-view-repeater.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataViewRepeaterDemoComponent implements OnInit {\n  @Input()\n  public items: any[];\n\n  public dataState = new SkyDataManagerState({});\n\n  public displayedItems: any[];\n\n  public isActive: boolean;\n\n  public viewId = 'repeaterView';\n\n  public viewConfig: SkyDataViewConfig = {\n    id: this.viewId,\n    name: 'Repeater View',\n    icon: 'list',\n    searchEnabled: true,\n    filterButtonEnabled: true,\n    multiselectToolbarEnabled: true,\n    onClearAllClick: this.clearAll.bind(this),\n    onSelectAllClick: this.selectAll.bind(this),\n  };\n\n  constructor(\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.dataManagerService\n      .getDataStateUpdates(this.viewId)\n      .subscribe((state) => {\n        this.dataState = state;\n        this.updateData();\n      });\n\n    this.dataManagerService.getActiveViewIdUpdates().subscribe((id) => {\n      this.isActive = id === this.viewId;\n    });\n  }\n\n  public updateData(): void {\n    const selectedIds = this.dataState.selectedIds || [];\n    this.items.forEach((item) => {\n      item.selected = selectedIds.indexOf(item.id) !== -1;\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    this.changeDetector.detectChanges();\n  }\n\n  public searchItems(items: any[]): any[] {\n    let searchedItems = items;\n    const searchText =\n      this.dataState && this.dataState.searchText?.toUpperCase();\n\n    if (searchText) {\n      searchedItems = items.filter(function (item: any) {\n        let property: any;\n\n        for (property in item) {\n          if (\n            item.hasOwnProperty(property) &&\n            (property === 'name' || property === 'description')\n          ) {\n            const propertyText = item[property].toUpperCase();\n            if (propertyText.indexOf(searchText) > -1) {\n              return true;\n            }\n          }\n        }\n\n        return false;\n      });\n    }\n    return searchedItems;\n  }\n\n  public filterItems(items: any[]): any[] {\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: any) => {\n        if (\n          ((filters.hideOrange && item.color !== 'orange') ||\n            !filters.hideOrange) &&\n          ((filters.type !== 'any' && item.type === filters.type) ||\n            !filters.type ||\n            filters.type === 'any')\n        ) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return filteredItems;\n  }\n\n  public selectAll(): void {\n    const selectedIds = this.dataState.selectedIds || [];\n\n    this.displayedItems.forEach((item) => {\n      if (!item.selected) {\n        item.selected = true;\n        selectedIds.push(item.id);\n      }\n    });\n\n    this.dataState.selectedIds = selectedIds;\n    this.dataManagerService.updateDataState(this.dataState, this.viewId);\n    this.changeDetector.markForCheck();\n  }\n\n  public clearAll(): void {\n    const selectedIds = this.dataState.selectedIds || [];\n\n    this.displayedItems.forEach((item) => {\n      if (item.selected) {\n        const itemIndex = selectedIds.indexOf(item.id);\n        item.selected = false;\n        selectedIds.splice(itemIndex, 1);\n      }\n    });\n\n    if (this.dataState.onlyShowSelected) {\n      this.displayedItems = [];\n    }\n\n    this.dataState.selectedIds = selectedIds;\n    this.dataManagerService.updateDataState(this.dataState, this.viewId);\n    this.changeDetector.markForCheck();\n  }\n\n  public onItemSelect(isSelected: boolean, item: any): void {\n    const selectedItems = this.dataState.selectedIds || [];\n    const itemIndex = selectedItems.indexOf(item.id);\n\n    if (isSelected && itemIndex === -1) {\n      selectedItems.push(item.id);\n    } else if (!isSelected && itemIndex !== -1) {\n      selectedItems.splice(itemIndex, 1);\n    }\n\n    this.dataState.selectedIds = selectedItems;\n    this.dataManagerService.updateDataState(this.dataState, this.viewId);\n    if (this.dataState.onlyShowSelected && this.displayedItems) {\n      this.displayedItems = this.displayedItems.filter((itm) => itm.selected);\n      this.changeDetector.markForCheck();\n    }\n  }\n}\n"
     }
   ]
 }