@skyux/list-builder-view-grids 5.0.1 → 5.5.0

package/documentation.json

@@ -21,7 +21,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 198,
+        "id": 705,
         "name": "SkyListViewGridMessageType",
         "kind": 8,
         "kindString": "Enumeration",
@@ -31,7 +31,7 @@
         },
         "children": [
           {
-            "id": 200,
+            "id": 707,
             "name": "AbortDeleteRow",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -41,7 +41,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message-type.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message-type.ts",
                 "line": 13,
                 "character": 2
               }
@@ -49,7 +49,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 199,
+            "id": 706,
             "name": "PromptDeleteRow",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -59,7 +59,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message-type.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message-type.ts",
                 "line": 8,
                 "character": 2
               }
@@ -72,14 +72,14 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              200,
-              199
+              707,
+              706
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message-type.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message-type.ts",
             "line": 4,
             "character": 12
           }
@@ -123,7 +123,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-context.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/column-selector/column-selector-context.ts",
                 "line": 4,
                 "character": 9
               }
@@ -147,7 +147,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-context.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/column-selector/column-selector-context.ts",
                 "line": 5,
                 "character": 9
               }
@@ -180,7 +180,7 @@
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-context.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/column-selector/column-selector-context.ts",
             "line": 3,
             "character": 13
           }
@@ -224,7 +224,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-context.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/column-selector/column-selector-context.ts",
                 "line": 13,
                 "character": 9
               }
@@ -244,7 +244,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-context.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/column-selector/column-selector-context.ts",
                 "line": 12,
                 "character": 9
               }
@@ -264,7 +264,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-context.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/column-selector/column-selector-context.ts",
                 "line": 11,
                 "character": 9
               }
@@ -295,7 +295,7 @@
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-context.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/column-selector/column-selector-context.ts",
             "line": 10,
             "character": 13
           }
@@ -312,6 +312,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -353,7 +355,7 @@
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-modal.module.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/column-selector/column-selector-modal.module.ts",
             "line": 25,
             "character": 13
           }
@@ -370,6 +372,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -411,7 +415,7 @@
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.module.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.module.ts",
             "line": 36,
             "character": 13
           }
@@ -431,6 +435,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -447,7 +453,7 @@
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 269,
                 "character": 2
               }
@@ -521,6 +527,38 @@
               "name": "ListViewComponent.constructor"
             }
           },
+          {
+            "id": 138,
+            "name": "active",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "libs/components/list-builder/src/lib/modules/list/list-view.component.ts",
+                "line": 14,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "boolean"
+                }
+              ],
+              "qualifiedName": "Observable",
+              "package": "rxjs",
+              "name": "Observable"
+            },
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "ListViewComponent.active"
+            }
+          },
           {
             "id": 71,
             "name": "columns",
@@ -531,7 +569,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 233,
                 "character": 9
               }
@@ -547,6 +585,8 @@
                   }
                 }
               ],
+              "qualifiedName": "Observable",
+              "package": "rxjs",
               "name": "Observable"
             }
           },
@@ -560,7 +600,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 249,
                 "character": 9
               }
@@ -573,6 +613,8 @@
                   "name": "string"
                 }
               ],
+              "qualifiedName": "Observable",
+              "package": "rxjs",
               "name": "Observable"
             }
           },
@@ -592,6 +634,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -599,7 +643,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 112,
                 "character": 9
               }
@@ -625,6 +669,8 @@
                       }
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               ]
@@ -652,6 +698,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -659,7 +707,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 185,
                 "character": 9
               }
@@ -679,11 +727,11 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies how the grid fits to its parent. `width` fits the grid to the parent's full\nwidth, and `scroll` allows the grid to exceed the parent's width. If the grid does not have\nenough columns to fill the parent's width, it always stretches to the parent's full width.",
+              "shortText": "Specifies how the grid fits to its parent. `\"width\"` fits the grid to the parent's full\nwidth, and `\"scroll\"` allows the grid to exceed the parent's width. If the grid does not have\nenough columns to fill the parent's width, it always stretches to the parent's full width.",
               "tags": [
                 {
                   "tag": "default",
-                  "text": "width\n"
+                  "text": "\"width\"\n"
                 }
               ]
             },
