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

package/documentation.json

@@ -122,7 +122,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-filter-context.ts",
-                "line": 6,
+                "line": 4,
                 "character": 9
               }
             ],
@@ -152,7 +152,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager-filter-context.ts",
-            "line": 5,
+            "line": 3,
             "character": 13
           }
         ]
@@ -168,10 +168,12 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyDataManagerColumnPickerComponent,\n    SkyDataManagerComponent,\n    SkyDataManagerToolbarLeftItemComponent,\n    SkyDataManagerToolbarPrimaryItemComponent,\n    SkyDataManagerToolbarRightItemComponent,\n    SkyDataManagerToolbarSectionComponent,\n    SkyDataManagerToolbarComponent,\n    SkyDataViewComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyBackToTopModule,\n    SkyCheckboxModule,\n    SkyDataManagerResourcesModule,\n    SkyFilterModule,\n    SkyIconModule,\n    SkyModalModule,\n    SkyRadioModule,\n    SkyRepeaterModule,\n    SkySearchModule,\n    SkySortModule,\n    SkyToolbarModule,\n    SkyViewkeeperModule\n  ],\n  exports: [\n    SkyDataManagerColumnPickerComponent,\n    SkyDataManagerComponent,\n    SkyDataManagerToolbarLeftItemComponent,\n    SkyDataManagerToolbarPrimaryItemComponent,\n    SkyDataManagerToolbarRightItemComponent,\n    SkyDataManagerToolbarSectionComponent,\n    SkyDataManagerToolbarComponent,\n    SkyDataViewComponent\n  ],\n  entryComponents: [\n    SkyDataManagerColumnPickerComponent\n  ],\n  providers: [\n    {\n      provide: SkyDataManagerColumnPickerService,\n      useClass: SkyDataManagerColumnPickerImplService\n    }\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyDataManagerColumnPickerComponent,\n    SkyDataManagerComponent,\n    SkyDataManagerToolbarLeftItemComponent,\n    SkyDataManagerToolbarPrimaryItemComponent,\n    SkyDataManagerToolbarRightItemComponent,\n    SkyDataManagerToolbarSectionComponent,\n    SkyDataManagerToolbarComponent,\n    SkyDataViewComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyBackToTopModule,\n    SkyCheckboxModule,\n    SkyDataManagerResourcesModule,\n    SkyFilterModule,\n    SkyIconModule,\n    SkyModalModule,\n    SkyRadioModule,\n    SkyRepeaterModule,\n    SkySearchModule,\n    SkySortModule,\n    SkyToolbarModule,\n    SkyViewkeeperModule,\n  ],\n  exports: [\n    SkyDataManagerColumnPickerComponent,\n    SkyDataManagerComponent,\n    SkyDataManagerToolbarLeftItemComponent,\n    SkyDataManagerToolbarPrimaryItemComponent,\n    SkyDataManagerToolbarRightItemComponent,\n    SkyDataManagerToolbarSectionComponent,\n    SkyDataManagerToolbarComponent,\n    SkyDataViewComponent,\n  ],\n  entryComponents: [SkyDataManagerColumnPickerComponent],\n  providers: [\n    {\n      provide: SkyDataManagerColumnPickerService,\n      useClass: SkyDataManagerColumnPickerImplService,\n    },\n  ],\n}"
             }
           }
         ],
@@ -210,7 +212,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.module.ts",
-            "line": 136,
+            "line": 92,
             "character": 13
           }
         ]
@@ -229,6 +231,8 @@
             "name": "Injectable",
             "type": {
               "type": "reference",
+              "qualifiedName": "InjectableDecorator",
+              "package": "@angular/core",
               "name": "Injectable"
             },
             "arguments": {}
@@ -244,7 +248,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 81,
+                "line": 59,
                 "character": 2
               }
             ],
@@ -287,7 +291,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 67,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -331,6 +335,8 @@
                   }
                 }
               ],
+              "qualifiedName": "BehaviorSubject",
+              "package": "rxjs",
               "name": "BehaviorSubject"
             },
             "defaultValue": "..."
@@ -346,7 +352,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 289,
+                "line": 294,
                 "character": 9
               }
             ],
@@ -368,6 +374,8 @@
                       "name": "string"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -384,7 +392,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 260,
+                "line": 265,
                 "character": 9
               }
             ],
