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

package/documentation.json

@@ -13,15 +13,11 @@
     "SkyDataManagerToolbarSectionComponent": "class-skydatamanagertoolbarsectioncomponent",
     "SkyDataManagerToolbarComponent": "class-skydatamanagertoolbarcomponent",
     "SkyDataViewComponent": "class-skydataviewcomponent",
-    "SkyDataManagerColumnPickerOption": "interface-skydatamanagercolumnpickeroption",
     "SkyDataManagerConfig": "interface-skydatamanagerconfig",
     "SkyDataManagerFilterData": "interface-skydatamanagerfilterdata",
     "SkyDataManagerInitArgs": "interface-skydatamanagerinitargs",
     "SkyDataManagerSortOption": "interface-skydatamanagersortoption",
-    "SkyDataManagerStateOptions": "interface-skydatamanagerstateoptions",
-    "SkyDataManagerStateUpdateFilterArgs": "interface-skydatamanagerstateupdatefilterargs",
-    "SkyDataViewConfig": "interface-skydataviewconfig",
-    "SkyDataViewStateOptions": "interface-skydataviewstateoptions"
+    "SkyDataViewConfig": "interface-skydataviewconfig"
   },
   "typedoc": {
     "id": 0,
@@ -32,14 +28,14 @@
     "originalName": "",
     "children": [
       {
-        "id": 234,
+        "id": 228,
         "name": "SkyDataManagerColumnPickerSortStrategy",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 235,
+            "id": 229,
             "name": "None",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -54,7 +50,7 @@
             "defaultValue": "\"none\""
           },
           {
-            "id": 236,
+            "id": 230,
             "name": "SelectedThenAlphabetical",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -74,8 +70,8 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              235,
-              236
+              229,
+              230
             ]
           }
         ],
@@ -132,7 +128,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 241,
+              "id": 235,
               "name": "SkyDataManagerFilterData"
             }
           }
@@ -172,6 +168,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -233,6 +231,8 @@
             "name": "Injectable",
             "type": {
               "type": "reference",
+              "qualifiedName": "InjectableDecorator",
+              "package": "@angular/core",
               "name": "Injectable"
             },
             "arguments": {}
@@ -335,6 +335,8 @@
                   }
                 }
               ],
+              "qualifiedName": "BehaviorSubject",
+              "package": "rxjs",
               "name": "BehaviorSubject"
             },
             "defaultValue": "..."
@@ -372,6 +374,8 @@
                       "name": "string"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -404,7 +408,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 237,
+                  "id": 231,
                   "name": "SkyDataManagerConfig"
                 }
               }
@@ -440,10 +444,12 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 237,
+                      "id": 231,
                       "name": "SkyDataManagerConfig"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -499,7 +505,6 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 282,
                       "name": "SkyDataManagerStateUpdateFilterArgs"
                     }
                   }
@@ -509,10 +514,12 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 254,
+                      "id": 248,
                       "name": "SkyDataManagerState"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -550,11 +557,13 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 288,
+                        "id": 268,
                         "name": "SkyDataViewConfig"
                       }
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -603,7 +612,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 288,
+                  "id": 268,
                   "name": "SkyDataViewConfig"
                 }
               }
@@ -646,7 +655,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 244,
+                      "id": 238,
                       "name": "SkyDataManagerInitArgs"
                     }
                   }
@@ -695,7 +704,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 288,
+                      "id": 268,
                       "name": "SkyDataViewConfig"
                     }
                   }
@@ -829,7 +838,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 237,
+                      "id": 231,
                       "name": "SkyDataManagerConfig"
                     }
                   }
@@ -878,7 +887,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 254,
+                      "id": 248,
                       "name": "SkyDataManagerState"
                     }
                   },
@@ -941,7 +950,7 @@
                     },
                     "type": {
                       "type": "reference",
-                      "id": 288,
+                      "id": 268,
                       "name": "SkyDataViewConfig"
                     }
                   }