@@ -692,6 +740,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -699,7 +749,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 127,
                 "character": 9
               }
@@ -723,6 +773,8 @@
                 "name": "ViewChild",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
                   "name": "ViewChild"
                 },
                 "arguments": {
@@ -732,7 +784,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 217,
                 "character": 9
               }
@@ -774,7 +826,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 243,
                 "character": 9
               }
@@ -787,6 +839,8 @@
                   "name": "SkyGridMessage"
                 }
               ],
+              "qualifiedName": "Subject",
+              "package": "rxjs",
               "name": "Subject"
             },
             "defaultValue": "..."
@@ -820,6 +874,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -827,7 +883,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 139,
                 "character": 9
               }
@@ -847,6 +903,8 @@
                       "name": "number"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               ]
@@ -868,6 +926,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -875,7 +935,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 118,
                 "character": 9
               }
@@ -901,6 +961,8 @@
                       }
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               ]
@@ -928,6 +990,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -935,7 +999,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 146,
                 "character": 9
               }
@@ -956,7 +1020,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 237,
                 "character": 9
               }
@@ -972,6 +1036,8 @@
                   }
                 }
               ],
+              "qualifiedName": "Observable",
+              "package": "rxjs",
               "name": "Observable"
             }
           },
@@ -985,7 +1051,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 245,
                 "character": 9
               }
@@ -998,6 +1064,8 @@
                   "name": "boolean"
                 }
               ],
+              "qualifiedName": "Observable",
+              "package": "rxjs",
               "name": "Observable"
             }
           },
@@ -1011,7 +1079,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 251,
                 "character": 9
               }
@@ -1041,6 +1109,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1048,7 +1118,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 200,
                 "character": 9
               }
@@ -1058,10 +1128,12 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 201,
+                  "id": 708,
                   "name": "SkyListViewGridRowDeleteCancelArgs"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1082,6 +1154,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1089,7 +1163,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 206,
                 "character": 9
               }
@@ -1099,10 +1173,12 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 203,
+                  "id": 710,
                   "name": "SkyListViewGridRowDeleteConfirmArgs"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1123,6 +1199,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1130,7 +1208,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 175,
                 "character": 9
               }
@@ -1153,6 +1231,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {
@@ -1162,7 +1242,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 260,
                 "character": 9
               }
@@ -1234,7 +1314,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 235,
                 "character": 9
               }
@@ -1250,6 +1330,8 @@
                   }
                 }
               ],
+              "qualifiedName": "Observable",
+              "package": "rxjs",
               "name": "Observable"
             }
           },
@@ -1269,6 +1351,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1276,7 +1360,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 214,
                 "character": 9
               }
@@ -1292,6 +1376,8 @@
                   }
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1312,6 +1398,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1319,7 +1407,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 194,
                 "character": 9
               }
@@ -1339,7 +1427,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 247,
                 "character": 9
               }
@@ -1352,6 +1440,8 @@
                   "name": "ListSortFieldSelectorModel"
                 }
               ],
+              "qualifiedName": "Observable",
+              "package": "rxjs",
               "name": "Observable"
             }
           },
@@ -1371,6 +1461,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1378,7 +1470,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 133,
                 "character": 9
               }
@@ -1398,6 +1490,8 @@
                       "name": "number"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               ]
@@ -1413,7 +1507,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 219,
                 "character": 13
               }
@@ -1433,6 +1527,8 @@
                       "name": "number"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -1448,7 +1544,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 226,
                 "character": 13
               }
@@ -1468,11 +1564,83 @@
                       "name": "number"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
             ]
           },
+          {
+            "id": 143,
+            "name": "id",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "libs/components/list-builder/src/lib/modules/list/list-view.component.ts",
+                "line": 40,
+                "character": 6
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 144,
+                "name": "id",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "ListViewComponent.id"
+                }
+              }
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "ListViewComponent.id"
+            }
+          },
+          {
+            "id": 145,
+            "name": "label",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "libs/components/list-builder/src/lib/modules/list/list-view.component.ts",
+                "line": 44,
+                "character": 6
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 146,
+                "name": "label",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "ListViewComponent.label"
+                }
+              }
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "ListViewComponent.label"
+            }
+          },
           {
             "id": 56,
             "name": "messageStream",
@@ -1486,6 +1654,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1493,7 +1663,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 153,
                 "character": 13
               }