@@ -417,7 +425,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 267,
+                "line": 272,
                 "character": 9
               }
             ],
@@ -440,6 +448,8 @@
                       "name": "SkyDataManagerConfig"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -456,7 +466,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 222,
+                "line": 225,
                 "character": 9
               }
             ],
@@ -508,6 +518,8 @@
                       "name": "SkyDataManagerState"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -524,7 +536,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 282,
+                "line": 287,
                 "character": 9
               }
             ],
@@ -550,6 +562,8 @@
                       }
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -566,7 +580,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 305,
+                "line": 310,
                 "character": 9
               }
             ],
@@ -615,7 +629,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 101,
+                "line": 77,
                 "character": 9
               }
             ],
@@ -664,7 +678,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 148,
+                "line": 125,
                 "character": 9
               }
             ],
@@ -713,7 +727,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 85,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -750,7 +764,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 297,
+                "line": 302,
                 "character": 9
               }
             ],
@@ -798,7 +812,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 275,
+                "line": 280,
                 "character": 9
               }
             ],
@@ -847,7 +861,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 250,
+                "line": 255,
                 "character": 9
               }
             ],
@@ -910,7 +924,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-                "line": 318,
+                "line": 325,
                 "character": 9
               }
             ],
@@ -987,13 +1001,15 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.service.ts",
-            "line": 66,
+            "line": 40,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -1014,7 +1030,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 30,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -1057,7 +1073,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 22,
+                "line": 12,
                 "character": 9
               }
             ],
@@ -1078,7 +1094,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 23,
+                "line": 13,
                 "character": 9
               }
             ],
@@ -1098,7 +1114,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 24,
+                "line": 14,
                 "character": 9
               }
             ],
@@ -1119,7 +1135,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 25,
+                "line": 15,
                 "character": 9
               }
             ],
@@ -1139,7 +1155,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 26,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -1159,7 +1175,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 27,
+                "line": 17,
                 "character": 9
               }
             ],
@@ -1182,7 +1198,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 28,
+                "line": 18,
                 "character": 9
               }
             ],
@@ -1207,7 +1223,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 62,
+                "line": 53,
                 "character": 9
               }
             ],
@@ -1262,7 +1278,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 42,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -1291,7 +1307,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-                "line": 58,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -1358,7 +1374,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-state.ts",
-            "line": 21,
+            "line": 11,
             "character": 13
           }
         ]
@@ -1379,7 +1395,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state.ts",
-                "line": 11,
+                "line": 9,
                 "character": 2
               }
             ],
@@ -1422,7 +1438,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state.ts",
-                "line": 9,
+                "line": 7,
                 "character": 9
               }
             ],
@@ -1442,7 +1458,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state.ts",
-                "line": 6,
+                "line": 4,
                 "character": 9
               }
             ],
@@ -1466,7 +1482,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state.ts",
-                "line": 7,
+                "line": 5,
                 "character": 9
               }
             ],
@@ -1490,7 +1506,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state.ts",
-                "line": 8,
+                "line": 6,
                 "character": 9
               }
             ],
@@ -1510,7 +1526,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state.ts",
-                "line": 18,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -1558,7 +1574,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-state.ts",
-            "line": 5,
+            "line": 3,
             "character": 13
           }
         ]
@@ -1577,10 +1593,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-data-manager',\n  templateUrl: './data-manager.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-data-manager',\n  templateUrl: './data-manager.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1594,7 +1612,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 73,
+                "line": 63,
                 "character": 2
               }
             ],
@@ -1614,6 +1632,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -1649,7 +1669,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 60,
+                "line": 50,
                 "character": 9
               }
             ],
@@ -1661,6 +1681,8 @@
                   "name": "SkyBackToTopMessage"
                 }
               ],
+              "qualifiedName": "Subject",
+              "package": "rxjs",
               "name": "Subject"
             },
             "defaultValue": "..."
@@ -1676,7 +1698,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 62,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -1726,7 +1748,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 35,
+                "line": 25,
                 "character": 13
               }
             ],
@@ -1787,7 +1809,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 51,
+                "line": 41,
                 "character": 13
               }
             ],
@@ -1842,7 +1864,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 101,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -1879,7 +1901,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-                "line": 78,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -1942,17 +1964,21 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager.component.ts",
-            "line": 33,
+            "line": 24,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           }
         ]