@@ -999,19 +1008,21 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
       },
       {
-        "id": 254,
+        "id": 248,
         "name": "SkyDataManagerState",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 255,
+            "id": 249,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1025,35 +1036,34 @@
             ],
             "signatures": [
               {
-                "id": 256,
+                "id": 250,
                 "name": "new SkyDataManagerState",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 257,
+                    "id": 251,
                     "name": "data",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 274,
                       "name": "SkyDataManagerStateOptions"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 254,
+                  "id": 248,
                   "name": "SkyDataManagerState"
                 }
               }
             ]
           },
           {
-            "id": 258,
+            "id": 252,
             "name": "activeSortOption",
             "kind": 1024,
             "kindString": "Property",
@@ -1069,12 +1079,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 249,
+              "id": 243,
               "name": "SkyDataManagerSortOption"
             }
           },
           {
-            "id": 259,
+            "id": 253,
             "name": "additionalData",
             "kind": 1024,
             "kindString": "Property",
@@ -1094,7 +1104,7 @@
             }
           },
           {
-            "id": 260,
+            "id": 254,
             "name": "filterData",
             "kind": 1024,
             "kindString": "Property",
@@ -1110,12 +1120,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 241,
+              "id": 235,
               "name": "SkyDataManagerFilterData"
             }
           },
           {
-            "id": 261,
+            "id": 255,
             "name": "onlyShowSelected",
             "kind": 1024,
             "kindString": "Property",
@@ -1135,7 +1145,7 @@
             }
           },
           {
-            "id": 262,
+            "id": 256,
             "name": "searchText",
             "kind": 1024,
             "kindString": "Property",
@@ -1155,7 +1165,7 @@
             }
           },
           {
-            "id": 263,
+            "id": 257,
             "name": "selectedIds",
             "kind": 1024,
             "kindString": "Property",
@@ -1178,7 +1188,7 @@
             }
           },
           {
-            "id": 264,
+            "id": 258,
             "name": "views",
             "kind": 1024,
             "kindString": "Property",
@@ -1196,14 +1206,14 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 306,
+                "id": 286,
                 "name": "SkyDataViewState"
               }
             },
             "defaultValue": "[]"
           },
           {
-            "id": 270,
+            "id": 264,
             "name": "addOrUpdateView",
             "kind": 2048,
             "kindString": "Method",
@@ -1219,14 +1229,14 @@
             ],
             "signatures": [
               {
-                "id": 271,
+                "id": 265,
                 "name": "addOrUpdateView",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 272,
+                    "id": 266,
                     "name": "viewId",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1237,28 +1247,28 @@
                     }
                   },
                   {
-                    "id": 273,
+                    "id": 267,
                     "name": "view",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 306,
+                      "id": 286,
                       "name": "SkyDataViewState"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 254,
+                  "id": 248,
                   "name": "SkyDataManagerState"
                 }
               }
             ]
           },
           {
-            "id": 265,
+            "id": 259,
             "name": "getStateOptions",
             "kind": 2048,
             "kindString": "Method",
@@ -1274,21 +1284,20 @@
             ],
             "signatures": [
               {
-                "id": 266,
+                "id": 260,
                 "name": "getStateOptions",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 274,
                   "name": "SkyDataManagerStateOptions"
                 }
               }
             ]
           },
           {
-            "id": 267,
+            "id": 261,
             "name": "getViewStateById",
             "kind": 2048,
             "kindString": "Method",
@@ -1304,14 +1313,14 @@
             ],
             "signatures": [
               {
-                "id": 268,
+                "id": 262,
                 "name": "getViewStateById",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 269,
+                    "id": 263,
                     "name": "viewId",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1324,7 +1333,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 306,
+                  "id": 286,
                   "name": "SkyDataViewState"
                 }
               }
@@ -1336,29 +1345,29 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              255
+              249
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              258,
-              259,
-              260,
-              261,
-              262,
-              263,
-              264
+              252,
+              253,
+              254,
+              255,
+              256,
+              257,
+              258
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              270,
-              265,
-              267
+              264,
+              259,
+              261
             ]
           }
         ],