@@ -1513,10 +1683,12 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 188,
+                      "id": 695,
                       "name": "SkyListViewGridMessage"
                     }
                   ],
+                  "qualifiedName": "Subject",
+                  "package": "rxjs",
                   "name": "Subject"
                 }
               }
@@ -1543,10 +1715,12 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 188,
+                          "id": 695,
                           "name": "SkyListViewGridMessage"
                         }
                       ],
+                      "qualifiedName": "Subject",
+                      "package": "rxjs",
                       "name": "Subject"
                     }
                   }
@@ -1571,6 +1745,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1578,7 +1754,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 104,
                 "character": 13
               }
@@ -1629,7 +1805,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 477,
                 "character": 9
               }
@@ -1650,7 +1826,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 201,
+                      "id": 708,
                       "name": "SkyListViewGridRowDeleteCancelArgs"
                     }
                   }
@@ -1672,7 +1848,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 457,
                 "character": 9
               }
@@ -1717,7 +1893,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 481,
                 "character": 9
               }
@@ -1738,7 +1914,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 203,
+                      "id": 710,
                       "name": "SkyListViewGridRowDeleteConfirmArgs"
                     }
                   }
@@ -1760,7 +1936,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 278,
                 "character": 9
               }
@@ -1797,7 +1973,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 414,
                 "character": 9
               }
@@ -1834,7 +2010,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 423,
                 "character": 9
               }
@@ -1879,7 +2055,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 489,
                 "character": 9
               }
@@ -1906,6 +2082,43 @@
               "name": "ListViewComponent.onViewActive"
             }
           },
+          {
+            "id": 147,
+            "name": "onViewInactive",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "libs/components/list-builder/src/lib/modules/list/list-view.component.ts",
+                "line": 51,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 148,
+                "name": "onViewInactive",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "inheritedFrom": {
+                  "type": "reference",
+                  "name": "ListViewComponent.onViewInactive"
+                }
+              }
+            ],
+            "inheritedFrom": {
+              "type": "reference",
+              "name": "ListViewComponent.onViewInactive"
+            }
+          },
           {
             "id": 105,
             "name": "sortFieldChanged",
@@ -1916,7 +2129,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
                 "line": 485,
                 "character": 9
               }
@@ -1961,6 +2174,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              138,
               71,
               77,
               50,
@@ -1993,6 +2207,8 @@
             "children": [
               67,
               69,
+              143,
+              145,
               56,
               47
             ]
@@ -2008,13 +2224,14 @@
               91,
               93,
               108,
+              147,
               105
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts",
             "line": 95,
             "character": 13
           }
@@ -2028,16 +2245,20 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "AfterContentInit",
+            "package": "@angular/core",
             "name": "AfterContentInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
       },
       {
-        "id": 138,
+        "id": 149,
         "name": "SkyListViewGridModule",
         "kind": 128,
         "kindString": "Class",
@@ -2047,6 +2268,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -2056,21 +2279,21 @@
         ],
         "children": [
           {
-            "id": 139,
+            "id": 150,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 140,
+                "id": 151,
                 "name": "new SkyListViewGridModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 138,
+                  "id": 149,
                   "name": "SkyListViewGridModule"
                 }
               }
@@ -2082,13 +2305,13 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              139
+              150
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.module.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.module.ts",
             "line": 29,
             "character": 13
           }
@@ -2108,6 +2331,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2124,7 +2349,7 @@
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
                 "line": 80,
                 "character": 2
               }
@@ -2181,6 +2406,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -2216,6 +2443,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2223,7 +2452,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
                 "line": 58,
                 "character": 9
               }
@@ -2250,6 +2479,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2257,7 +2488,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
                 "line": 65,
                 "character": 9
               }
@@ -2283,6 +2514,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -2290,7 +2523,7 @@
             ],
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
                 "line": 71,
                 "character": 9
               }
@@ -2303,6 +2536,8 @@
                   "name": "string"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -2341,7 +2576,7 @@
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
                 "line": 102,
                 "character": 6
               }