@@ -1971,10 +1997,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-data-manager-toolbar-left-item',\n  templateUrl: './data-manager-toolbar-left-item.component.html'\n}"
+              "obj": "{\n  selector: 'sky-data-manager-toolbar-left-item',\n  templateUrl: './data-manager-toolbar-left-item.component.html',\n}"
             }
           }
         ],
@@ -2013,7 +2041,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.ts",
-            "line": 14,
+            "line": 12,
             "character": 13
           }
         ]
@@ -2032,10 +2060,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-data-manager-toolbar-primary-item',\n  templateUrl: './data-manager-toolbar-primary-item.component.html'\n}"
+              "obj": "{\n  selector: 'sky-data-manager-toolbar-primary-item',\n  templateUrl: './data-manager-toolbar-primary-item.component.html',\n}"
             }
           }
         ],
@@ -2074,7 +2104,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.ts",
-            "line": 14,
+            "line": 12,
             "character": 13
           }
         ]
@@ -2093,10 +2123,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-data-manager-toolbar-right-item',\n  templateUrl: './data-manager-toolbar-right-item.component.html'\n}"
+              "obj": "{\n  selector: 'sky-data-manager-toolbar-right-item',\n  templateUrl: './data-manager-toolbar-right-item.component.html',\n}"
             }
           }
         ],
@@ -2135,7 +2167,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.ts",
-            "line": 15,
+            "line": 13,
             "character": 13
           }
         ]
@@ -2154,10 +2186,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-data-manager-toolbar-section',\n  templateUrl: './data-manager-toolbar-section.component.html'\n}"
+              "obj": "{\n  selector: 'sky-data-manager-toolbar-section',\n  templateUrl: './data-manager-toolbar-section.component.html',\n}"
             }
           }
         ],
@@ -2196,7 +2230,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.ts",
-            "line": 14,
+            "line": 12,
             "character": 13
           }
         ]
@@ -2215,10 +2249,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-data-manager-toolbar',\n  templateUrl: './data-manager-toolbar.component.html',\n  styleUrls: ['./data-manager-toolbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-data-manager-toolbar',\n  templateUrl: './data-manager-toolbar.component.html',\n  styleUrls: ['./data-manager-toolbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2232,7 +2268,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 126,
+                "line": 98,
                 "character": 2
               }
             ],
@@ -2252,6 +2288,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -2309,7 +2347,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 116,
+                "line": 88,
                 "character": 9
               }
             ],
@@ -2329,7 +2367,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 75,
+                "line": 47,
                 "character": 13
               }
             ],
@@ -2358,7 +2396,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 80,
+                "line": 52,
                 "character": 13
               }
             ],
@@ -2415,7 +2453,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 89,
+                "line": 61,
                 "character": 13
               }
             ],
@@ -2472,7 +2510,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 98,
+                "line": 70,
                 "character": 13
               }
             ],
@@ -2529,7 +2567,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 107,
+                "line": 79,
                 "character": 13
               }
             ],
@@ -2592,7 +2630,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 241,
+                "line": 231,
                 "character": 9
               }
             ],
@@ -2621,7 +2659,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 184,
+                "line": 160,
                 "character": 9
               }
             ],
@@ -2650,7 +2688,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 165,
+                "line": 141,
                 "character": 9
               }
             ],
@@ -2687,7 +2725,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 133,
+                "line": 105,
                 "character": 9
               }
             ],
@@ -2724,7 +2762,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 248,
+                "line": 238,
                 "character": 9
               }
             ],
@@ -2766,7 +2804,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 175,
+                "line": 151,
                 "character": 9
               }
             ],
@@ -2808,7 +2846,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 206,
+                "line": 185,
                 "character": 9
               }
             ],
@@ -2837,7 +2875,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 179,
+                "line": 155,
                 "character": 9
               }
             ],
@@ -2879,7 +2917,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 234,
+                "line": 224,
                 "character": 9
               }
             ],
@@ -2908,7 +2946,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-                "line": 170,
+                "line": 146,
                 "character": 9
               }
             ],
@@ -2987,17 +3025,21 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.ts",
-            "line": 73,
+            "line": 46,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           }
         ]
@@ -3016,10 +3058,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-data-view',\n  templateUrl: './data-view.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-data-view',\n  templateUrl: './data-view.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -3033,7 +3077,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 54,
+                "line": 47,
                 "character": 2
               }
             ],