@@ -1371,14 +1380,14 @@
         ]
       },
       {
-        "id": 306,
+        "id": 286,
         "name": "SkyDataViewState",
         "kind": 128,
         "kindString": "Class",
         "flags": {},
         "children": [
           {
-            "id": 307,
+            "id": 287,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1392,35 +1401,34 @@
             ],
             "signatures": [
               {
-                "id": 308,
+                "id": 288,
                 "name": "new SkyDataViewState",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 309,
+                    "id": 289,
                     "name": "data",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 316,
                       "name": "SkyDataViewStateOptions"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 306,
+                  "id": 286,
                   "name": "SkyDataViewState"
                 }
               }
             ]
           },
           {
-            "id": 313,
+            "id": 293,
             "name": "additionalData",
             "kind": 1024,
             "kindString": "Property",
@@ -1440,7 +1448,7 @@
             }
           },
           {
-            "id": 310,
+            "id": 290,
             "name": "columnIds",
             "kind": 1024,
             "kindString": "Property",
@@ -1464,7 +1472,7 @@
             "defaultValue": "[]"
           },
           {
-            "id": 311,
+            "id": 291,
             "name": "displayedColumnIds",
             "kind": 1024,
             "kindString": "Property",
@@ -1488,7 +1496,7 @@
             "defaultValue": "[]"
           },
           {
-            "id": 312,
+            "id": 292,
             "name": "viewId",
             "kind": 1024,
             "kindString": "Property",
@@ -1508,7 +1516,7 @@
             }
           },
           {
-            "id": 314,
+            "id": 294,
             "name": "getViewStateOptions",
             "kind": 2048,
             "kindString": "Method",
@@ -1524,14 +1532,13 @@
             ],
             "signatures": [
               {
-                "id": 315,
+                "id": 295,
                 "name": "getViewStateOptions",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 316,
                   "name": "SkyDataViewStateOptions"
                 }
               }
@@ -1543,24 +1550,24 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              307
+              287
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              313,
-              310,
-              311,
-              312
+              293,
+              290,
+              291,
+              292
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              314
+              294
             ]
           }
         ],
@@ -1586,6 +1593,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -1623,6 +1632,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -1670,6 +1681,8 @@
                   "name": "SkyBackToTopMessage"
                 }
               ],
+              "qualifiedName": "Subject",
+              "package": "rxjs",
               "name": "Subject"
             },
             "defaultValue": "..."
@@ -1958,10 +1971,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           }
         ]
@@ -1980,6 +1997,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2041,6 +2060,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2102,6 +2123,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2163,6 +2186,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2224,6 +2249,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2261,6 +2288,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -2380,7 +2409,7 @@
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 288,
+                  "id": 268,
                   "name": "SkyDataViewConfig"
                 }
               }
@@ -2401,7 +2430,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 288,
+                      "id": 268,
                       "name": "SkyDataViewConfig"
                     }
                   }
@@ -2437,7 +2466,7 @@
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 237,
+                  "id": 231,
                   "name": "SkyDataManagerConfig"
                 }
               }
@@ -2458,7 +2487,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 237,
+                      "id": 231,
                       "name": "SkyDataManagerConfig"
                     }
                   }
@@ -2494,7 +2523,7 @@
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 254,
+                  "id": 248,
                   "name": "SkyDataManagerState"
                 }
               }
@@ -2515,7 +2544,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 254,
+                      "id": 248,
                       "name": "SkyDataManagerState"
                     }
                   }
@@ -2553,7 +2582,7 @@
                   "type": "array",
                   "elementType": {
                     "type": "reference",
-                    "id": 288,
+                    "id": 268,
                     "name": "SkyDataViewConfig"
                   }
                 }
@@ -2577,7 +2606,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 288,
+                        "id": 268,
                         "name": "SkyDataViewConfig"
                       }
                     }
@@ -2937,7 +2966,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 249,
+                      "id": 243,
                       "name": "SkyDataManagerSortOption"
                     }
                   }
@@ -3003,10 +3032,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           }
         ]
@@ -3025,6 +3058,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -3062,6 +3097,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -3129,6 +3166,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3318,171 +3357,20 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           }
         ]
       },
       {
-        "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,
+        "id": 231,
         "name": "SkyDataManagerConfig",
         "kind": 256,
         "kindString": "Interface",
@@ -3492,7 +3380,7 @@
         },
         "children": [
           {
-            "id": 238,
+            "id": 232,
             "name": "additionalOptions",
             "kind": 1024,
             "kindString": "Property",
@@ -3515,7 +3403,7 @@
             }
           },
           {
-            "id": 239,
+            "id": 233,
             "name": "filterModalComponent",
             "kind": 1024,
             "kindString": "Property",
@@ -3538,7 +3426,7 @@
             }
           },
           {
-            "id": 240,
+            "id": 234,
             "name": "sortOptions",
             "kind": 1024,
             "kindString": "Property",
@@ -3559,7 +3447,7 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 249,
+                "id": 243,
                 "name": "SkyDataManagerSortOption"
               }
             }
@@ -3570,9 +3458,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              238,
-              239,
-              240
+              232,
+              233,
+              234
             ]
           }
         ],