@@ -2361,6 +2596,8 @@
                       "name": "boolean"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -2374,7 +2611,7 @@
             "flags": {},
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
                 "line": 112,
                 "character": 6
               }
@@ -2394,6 +2631,8 @@
                       "name": "boolean"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -2409,7 +2648,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
                 "line": 87,
                 "character": 9
               }
@@ -2446,7 +2685,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
                 "line": 126,
                 "character": 9
               }
@@ -2504,7 +2743,7 @@
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-column-selector-action/list-column-selector-action.component.ts",
             "line": 52,
             "character": 13
           }
@@ -2512,12 +2751,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "AfterContentInit",
+            "package": "@angular/core",
             "name": "AfterContentInit"
           }
         ]
       },
       {
-        "id": 188,
+        "id": 695,
         "name": "SkyListViewGridMessage",
         "kind": 256,
         "kindString": "Interface",
@@ -2527,7 +2768,7 @@
         },
         "children": [
           {
-            "id": 190,
+            "id": 697,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -2539,7 +2780,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message.ts",
                 "line": 15,
                 "character": 2
               }
@@ -2547,14 +2788,14 @@
             "type": {
               "type": "reflection",
               "declaration": {
-                "id": 191,
+                "id": 698,
                 "name": "__type",
                 "kind": 65536,
                 "kindString": "Type literal",
                 "flags": {},
                 "children": [
                   {
-                    "id": 192,
+                    "id": 699,
                     "name": "abortDeleteRow",
                     "kind": 1024,
                     "kindString": "Property",
@@ -2563,7 +2804,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
+                        "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message.ts",
                         "line": 16,
                         "character": 4
                       }
@@ -2571,21 +2812,21 @@
                     "type": {
                       "type": "reflection",
                       "declaration": {
-                        "id": 193,
+                        "id": 700,
                         "name": "__type",
                         "kind": 65536,
                         "kindString": "Type literal",
                         "flags": {},
                         "children": [
                           {
-                            "id": 194,
+                            "id": 701,
                             "name": "id",
                             "kind": 1024,
                             "kindString": "Property",
                             "flags": {},
                             "sources": [
                               {
-                                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
+                                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message.ts",
                                 "line": 17,
                                 "character": 6
                               }
@@ -2601,7 +2842,7 @@
                             "title": "Properties",
                             "kind": 1024,
                             "children": [
-                              194
+                              701
                             ]
                           }
                         ]
@@ -2609,7 +2850,7 @@
                     }
                   },
                   {
-                    "id": 195,
+                    "id": 702,
                     "name": "promptDeleteRow",
                     "kind": 1024,
                     "kindString": "Property",
@@ -2618,7 +2859,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
+                        "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message.ts",
                         "line": 19,
                         "character": 4
                       }
@@ -2626,21 +2867,21 @@
                     "type": {
                       "type": "reflection",
                       "declaration": {
-                        "id": 196,
+                        "id": 703,
                         "name": "__type",
                         "kind": 65536,
                         "kindString": "Type literal",
                         "flags": {},
                         "children": [
                           {
-                            "id": 197,
+                            "id": 704,
                             "name": "id",
                             "kind": 1024,
                             "kindString": "Property",
                             "flags": {},
                             "sources": [
                               {
-                                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
+                                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message.ts",
                                 "line": 20,
                                 "character": 6
                               }
@@ -2656,7 +2897,7 @@
                             "title": "Properties",
                             "kind": 1024,
                             "children": [
-                              197
+                              704
                             ]
                           }
                         ]
@@ -2669,8 +2910,8 @@
                     "title": "Properties",
                     "kind": 1024,
                     "children": [
-                      192,
-                      195
+                      699,
+                      702
                     ]
                   }
                 ]
@@ -2678,7 +2919,7 @@
             }
           },
           {
-            "id": 189,
+            "id": 696,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -2688,14 +2929,14 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message.ts",
                 "line": 10,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
-              "id": 198,
+              "id": 705,
               "name": "SkyListViewGridMessageType"
             }
           }
@@ -2705,28 +2946,28 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              190,
-              189
+              697,
+              696
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-message.ts",
             "line": 6,
             "character": 17
           }
         ]
       },
       {
-        "id": 201,
+        "id": 708,
         "name": "SkyListViewGridRowDeleteCancelArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 202,
+            "id": 709,
             "name": "id",
             "kind": 1024,
             "kindString": "Property",
@@ -2736,7 +2977,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.ts",
                 "line": 5,
                 "character": 2
               }