@@ -3053,6 +3097,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -3088,7 +3134,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 51,
+                "line": 44,
                 "character": 9
               }
             ],
@@ -3120,6 +3166,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3128,7 +3176,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 40,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -3148,7 +3196,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 42,
+                "line": 35,
                 "character": 13
               }
             ],
@@ -3203,7 +3251,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 67,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -3240,7 +3288,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-                "line": 59,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -3302,17 +3350,21 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/data-view.component.ts",
-            "line": 32,
+            "line": 26,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           }
         ]
@@ -3341,7 +3393,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-config.ts",
-                "line": 14,
+                "line": 12,
                 "character": 2
               }
             ],
@@ -3364,7 +3416,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-config.ts",
-                "line": 20,
+                "line": 18,
                 "character": 2
               }
             ],
@@ -3387,7 +3439,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-config.ts",
-                "line": 25,
+                "line": 23,
                 "character": 2
               }
             ],
@@ -3415,7 +3467,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-config.ts",
-            "line": 9,
+            "line": 7,
             "character": 17
           }
         ]
@@ -3517,7 +3569,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 14,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -3544,7 +3596,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 19,
+                "line": 15,
                 "character": 2
               }
             ],
@@ -3572,7 +3624,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 25,
+                "line": 21,
                 "character": 2
               }
             ],
@@ -3596,7 +3648,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-                "line": 29,
+                "line": 25,
                 "character": 2
               }
             ],
@@ -3621,7 +3673,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-manager-init-args.ts",
-            "line": 9,
+            "line": 5,
             "character": 17
           }
         ]
@@ -3786,12 +3838,14 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 18,
+                "line": 14,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "Object",
+              "package": "typescript",
               "name": "Object"
             }
           },
@@ -3809,7 +3863,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 23,
+                "line": 19,
                 "character": 2
               }
             ],
@@ -3835,7 +3889,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 27,
+                "line": 23,
                 "character": 2
               }
             ],
@@ -3858,7 +3912,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 32,
+                "line": 28,
                 "character": 2
               }
             ],
@@ -3882,7 +3936,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 36,
+                "line": 32,
                 "character": 2
               }
             ],
@@ -3905,7 +3959,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 41,
+                "line": 37,
                 "character": 2
               }
             ],
@@ -3926,7 +3980,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 45,
+                "line": 41,
                 "character": 2
               }
             ],
@@ -3949,7 +4003,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 49,
+                "line": 45,
                 "character": 2
               }
             ],
@@ -3970,7 +4024,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 53,
+                "line": 49,
                 "character": 2
               }
             ],
@@ -3993,12 +4047,14 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 58,
+                "line": 54,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "Function",
+              "package": "typescript",
               "name": "Function"
             }
           },
@@ -4016,12 +4072,14 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 63,
+                "line": 59,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "Function",
+              "package": "typescript",
               "name": "Function"
             }
           },
@@ -4039,7 +4097,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 67,
+                "line": 63,
                 "character": 2
               }
             ],
@@ -4062,7 +4120,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 77,
+                "line": 73,
                 "character": 2
               }
             ],
@@ -4085,7 +4143,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 72,
+                "line": 68,
                 "character": 2
               }
             ],
@@ -4108,7 +4166,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 82,
+                "line": 78,
                 "character": 2
               }
             ],
@@ -4131,7 +4189,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 87,
+                "line": 83,
                 "character": 2
               }
             ],
@@ -4154,7 +4212,7 @@
             "sources": [
               {
                 "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-                "line": 91,
+                "line": 87,
                 "character": 2
               }
             ],
@@ -4192,7 +4250,7 @@
         "sources": [
           {
             "fileName": "projects/data-manager/src/modules/data-manager/models/data-view-config.ts",
-            "line": 13,
+            "line": 9,
             "character": 17
           }
         ]