@@ -3585,14 +3473,14 @@
         ]
       },
       {
-        "id": 241,
+        "id": 235,
         "name": "SkyDataManagerFilterData",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 243,
+            "id": 237,
             "name": "filters",
             "kind": 1024,
             "kindString": "Property",
@@ -3615,7 +3503,7 @@
             }
           },
           {
-            "id": 242,
+            "id": 236,
             "name": "filtersApplied",
             "kind": 1024,
             "kindString": "Property",
@@ -3643,8 +3531,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              243,
-              242
+              237,
+              236
             ]
           }
         ],
@@ -3657,14 +3545,14 @@
         ]
       },
       {
-        "id": 244,
+        "id": 238,
         "name": "SkyDataManagerInitArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 245,
+            "id": 239,
             "name": "activeViewId",
             "kind": 1024,
             "kindString": "Property",
@@ -3691,7 +3579,7 @@
             }
           },
           {
-            "id": 246,
+            "id": 240,
             "name": "dataManagerConfig",
             "kind": 1024,
             "kindString": "Property",
@@ -3714,12 +3602,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 237,
+              "id": 231,
               "name": "SkyDataManagerConfig"
             }
           },
           {
-            "id": 247,
+            "id": 241,
             "name": "defaultDataState",
             "kind": 1024,
             "kindString": "Property",
@@ -3742,12 +3630,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 254,
+              "id": 248,
               "name": "SkyDataManagerState"
             }
           },
           {
-            "id": 248,
+            "id": 242,
             "name": "settingsKey",
             "kind": 1024,
             "kindString": "Property",
@@ -3775,10 +3663,10 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              245,
-              246,
-              247,
-              248
+              239,
+              240,
+              241,
+              242
             ]
           }
         ],
@@ -3791,14 +3679,14 @@
         ]
       },
       {
-        "id": 249,
+        "id": 243,
         "name": "SkyDataManagerSortOption",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 250,
+            "id": 244,
             "name": "descending",
             "kind": 1024,
             "kindString": "Property",
@@ -3825,7 +3713,7 @@
             }
           },
           {
-            "id": 251,
+            "id": 245,
             "name": "id",
             "kind": 1024,
             "kindString": "Property",
@@ -3852,7 +3740,7 @@
             }
           },
           {
-            "id": 252,
+            "id": 246,
             "name": "label",
             "kind": 1024,
             "kindString": "Property",
@@ -3879,7 +3767,7 @@
             }
           },
           {
-            "id": 253,
+            "id": 247,
             "name": "propertyName",
             "kind": 1024,
             "kindString": "Property",
@@ -3911,10 +3799,10 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              250,
-              251,
-              252,
-              253
+              244,
+              245,
+              246,
+              247
             ]
           }
         ],