@@ -2752,27 +2993,27 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              202
+              709
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.ts",
             "line": 1,
             "character": 17
           }
         ]
       },
       {
-        "id": 203,
+        "id": 710,
         "name": "SkyListViewGridRowDeleteConfirmArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 204,
+            "id": 711,
             "name": "id",
             "kind": 1024,
             "kindString": "Property",
@@ -2782,7 +3023,7 @@
             },
             "sources": [
               {
-                "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.ts",
+                "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.ts",
                 "line": 5,
                 "character": 2
               }
@@ -2798,13 +3039,13 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              204
+              711
             ]
           }
         ],
         "sources": [
           {
-            "fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.ts",
+            "fileName": "libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.ts",
             "line": 1,
             "character": 17
           }
@@ -2816,7 +3057,7 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          198
+          705
         ]
       },
       {
@@ -2828,7 +3069,7 @@
           34,
           37,
           40,
-          138,
+          149,
           1
         ]
       },
@@ -2836,26 +3077,21 @@
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          188,
-          201,
-          203
+          695,
+          708,
+          710
         ]
       }
     ],
     "sources": [
       {
-        "fileName": "projects/list-builder-view-grids/src/public-api.ts",
+        "fileName": "libs/components/list-builder-view-grids/src/index.ts",
         "line": 1,
         "character": 0
       }
     ]
   },
   "codeExamples": [
-    {
-      "fileName": ".eslintrc.json",
-      "filePath": "/projects/list-builder-view-grids/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": "list-view-grid-demo.component.html",
       "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/column-selector/list-view-grid-demo.component.html",
@@ -2879,7 +3115,7 @@
     {
       "fileName": "list-view-grid-demo.component.ts",
       "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/data-provider/list-view-grid-demo.component.ts",
-      "rawContents": "import { Component, Injectable } from '@angular/core';\n\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport {\n  ListDataProvider,\n  ListDataRequestModel,\n  ListDataResponseModel,\n} from '@skyux/list-builder';\n\nimport { BehaviorSubject, Observable, of } from 'rxjs';\n\nimport { map } from 'rxjs/operators';\n\n@Injectable()\nexport class DemoListProvider extends ListDataProvider {\n  public items: Observable<ListItemModel[]>;\n\n  public remoteCount: BehaviorSubject<number> = new BehaviorSubject<number>(0);\n\n  constructor() {\n    super();\n    this.items = of([\n      {\n        id: '0',\n        data: {\n          name: 'Orange',\n          description: 'A round, orange fruit.',\n          type: 'citrus',\n          color: 'orange',\n          highAcidity: 'True',\n          ph: 3.71,\n        },\n      },\n      {\n        id: '1',\n        data: {\n          name: 'Mango',\n          description: \"Delicious in smoothies, but don't eat the skin.\",\n          type: 'other',\n          color: 'orange',\n          highAcidity: 'False',\n          ph: 5.92,\n        },\n      },\n      {\n        id: '2',\n        data: {\n          name: 'Lime',\n          description: 'A sour, green fruit used in many drinks.',\n          type: 'citrus',\n          color: 'green',\n          highAcidity: 'True',\n          ph: 2.5,\n        },\n      },\n      {\n        id: '3',\n        data: {\n          name: 'Strawberry',\n          description: 'A red fruit that goes well with shortcake.',\n          type: 'berry',\n          color: 'red',\n          highAcidity: 'True',\n          ph: 3.84,\n        },\n      },\n      {\n        id: '4',\n        data: {\n          name: 'Blueberry',\n          description: 'A small, blue fruit often found in muffins.',\n          type: 'berry',\n          color: 'blue',\n          highAcidity: 'True',\n          ph: 3.21,\n        },\n      },\n      {\n        id: '5',\n        data: {\n          name: 'Black Olives',\n          description: 'A small fruit used on pizza.',\n          type: 'other',\n          color: 'black',\n          highAcidity: 'False',\n          ph: 6.14,\n        },\n      },\n    ]);\n  }\n\n  public get(request: ListDataRequestModel): Observable<ListDataResponseModel> {\n    /*\n      In get() you get data based on a given ListDataRequestModel.\n      You can fetch data remotely here and return an Observable<ListDataResponseModel>.\n    */\n    return this.fakeHttpRequest(request);\n  }\n\n  public count(): Observable<number> {\n    return this.remoteCount;\n  }\n\n  private fakeHttpRequest(\n    request: ListDataRequestModel\n  ): Observable<ListDataResponseModel> {\n    return this.items.pipe(\n      map((items: ListItemModel[]) => {\n        let modifiedList = items;\n\n        if (request.search.searchText) {\n          let searchText = request.search.searchText.toLowerCase();\n\n          modifiedList = modifiedList.filter((item) => {\n            return (\n              item.data.name.toLowerCase().indexOf(searchText) > -1 ||\n              item.data.description.toLowerCase().indexOf(searchText) > -1\n            );\n          });\n        }\n\n        if (request.filters) {\n          for (let filter of request.filters) {\n            if (filter.name === 'fruitType' && filter.value !== 'any') {\n              modifiedList = modifiedList.filter((item) => {\n                return item.data.type === request.filters[0].value;\n              });\n            } else if (filter.name === 'hideOrange' && filter.value) {\n              modifiedList = modifiedList.filter(filter.filterFunction);\n            }\n          }\n        }\n\n        if (request.sort) {\n          for (let fieldSelector of request.sort.fieldSelectors) {\n            if (fieldSelector.fieldSelector === 'highAcidity') {\n              modifiedList = modifiedList.sort((itemA: any, itemB: any) => {\n                if (fieldSelector.descending) {\n                  return itemA.data.ph < itemB.data.ph ? 1 : -1;\n                } else {\n                  return itemA.data.ph < itemB.data.ph ? -1 : 1;\n                }\n              });\n            }\n          }\n        }\n\n        let itemStart = (request.pageNumber - 1) * request.pageSize;\n        let pagedResult = modifiedList.slice(\n          itemStart,\n          itemStart + request.pageSize\n        );\n\n        this.remoteCount.next(modifiedList.length);\n\n        return new ListDataResponseModel({\n          count: modifiedList.length,\n          items: pagedResult,\n        });\n      })\n    );\n  }\n}\n\n@Component({\n  selector: 'app-list-view-grid-demo',\n  templateUrl: './list-view-grid-demo.component.html',\n  providers: [DemoListProvider],\n})\nexport class ListViewGridDemoComponent {\n  constructor(public listDataProvider: DemoListProvider) {}\n\n  public hideOrangeFilterFunction(\n    item: ListItemModel,\n    filterValue: any\n  ): boolean {\n    return !filterValue || (filterValue && item.data.color !== 'orange');\n  }\n}\n"
+      "rawContents": "import { Component, Injectable } from '@angular/core';\n\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport {\n  ListDataProvider,\n  ListDataRequestModel,\n  ListDataResponseModel,\n} from '@skyux/list-builder';\n\nimport { BehaviorSubject, Observable, of } from 'rxjs';\n\nimport { map } from 'rxjs/operators';\n\n@Injectable()\nexport class DemoListProvider extends ListDataProvider {\n  public items: Observable<ListItemModel[]>;\n\n  public remoteCount: BehaviorSubject<number> = new BehaviorSubject<number>(0);\n\n  constructor() {\n    super();\n    this.items = of([\n      {\n        id: '0',\n        data: {\n          name: 'Orange',\n          description: 'A round, orange fruit.',\n          type: 'citrus',\n          color: 'orange',\n          highAcidity: 'True',\n          ph: 3.71,\n        },\n      },\n      {\n        id: '1',\n        data: {\n          name: 'Mango',\n          description: \"Delicious in smoothies, but don't eat the skin.\",\n          type: 'other',\n          color: 'orange',\n          highAcidity: 'False',\n          ph: 5.92,\n        },\n      },\n      {\n        id: '2',\n        data: {\n          name: 'Lime',\n          description: 'A sour, green fruit used in many drinks.',\n          type: 'citrus',\n          color: 'green',\n          highAcidity: 'True',\n          ph: 2.5,\n        },\n      },\n      {\n        id: '3',\n        data: {\n          name: 'Strawberry',\n          description: 'A red fruit that goes well with shortcake.',\n          type: 'berry',\n          color: 'red',\n          highAcidity: 'True',\n          ph: 3.84,\n        },\n      },\n      {\n        id: '4',\n        data: {\n          name: 'Blueberry',\n          description: 'A small, blue fruit often found in muffins.',\n          type: 'berry',\n          color: 'blue',\n          highAcidity: 'True',\n          ph: 3.21,\n        },\n      },\n      {\n        id: '5',\n        data: {\n          name: 'Black Olives',\n          description: 'A small fruit used on pizza.',\n          type: 'other',\n          color: 'black',\n          highAcidity: 'False',\n          ph: 6.14,\n        },\n      },\n    ]);\n  }\n\n  public get(request: ListDataRequestModel): Observable<ListDataResponseModel> {\n    /*\n      In get() you get data based on a given ListDataRequestModel.\n      You can fetch data remotely here and return an Observable<ListDataResponseModel>.\n    */\n    return this.fakeHttpRequest(request);\n  }\n\n  public count(): Observable<number> {\n    return this.remoteCount;\n  }\n\n  private fakeHttpRequest(\n    request: ListDataRequestModel\n  ): Observable<ListDataResponseModel> {\n    return this.items.pipe(\n      map((items: ListItemModel[]) => {\n        let modifiedList = items;\n\n        if (request.search.searchText) {\n          const searchText = request.search.searchText.toLowerCase();\n\n          modifiedList = modifiedList.filter((item) => {\n            return (\n              item.data.name.toLowerCase().indexOf(searchText) > -1 ||\n              item.data.description.toLowerCase().indexOf(searchText) > -1\n            );\n          });\n        }\n\n        if (request.filters) {\n          for (const filter of request.filters) {\n            if (filter.name === 'fruitType' && filter.value !== 'any') {\n              modifiedList = modifiedList.filter((item) => {\n                return item.data.type === request.filters[0].value;\n              });\n            } else if (filter.name === 'hideOrange' && filter.value) {\n              modifiedList = modifiedList.filter(filter.filterFunction);\n            }\n          }\n        }\n\n        if (request.sort) {\n          for (const fieldSelector of request.sort.fieldSelectors) {\n            if (fieldSelector.fieldSelector === 'highAcidity') {\n              modifiedList = modifiedList.sort((itemA: any, itemB: any) => {\n                if (fieldSelector.descending) {\n                  return itemA.data.ph < itemB.data.ph ? 1 : -1;\n                } else {\n                  return itemA.data.ph < itemB.data.ph ? -1 : 1;\n                }\n              });\n            }\n          }\n        }\n\n        const itemStart = (request.pageNumber - 1) * request.pageSize;\n        const pagedResult = modifiedList.slice(\n          itemStart,\n          itemStart + request.pageSize\n        );\n\n        this.remoteCount.next(modifiedList.length);\n\n        return new ListDataResponseModel({\n          count: modifiedList.length,\n          items: pagedResult,\n        });\n      })\n    );\n  }\n}\n\n@Component({\n  selector: 'app-list-view-grid-demo',\n  templateUrl: './list-view-grid-demo.component.html',\n  providers: [DemoListProvider],\n})\nexport class ListViewGridDemoComponent {\n  constructor(public listDataProvider: DemoListProvider) {}\n\n  public hideOrangeFilterFunction(\n    item: ListItemModel,\n    filterValue: any\n  ): boolean {\n    return !filterValue || (filterValue && item.data.color !== 'orange');\n  }\n}\n"
     },
     {
       "fileName": "list-view-grid-demo.module.ts",
@@ -2922,4 +3158,4 @@
       "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';\n\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyListModule,\n    SkyListToolbarModule,\n    SkyListViewGridModule,\n  ],\n  declarations: [ListViewGridDemoComponent],\n  exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDDemoModule {}\n"
     }
   ]
-}
+}