@@ -4238,7 +4296,7 @@
     ],
     "sources": [
       {
-        "fileName": "projects/data-manager/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
@@ -4248,47 +4306,47 @@
     {
       "fileName": "data-filter-modal.component.html",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-filter-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    Filter your fruit\n  </sky-modal-header>\n  <sky-modal-content>\n    <label for=\"sky-demo-select-type\">Fruit type</label>\n    <select id=\"sky-demo-select-type\" [(ngModel)]=\"fruitType\" class=\"sky-form-control\">\n      <option value=\"any\">Any fruit</option>\n      <option value=\"citrus\">Citrus</option>\n      <option value=\"berry\">Berry</option>\n    </select>\n    <div style=\"margin-top: 15px;\">\n      <sky-checkbox [(ngModel)]=\"hideOrange\">\n        <sky-checkbox-label>\n          Hide orange fruits\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyFilters()\">\n      Apply filters\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"clearAllFilters()\">\n      Clear all filters\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header> Filter your fruit </sky-modal-header>\n  <sky-modal-content>\n    <label for=\"sky-demo-select-type\">Fruit type</label>\n    <select\n      id=\"sky-demo-select-type\"\n      [(ngModel)]=\"fruitType\"\n      class=\"sky-form-control\"\n    >\n      <option value=\"any\">Any fruit</option>\n      <option value=\"citrus\">Citrus</option>\n      <option value=\"berry\">Berry</option>\n    </select>\n    <div style=\"margin-top: 15px\">\n      <sky-checkbox [(ngModel)]=\"hideOrange\">\n        <sky-checkbox-label> Hide orange fruits </sky-checkbox-label>\n      </sky-checkbox>\n    </div>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyFilters()\"\n    >\n      Apply filters\n    </button>\n    <button\n      type=\"button\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear all filters\n    </button>\n    <button type=\"button\" class=\"sky-btn sky-btn-link\" (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "fileName": "data-filter-modal.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-filter-modal.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyDataManagerFilterData,\n  SkyDataManagerFilterModalContext\n} from '@skyux/data-manager';\n\nimport {\n  SkyModalInstance\n} 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\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",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-manager-demo.component.html",
-      "rawContents": "<sky-data-manager>\n  <sky-data-manager-toolbar>\n    <!-- <sky-data-manager-toolbar-primary-item *ngIf=\"activeViewId === 'repeaterView'\">\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-primary\"\n        (click)=\"searchSo()\"\n      >\n        Set search text to \"so\"\n      </button>\n    </sky-data-manager-toolbar-primary-item> -->\n  </sky-data-manager-toolbar>\n\n  <app-data-view-repeater-demo\n    [items]=\"items\"\n  >\n  </app-data-view-repeater-demo>\n  <app-data-view-cards-demo\n    [items]=\"items\"\n  >\n  </app-data-view-cards-demo>\n</sky-data-manager>\n"
+      "rawContents": "<sky-data-manager>\n  <sky-data-manager-toolbar>\n    <!-- <sky-data-manager-toolbar-primary-item *ngIf=\"activeViewId === 'repeaterView'\">\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-primary\"\n        (click)=\"searchSo()\"\n      >\n        Set search text to \"so\"\n      </button>\n    </sky-data-manager-toolbar-primary-item> -->\n  </sky-data-manager-toolbar>\n\n  <app-data-view-repeater-demo [items]=\"items\"> </app-data-view-repeater-demo>\n  <app-data-view-cards-demo [items]=\"items\"> </app-data-view-cards-demo>\n</sky-data-manager>\n"
     },
     {
       "fileName": "data-manager-demo.component.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-manager-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  SkyUIConfigService\n} from '@skyux/core';\n\nimport {\n  SkyDataManagerService,\n  SkyDataManagerState\n} from '@skyux/data-manager';\n\nimport {\n  DataManagerFiltersModalDemoComponent\n} from './data-filter-modal.component';\n\n@Component({\n  selector: 'app-data-manager-demo',\n  templateUrl: './data-manager-demo.component.html',\n  providers: [\n    SkyDataManagerService,\n    SkyUIConfigService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DataManagerDemoComponent implements OnInit {\n\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: '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: '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: '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: '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: '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(\n    private dataManagerService: SkyDataManagerService\n  ) {\n    this.dataManagerService.getDataStateUpdates('dataManager')\n      .subscribe(state => this.dataState = state);\n    this.dataManagerService.getActiveViewIdUpdates()\n      .subscribe(activeViewId => this.activeViewId = activeViewId);\n  }\n\n  public ngOnInit(): void {\n    this.dataManagerService.initDataManager(\n      {\n        activeViewId: this.activeViewId,\n        dataManagerConfig: this.dataManagerConfig,\n        defaultDataState: this.defaultDataState\n      }\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';\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"
     },
     {
       "fileName": "data-manager-demo.module.ts",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-manager-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  FormsModule\n} from '@angular/forms';\n\nimport {\n  SkyCardModule,\n  SkyToolbarModule\n} from '@skyux/layout';\n\nimport {\n  SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n  SkyDataManagerModule\n} from '@skyux/data-manager';\n\nimport {\n  SkyModalModule\n} from '@skyux/modals';\n\nimport {\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  DataManagerDemoComponent\n} from './data-manager-demo.component';\n\nimport {\n  DataManagerFiltersModalDemoComponent\n} from './data-filter-modal.component';\n\nimport {\n  DataViewCardsDemoComponent\n} from './data-view-cards.component';\n\nimport {\n  DataViewRepeaterDemoComponent\n} 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: [\n    DataManagerDemoComponent\n  ],\n  entryComponents: [\n    DataManagerDemoComponent,\n    DataManagerFiltersModalDemoComponent\n  ]\n})\nexport class DataManagerDemoModule { }\n"