@@ -3927,465 +3815,146 @@
         ]
       },
       {
-        "id": 274,
-        "name": "SkyDataManagerStateOptions",
+        "id": 268,
+        "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": 275,
-            "name": "activeSortOption",
+            "id": 269,
+            "name": "additionalOptions",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isOptional": true
             },
             "comment": {
-              "shortText": "The selected SkyDataManagerSortOption to apply."
+              "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-manager-state-options.ts",
-                "line": 11,
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
+                "line": 14,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 249,
-              "name": "SkyDataManagerSortOption"
+              "qualifiedName": "Object",
+              "package": "typescript",
+              "name": "Object"
             }
           },
           {
-            "id": 276,
-            "name": "additionalData",
+            "id": 270,
+            "name": "columnOptions",
             "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."
+              "shortText": "The column data to pass to the column picker. Columns that are always displayed should be\npassed in addition to the optional columns. See SkyDataManagerColumnPickerOption."
             },
             "sources": [
               {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 16,
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
+                "line": 19,
                 "character": 2
               }
             ],
             "type": {
-              "type": "intrinsic",
-              "name": "any"
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "name": "SkyDataManagerColumnPickerOption"
+              }
             }
           },
           {
-            "id": 277,
-            "name": "filterData",
+            "id": 271,
+            "name": "columnPickerEnabled",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isOptional": true
             },
             "comment": {
-              "shortText": "The state of filters."
+              "shortText": "Indicates whether to display the column picker button for this view."
             },
             "sources": [
               {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 20,
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
+                "line": 23,
                 "character": 2
               }
             ],
             "type": {
-              "type": "reference",
-              "id": 241,
-              "name": "SkyDataManagerFilterData"
+              "type": "intrinsic",
+              "name": "boolean"
             }
           },
           {
-            "id": 278,
-            "name": "onlyShowSelected",
+            "id": 272,
+            "name": "columnPickerSortStrategy",
             "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."
+              "shortText": "The strategy used to sort the options in the column picker. If no strategy is provided the columns will be sorted\nby selected then alphabetical."
             },
             "sources": [
               {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 25,
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
+                "line": 28,
                 "character": 2
               }
             ],
             "type": {
-              "type": "intrinsic",
-              "name": "boolean"
+              "type": "reference",
+              "id": 228,
+              "name": "SkyDataManagerColumnPickerSortStrategy"
             }
           },
           {
-            "id": 279,
-            "name": "searchText",
+            "id": 273,
+            "name": "filterButtonEnabled",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isOptional": true
             },
             "comment": {
-              "shortText": "The search text to apply."
+              "shortText": "Inidicates whether to display the filter button for this view."
             },
             "sources": [
               {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state-options.ts",
-                "line": 29,
+                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
+                "line": 32,
                 "character": 2
               }
             ],
             "type": {
               "type": "intrinsic",
-              "name": "string"
+              "name": "boolean"
             }
           },
           {
-            "id": 280,
-            "name": "selectedIds",
+            "id": 274,
+            "name": "icon",
             "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": 33,
-                "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": 37,
-                "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": 7,
-            "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": 14,
-                "character": 2
-              }
-            ],
-            "type": {
-              "type": "reference",
-              "name": "Object"
-            }
-          },
-          {
-            "id": 290,
-            "name": "columnOptions",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "The column data to pass to the column picker. Columns that are always displayed should be\npassed in addition to the optional columns. See SkyDataManagerColumnPickerOption."
-            },
-            "sources": [
-              {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 19,
-                "character": 2
-              }
-            ],
-            "type": {
-              "type": "array",
-              "elementType": {
-                "type": "reference",
-                "id": 228,
-                "name": "SkyDataManagerColumnPickerOption"
-              }
-            }
-          },
-          {
-            "id": 291,
-            "name": "columnPickerEnabled",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "Indicates whether to display the column picker button for this view."
-            },
-            "sources": [
-              {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 23,
-                "character": 2
-              }
-            ],
-            "type": {
-              "type": "intrinsic",
-              "name": "boolean"
-            }
-          },
-          {
-            "id": 292,
-            "name": "columnPickerSortStrategy",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "The strategy used to sort the options in the column picker. If no strategy is provided the columns will be sorted\nby selected then alphabetical."
-            },
-            "sources": [
-              {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 28,
-                "character": 2
-              }
-            ],
-            "type": {
-              "type": "reference",
-              "id": 234,
-              "name": "SkyDataManagerColumnPickerSortStrategy"
-            }
-          },
-          {
-            "id": 293,
-            "name": "filterButtonEnabled",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "Inidicates whether to display the filter button for this view."
-            },
-            "sources": [
-              {
-                "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 32,
-                "character": 2
-              }
-            ],
-            "type": {
-              "type": "intrinsic",
-              "name": "boolean"
-            }
-          },
-          {
-            "id": 294,
-            "name": "icon",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isOptional": true
-            },
-            "comment": {
-              "shortText": "The Font Awesome icon name to use for this view in the view switcher.\nRequired if you have more than one view. Do not include the `fa-` prefix."
+              "shortText": "The Font Awesome icon name to use for this view in the view switcher.\nRequired if you have more than one view. Do not include the `fa-` prefix."
             },
             "sources": [
               {
@@ -4400,7 +3969,7 @@
             }
           },
           {
-            "id": 295,
+            "id": 275,
             "name": "id",
             "kind": 1024,
             "kindString": "Property",
@@ -4421,7 +3990,7 @@
             }
           },
           {
-            "id": 296,
+            "id": 276,
             "name": "multiselectToolbarEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -4444,7 +4013,7 @@
             }
           },
           {
-            "id": 297,
+            "id": 277,
             "name": "name",
             "kind": 1024,
             "kindString": "Property",
@@ -4465,7 +4034,7 @@
             }
           },
           {
-            "id": 298,
+            "id": 278,
             "name": "onClearAllClick",
             "kind": 1024,
             "kindString": "Property",
@@ -4484,11 +4053,13 @@
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "Function",
+              "package": "typescript",
               "name": "Function"
             }
           },
           {
-            "id": 299,
+            "id": 279,
             "name": "onSelectAllClick",
             "kind": 1024,
             "kindString": "Property",
@@ -4507,11 +4078,13 @@
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "Function",
+              "package": "typescript",
               "name": "Function"
             }
           },
           {
-            "id": 300,
+            "id": 280,
             "name": "searchEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -4534,7 +4107,7 @@
             }
           },
           {
-            "id": 302,
+            "id": 282,
             "name": "searchExpandMode",
             "kind": 1024,
             "kindString": "Property",
@@ -4557,7 +4130,7 @@
             }
           },
           {
-            "id": 301,
+            "id": 281,
             "name": "searchPlaceholderText",
             "kind": 1024,
             "kindString": "Property",
@@ -4580,7 +4153,7 @@
             }
           },
           {
-            "id": 303,
+            "id": 283,
             "name": "showFilterButtonText",
             "kind": 1024,
             "kindString": "Property",
@@ -4603,7 +4176,7 @@
             }
           },
           {
-            "id": 304,
+            "id": 284,
             "name": "showSortButtonText",
             "kind": 1024,
             "kindString": "Property",
@@ -4626,7 +4199,7 @@
             }
           },
           {
-            "id": 305,
+            "id": 285,
             "name": "sortEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -4654,23 +4227,23 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              289,
-              290,
-              291,
-              292,
-              293,
-              294,
-              295,
-              296,
-              297,
-              298,
-              299,
-              300,
-              302,
-              301,
-              303,
-              304,
-              305
+              269,
+              270,
+              271,
+              272,
+              273,
+              274,
+              275,
+              276,
+              277,
+              278,
+              279,
+              280,
+              282,
+              281,
+              283,
+              284,
+              285
             ]
           }
         ],