+      "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"
     },
     {
       "fileName": "data-view-cards.component.html",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-view-cards.component.html",
-      "rawContents": "<sky-data-view\n  [viewId]=\"viewConfig.id\"\n>\n  <div style=\"margin: 10px\">\n    <sky-card size=\"small\" *ngFor=\"let item of displayedItems\">\n      <sky-card-title>{{item.name}}</sky-card-title>\n      <sky-card-content>{{item.description}}</sky-card-content>\n    </sky-card>\n  </div>\n\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-primary\"\n    (click)=\"searchBe()\"\n  >\n    Set search text to \"be\"\n  </button>\n</sky-data-view>\n"
+      "rawContents": "<sky-data-view [viewId]=\"viewConfig.id\">\n  <div style=\"margin: 10px\">\n    <sky-card size=\"small\" *ngFor=\"let item of displayedItems\">\n      <sky-card-title>{{ item.name }}</sky-card-title>\n      <sky-card-content>{{ item.description }}</sky-card-content>\n    </sky-card>\n  </div>\n\n  <button type=\"button\" class=\"sky-btn sky-btn-primary\" (click)=\"searchBe()\">\n    Set search text to \"be\"\n  </button>\n</sky-data-view>\n"
     },
     {
       "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.getDataStateUpdates(this.viewId).subscribe(state => {\n      this.dataState = state;\n      this.displayedItems = this.sortItems(this.filterItems(this.searchItems(this.items)));\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 (item.hasOwnProperty(property) && (property === 'name' || property === 'description')) {\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 (((filters.hideOrange && item.color !== 'orange') || !filters.hideOrange) &&\n            ((filters.type !== 'any' && item.type === filters.type) || (!filters.type || filters.type === 'any'))) {\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",
       "filePath": "/projects/data-manager/documentation/code-examples/data-manager/basic/data-view-repeater.component.html",
-      "rawContents": "<sky-data-view\n  [viewId]=\"viewConfig.id\"\n>\n  <sky-repeater *ngIf=\"isActive\"\n    expandMode=\"none\"\n  >\n    <sky-repeater-item *ngFor=\"let item of displayedItems\"\n      selectable=\"true\"\n      [(isSelected)]=\"item.selected\"\n      (isSelectedChange)=\"onItemSelect($event, item)\"\n    >\n      <sky-repeater-item-title>\n        {{item.name}}\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n        <div>\n          {{item.description}}\n        </div>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</sky-data-view>\n"
+      "rawContents": "<sky-data-view [viewId]=\"viewConfig.id\">\n  <sky-repeater *ngIf=\"isActive\" expandMode=\"none\">\n    <sky-repeater-item\n      *ngFor=\"let item of displayedItems\"\n      selectable=\"true\"\n      [(isSelected)]=\"item.selected\"\n      (isSelectedChange)=\"onItemSelect($event, item)\"\n    >\n      <sky-repeater-item-title>\n        {{ item.name }}\n      </sky-repeater-item-title>\n      <sky-repeater-item-content>\n        <div>\n          {{ item.description }}\n        </div>\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</sky-data-view>\n"
     },
     {
       "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\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.getDataStateUpdates(this.viewId).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 (item.hasOwnProperty(property) && (property === 'name' || property === 'description')) {\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 (((filters.hideOrange && item.color !== 'orange') || !filters.hideOrange) &&\n            ((filters.type !== 'any' && item.type === filters.type) || (!filters.type || filters.type === 'any'))) {\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"
     }
   ]
-}
+}