@@ -4681,130 +4254,6 @@
             "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
-          }
-        ]
       }
     ],
     "groups": [
@@ -4812,7 +4261,7 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          234
+          228
         ]
       },
       {
@@ -4822,8 +4271,8 @@
           224,
           155,
           158,
-          254,
-          306,
+          248,
+          286,
           41,
           71,
           74,
@@ -4837,32 +4286,23 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          228,
-          237,
-          241,
-          244,
-          249,
-          274,
-          282,
-          288,
-          316
+          231,
+          235,
+          238,
+          243,
+          268
         ]
       }
     ],
     "sources": [
       {
-        "fileName": "projects/data-manager/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
     ]
   },
   "codeExamples": [
-    {
-      "fileName": ".eslintrc.json",
-      "filePath": "/projects/data-manager/documentation/code-examples/.eslintrc.json",
-      "rawContents": "{\n  \"extends\": [\"../../.eslintrc.json\"],\n  \"overrides\": [\n    {\n      \"files\": [\"*.ts\"],\n      \"rules\": {\n        \"@angular-eslint/directive-selector\": [\n          \"error\",\n          {\n            \"type\": \"attribute\",\n            \"prefix\": \"app\",\n            \"style\": \"camelCase\"\n          }\n        ],\n        \"@angular-eslint/component-selector\": [\n          \"error\",\n          {\n            \"type\": \"element\",\n            \"prefix\": \"app\",\n            \"style\": \"kebab-case\"\n          }\n        ]\n      }\n    }\n  ]\n}\n"
-    },
     {
       "fileName": "data-filter-modal.component.html",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-filter-modal.component.html",
@@ -4871,7 +4311,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      let filters = this.context.filterData.filters;\n      this.fruitType = filters.type || 'any';\n      this.hideOrange = filters.hideOrange || false;\n    }\n  }\n\n  public applyFilters() {\n    let 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';\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"
     },
     {
       "fileName": "data-manager-demo.component.html",
@@ -4896,7 +4336,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    let sortOption = this.dataState && this.dataState.activeSortOption;\n\n    if (sortOption) {\n      result = items.sort(function (a: any, b: any) {\n        let 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    let searchText = 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    let filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      let 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';\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"
     },
     {
       "fileName": "data-view-repeater.component.html",
@@ -4906,7 +4346,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    let 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    let searchText = 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    let filterData = this.dataState && this.dataState.filterData;\n\n    if (filterData && filterData.filters) {\n      let 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    let 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    let selectedIds = this.dataState.selectedIds || [];\n\n    this.displayedItems.forEach((item) => {\n      if (item.selected) {\n        let 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    let selectedItems = this.dataState.selectedIds || [];\n    let 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';\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"
     }
   ]
-}
+}