@skyux/list-builder 5.0.0-beta.1 → 5.0.2

package/documentation.json

@@ -1,5 +1,6 @@
 {
   "anchorIds": {
+    "SkyListSecondaryActionsComponent": "class-skylistsecondaryactionscomponent",
     "ListDataRequestModel": "class-listdatarequestmodel",
     "ListDataResponseModel": "class-listdataresponsemodel",
     "ListFilterModel": "class-listfiltermodel",
@@ -12,7 +13,6 @@
     "SkyListInMemoryDataProvider": "class-skylistinmemorydataprovider",
     "SkyListModule": "class-skylistmodule",
     "SkyListPagingModule": "class-skylistpagingmodule",
-    "SkyListSecondaryActionsComponent": "class-skylistsecondaryactionscomponent",
     "SkyListSecondaryActionsModule": "class-skylistsecondaryactionsmodule",
     "SkyListToolbarComponent": "class-skylisttoolbarcomponent",
     "SkyListToolbarModule": "class-skylisttoolbarmodule",
@@ -30,11 +30,19 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/list-builder",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
     "children": [
+      {
+        "id": 726,
+        "name": "SkyListSecondaryActionsComponent",
+        "kind": 16777216,
+        "kindString": "Reference",
+        "flags": {},
+        "target": 83
+      },
       {
         "id": 114,
         "name": "ListDataRequestModel",
@@ -282,8 +290,8 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list-data-response.model.ts",
-                "line": 16,
-                "character": 3
+                "line": 14,
+                "character": 2
               }
             ],
             "signatures": [
@@ -330,8 +338,8 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list-data-response.model.ts",
-                "line": 9,
-                "character": 10
+                "line": 7,
+                "character": 9
               }
             ],
             "type": {
@@ -353,8 +361,8 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list-data-response.model.ts",
-                "line": 14,
-                "character": 10
+                "line": 12,
+                "character": 9
               }
             ],
             "type": {
@@ -386,8 +394,8 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list/list-data-response.model.ts",
-            "line": 5,
-            "character": 14
+            "line": 3,
+            "character": 13
           }
         ]
       },
@@ -407,7 +415,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 44,
+                "line": 41,
                 "character": 2
               }
             ],
@@ -455,7 +463,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 34,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -484,7 +492,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 23,
+                "line": 20,
                 "character": 9
               }
             ],
@@ -502,13 +510,10 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies a function to determine whether items are filtered.\nThis property is required when using an in-memory data provider.\nFor information about `ListItemModel`, see the\n[shared classes for lists](https://developer.blackbaud.com/skyux-list-builder-common/docs/list-builder-common)."
-            },
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 42,
+                "line": 39,
                 "character": 9
               }
             ],
@@ -577,7 +582,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 17,
+                "line": 14,
                 "character": 9
               }
             ],
@@ -606,7 +611,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 11,
+                "line": 8,
                 "character": 9
               }
             ],
@@ -629,7 +634,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 28,
+                "line": 25,
                 "character": 9
               }
             ],
@@ -663,7 +668,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-            "line": 5,
+            "line": 3,
             "character": 13
           }
         ]
@@ -1195,7 +1200,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-                "line": 26,
+                "line": 24,
                 "character": 2
               }
             ],
@@ -1243,7 +1248,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-                "line": 14,
+                "line": 12,
                 "character": 9
               }
             ],
@@ -1271,7 +1276,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-                "line": 24,
+                "line": 22,
                 "character": 9
               }
             ],
@@ -1298,7 +1303,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-                "line": 18,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -1334,7 +1339,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-            "line": 10,
+            "line": 8,
             "character": 13
           }
         ]
@@ -1353,7 +1358,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list',\n  template: '<ng-content></ng-content>',\n  providers: [ListState, ListStateDispatcher],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-list',\n  template: '<ng-content></ng-content>',\n  providers: [ListState, ListStateDispatcher],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1367,7 +1372,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 225,
+                "line": 184,
                 "character": 2
               }
             ],
@@ -1434,7 +1439,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 192,
+                "line": 152,
                 "character": 9
               }
             ],
@@ -1472,7 +1477,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 204,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -1517,7 +1522,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 141,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -1579,7 +1584,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 150,
+                "line": 109,
                 "character": 9
               }
             ],
@@ -1599,7 +1604,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 131,
+                "line": 90,
                 "character": 9
               }
             ],
@@ -1634,7 +1639,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 164,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -1651,9 +1656,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies a function to apply as a global sort on the list."
-            },
             "decorators": [
               {
                 "name": "Input",
@@ -1669,7 +1671,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 211,
+                "line": 171,
                 "character": 9
               }
             ],
@@ -1749,7 +1751,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 172,
+                "line": 131,
                 "character": 9
               }
             ],
@@ -1803,7 +1805,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 198,
+                "line": 158,
                 "character": 9
               }
             ],
@@ -1854,7 +1856,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 180,
+                "line": 139,
                 "character": 9
               }
             ],
@@ -1907,7 +1909,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 348,
+                "line": 326,
                 "character": 6
               }
             ],
@@ -1943,7 +1945,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 476,
+                "line": 490,
                 "character": 13
               }
             ],
@@ -1978,7 +1980,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 462,
+                "line": 477,
                 "character": 13
               }
             ],
@@ -2013,7 +2015,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 452,
+                "line": 461,
                 "character": 13
               }
             ],
@@ -2051,7 +2053,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 472,
+                "line": 486,
                 "character": 13
               }
             ],
@@ -2083,7 +2085,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 230,
+                "line": 189,
                 "character": 9
               }
             ],
@@ -2120,7 +2122,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 314,
+                "line": 286,
                 "character": 9
               }
             ],
@@ -2170,7 +2172,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 336,
+                "line": 312,
                 "character": 9
               }
             ],
@@ -2207,7 +2209,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 341,
+                "line": 317,
                 "character": 9
               }
             ],
@@ -2275,7 +2277,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-            "line": 130,
+            "line": 87,
             "character": 13
           }
         ],
@@ -2308,7 +2310,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyListFilterButtonComponent,\n    SkyListFilterSummaryComponent,\n    SkyListFilterInlineItemComponent,\n    SkyListFilterInlineComponent,\n    SkyListFilterInlineItemRendererComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyFilterModule\n  ],\n  exports: [\n    SkyListFilterButtonComponent,\n    SkyListFilterSummaryComponent,\n    SkyListFilterInlineItemComponent,\n    SkyListFilterInlineComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyListFilterButtonComponent,\n    SkyListFilterSummaryComponent,\n    SkyListFilterInlineItemComponent,\n    SkyListFilterInlineComponent,\n    SkyListFilterInlineItemRendererComponent,\n  ],\n  imports: [CommonModule, SkyFilterModule],\n  exports: [\n    SkyListFilterButtonComponent,\n    SkyListFilterSummaryComponent,\n    SkyListFilterInlineItemComponent,\n    SkyListFilterInlineComponent,\n  ],\n}"
             }
           }
         ],
@@ -2347,7 +2349,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filters.module.ts",
-            "line": 33,
+            "line": 28,
             "character": 13
           }
         ]
@@ -2368,7 +2370,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-data-provider-in-memory/list-data-in-memory.provider.ts",
-                "line": 36,
+                "line": 28,
                 "character": 2
               }
             ],
@@ -2486,7 +2488,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-data-provider-in-memory/list-data-in-memory.provider.ts",
-                "line": 25,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -2516,7 +2518,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-data-provider-in-memory/list-data-in-memory.provider.ts",
-                "line": 53,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -2559,7 +2561,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-data-provider-in-memory/list-data-in-memory.provider.ts",
-                "line": 57,
+                "line": 55,
                 "character": 9
               }
             ],
@@ -2634,7 +2636,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-data-provider-in-memory/list-data-in-memory.provider.ts",
-            "line": 24,
+            "line": 15,
             "character": 13
           }
         ],
@@ -2659,7 +2661,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyListComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    SkyListComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyListComponent],\n  imports: [CommonModule],\n  exports: [SkyListComponent],\n}"
             }
           }
         ],
@@ -2698,7 +2700,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list/list.module.ts",
-            "line": 16,
+            "line": 10,
             "character": 13
           }
         ]
@@ -2717,7 +2719,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyListPagingComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyPagingModule\n  ],\n  exports: [\n    SkyListPagingComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyListPagingComponent],\n  imports: [CommonModule, SkyPagingModule],\n  exports: [SkyListPagingComponent],\n}"
             }
           }
         ],
@@ -2756,171 +2758,9 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-paging/list-paging.module.ts",
-            "line": 18,
-            "character": 13
-          }
-        ]
-      },
-      {
-        "id": 726,
-        "name": "SkyListSecondaryActionsComponent",
-        "kind": 128,
-        "kindString": "Class",
-        "flags": {},
-        "comment": {
-          "shortText": "Adds a dropdown to the list toolbar for secondary actions. If the dropdown does not\ninclude actions, the secondary actions dropdown is hidden."
-        },
-        "decorators": [
-          {
-            "name": "Component",
-            "type": {
-              "type": "reference",
-              "name": "Component"
-            },
-            "arguments": {
-              "obj": "{\n  selector: 'sky-list-secondary-actions',\n  templateUrl: './list-secondary-actions.component.html',\n  providers: [\n    SkyListSecondaryActionsService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
-            }
-          }
-        ],
-        "children": [
-          {
-            "id": 727,
-            "name": "constructor",
-            "kind": 512,
-            "kindString": "Constructor",
-            "flags": {},
-            "sources": [
-              {
-                "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts",
-                "line": 44,
-                "character": 2
-              }
-            ],
-            "signatures": [
-              {
-                "id": 728,
-                "name": "new SkyListSecondaryActionsComponent",
-                "kind": 16384,
-                "kindString": "Constructor signature",
-                "flags": {},
-                "parameters": [
-                  {
-                    "id": 729,
-                    "name": "dispatcher",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "name": "ListStateDispatcher"
-                    }
-                  }
-                ],
-                "type": {
-                  "type": "reference",
-                  "id": 83,
-                  "name": "SkyListSecondaryActionsComponent"
-                }
-              }
-            ]
-          },
-          {
-            "id": 730,
-            "name": "actions",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts",
-                "line": 34,
-                "character": 9
-              }
-            ],
-            "type": {
-              "type": "array",
-              "elementType": {
-                "type": "intrinsic",
-                "name": "any"
-              }
-            },
-            "defaultValue": "[]"
-          },
-          {
-            "id": 733,
-            "name": "ngAfterViewInit",
-            "kind": 2048,
-            "kindString": "Method",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts",
-                "line": 48,
-                "character": 9
-              }
-            ],
-            "signatures": [
-              {
-                "id": 734,
-                "name": "ngAfterViewInit",
-                "kind": 4096,
-                "kindString": "Call signature",
-                "flags": {},
-                "type": {
-                  "type": "intrinsic",
-                  "name": "void"
-                },
-                "implementationOf": {
-                  "type": "reference",
-                  "name": "AfterViewInit.ngAfterViewInit"
-                }
-              }
-            ],
-            "implementationOf": {
-              "type": "reference",
-              "name": "AfterViewInit.ngAfterViewInit"
-            }
-          }
-        ],
-        "groups": [
-          {
-            "title": "Constructors",
-            "kind": 512,
-            "children": [
-              727
-            ]
-          },
-          {
-            "title": "Properties",
-            "kind": 1024,
-            "children": [
-              730
-            ]
-          },
-          {
-            "title": "Methods",
-            "kind": 2048,
-            "children": [
-              733
-            ]
-          }
-        ],
-        "sources": [
-          {
-            "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts",
-            "line": 33,
+            "line": 11,
             "character": 13
           }
-        ],
-        "implementedTypes": [
-          {
-            "type": "reference",
-            "name": "AfterViewInit"
-          }
         ]
       },
       {
@@ -2937,7 +2777,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyListSecondaryActionsComponent,\n    SkyListSecondaryActionsHostComponent,\n    SkyListSecondaryActionComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyListBuilderResourcesModule\n  ],\n  exports: [\n    SkyListSecondaryActionsComponent,\n    SkyListSecondaryActionComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyListSecondaryActionsComponent,\n    SkyListSecondaryActionsHostComponent,\n    SkyListSecondaryActionComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyListBuilderResourcesModule,\n  ],\n  exports: [SkyListSecondaryActionsComponent, SkyListSecondaryActionComponent],\n}"
             }
           }
         ],
@@ -2976,13 +2816,13 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.module.ts",
-            "line": 55,
+            "line": 34,
             "character": 13
           }
         ]
       },
       {
-        "id": 735,
+        "id": 727,
         "name": "SkyListToolbarComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2998,13 +2838,13 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-toolbar',\n  templateUrl: './list-toolbar.component.html',\n  styleUrls: ['./list-toolbar.component.scss'],\n  providers: [\n    ListToolbarState,\n    ListToolbarStateDispatcher,\n    ListToolbarStateModel\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-list-toolbar',\n  templateUrl: './list-toolbar.component.html',\n  styleUrls: ['./list-toolbar.component.scss'],\n  providers: [\n    ListToolbarState,\n    ListToolbarStateDispatcher,\n    ListToolbarStateModel,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 736,
+            "id": 728,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -3012,20 +2852,20 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 264,
+                "line": 232,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 737,
+                "id": 729,
                 "name": "new SkyListToolbarComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 738,
+                    "id": 730,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3036,7 +2876,7 @@
                     }
                   },
                   {
-                    "id": 739,
+                    "id": 731,
                     "name": "state",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3047,7 +2887,7 @@
                     }
                   },
                   {
-                    "id": 740,
+                    "id": 732,
                     "name": "dispatcher",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3058,7 +2898,7 @@
                     }
                   },
                   {
-                    "id": 741,
+                    "id": 733,
                     "name": "toolbarState",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3069,7 +2909,7 @@
                     }
                   },
                   {
-                    "id": 742,
+                    "id": 734,
                     "name": "toolbarDispatcher",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3082,14 +2922,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 735,
+                  "id": 727,
                   "name": "SkyListToolbarComponent"
                 }
               }
             ]
           },
           {
-            "id": 768,
+            "id": 760,
             "name": "appliedFilters",
             "kind": 1024,
             "kindString": "Property",
@@ -3099,7 +2939,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 206,
+                "line": 174,
                 "character": 9
               }
             ],
@@ -3119,7 +2959,7 @@
             }
           },
           {
-            "id": 761,
+            "id": 753,
             "name": "centerTemplates",
             "kind": 1024,
             "kindString": "Property",
@@ -3129,7 +2969,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 199,
+                "line": 167,
                 "character": 9
               }
             ],
@@ -3142,7 +2982,7 @@
             }
           },
           {
-            "id": 775,
+            "id": 767,
             "name": "filterButtonId",
             "kind": 1024,
             "kindString": "Property",
@@ -3152,7 +2992,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 214,
+                "line": 182,
                 "character": 9
               }
             ],
@@ -3163,7 +3003,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 773,
+            "id": 765,
             "name": "hasAdditionalToolbarSection",
             "kind": 1024,
             "kindString": "Property",
@@ -3173,7 +3013,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 211,
+                "line": 179,
                 "character": 9
               }
             ],
@@ -3184,7 +3024,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 769,
+            "id": 761,
             "name": "hasAppliedFilters",
             "kind": 1024,
             "kindString": "Property",
@@ -3194,7 +3034,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 207,
+                "line": 175,
                 "character": 9
               }
             ],
@@ -3210,7 +3050,7 @@
             }
           },
           {
-            "id": 771,
+            "id": 763,
             "name": "hasInlineFilters",
             "kind": 1024,
             "kindString": "Property",
@@ -3220,7 +3060,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 209,
+                "line": 177,
                 "character": 9
               }
             ],
@@ -3230,7 +3070,7 @@
             }
           },
           {
-            "id": 774,
+            "id": 766,
             "name": "hasViewActions",
             "kind": 1024,
             "kindString": "Property",
@@ -3240,7 +3080,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 212,
+                "line": 180,
                 "character": 9
               }
             ],
@@ -3251,7 +3091,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 772,
+            "id": 764,
             "name": "inlineFilterBarExpanded",
             "kind": 1024,
             "kindString": "Property",
@@ -3261,7 +3101,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 210,
+                "line": 178,
                 "character": 9
               }
             ],
@@ -3272,7 +3112,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 766,
+            "id": 758,
             "name": "isMultiselectEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3282,7 +3122,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 204,
+                "line": 172,
                 "character": 9
               }
             ],
@@ -3298,7 +3138,7 @@
             }
           },
           {
-            "id": 764,
+            "id": 756,
             "name": "isSearchEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3308,7 +3148,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 202,
+                "line": 170,
                 "character": 9
               }
             ],
@@ -3324,7 +3164,7 @@
             }
           },
           {
-            "id": 767,
+            "id": 759,
             "name": "isSortSelectorEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3334,7 +3174,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 205,
+                "line": 173,
                 "character": 9
               }
             ],
@@ -3350,7 +3190,7 @@
             }
           },
           {
-            "id": 765,
+            "id": 757,
             "name": "isToolbarDisabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3360,7 +3200,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 203,
+                "line": 171,
                 "character": 9
               }
             ],
@@ -3371,7 +3211,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 760,
+            "id": 752,
             "name": "leftTemplates",
             "kind": 1024,
             "kindString": "Property",
@@ -3381,7 +3221,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 198,
+                "line": 166,
                 "character": 9
               }
             ],
@@ -3394,7 +3234,7 @@
             }
           },
           {
-            "id": 776,
+            "id": 768,
             "name": "listFilterInlineId",
             "kind": 1024,
             "kindString": "Property",
@@ -3404,7 +3244,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 215,
+                "line": 183,
                 "character": 9
               }
             ],
@@ -3415,7 +3255,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 747,
+            "id": 739,
             "name": "placeholder",
             "kind": 1024,
             "kindString": "Property",
@@ -3444,7 +3284,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 150,
+                "line": 114,
                 "character": 9
               }
             ],
@@ -3454,7 +3294,7 @@
             }
           },
           {
-            "id": 762,
+            "id": 754,
             "name": "rightTemplates",
             "kind": 1024,
             "kindString": "Property",
@@ -3464,7 +3304,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 200,
+                "line": 168,
                 "character": 9
               }
             ],
@@ -3477,7 +3317,7 @@
             }
           },
           {
-            "id": 749,
+            "id": 741,
             "name": "searchComponent",
             "kind": 1024,
             "kindString": "Property",
@@ -3493,14 +3333,14 @@
                 },
                 "arguments": {
                   "selector": "SkySearchComponent",
-                  "opts": "{\n    read: SkySearchComponent,\n    static: false\n  }"
+                  "opts": "{\n    read: SkySearchComponent,\n    static: false,\n  }"
                 }
               }
             ],
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 163,
+                "line": 127,
                 "character": 9
               }
             ],
@@ -3510,7 +3350,7 @@
             }
           },
           {
-            "id": 748,
+            "id": 740,
             "name": "searchEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3539,7 +3379,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 157,
+                "line": 121,
                 "character": 9
               }
             ],
@@ -3564,7 +3404,7 @@
             }
           },
           {
-            "id": 752,
+            "id": 744,
             "name": "searchText",
             "kind": 1024,
             "kindString": "Property",
@@ -3587,7 +3427,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 185,
+                "line": 149,
                 "character": 9
               }
             ],
@@ -3612,7 +3452,7 @@
             }
           },
           {
-            "id": 758,
+            "id": 750,
             "name": "searchTextInput",
             "kind": 1024,
             "kindString": "Property",
@@ -3622,7 +3462,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 196,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -3638,7 +3478,7 @@
             }
           },
           {
-            "id": 770,
+            "id": 762,
             "name": "showFilterSummary",
             "kind": 1024,
             "kindString": "Property",
@@ -3648,7 +3488,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 208,
+                "line": 176,
                 "character": 9
               }
             ],
@@ -3658,7 +3498,7 @@
             }
           },
           {
-            "id": 750,
+            "id": 742,
             "name": "sortSelectorEnabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3687,7 +3527,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 170,
+                "line": 134,
                 "character": 9
               }
             ],
@@ -3712,7 +3552,7 @@
             }
           },
           {
-            "id": 757,
+            "id": 749,
             "name": "sortSelectors",
             "kind": 1024,
             "kindString": "Property",
@@ -3722,7 +3562,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 195,
+                "line": 163,
                 "character": 9
               }
             ],
@@ -3741,7 +3581,7 @@
             }
           },
           {
-            "id": 792,
+            "id": 784,
             "name": "toolbarDispatcher",
             "kind": 1024,
             "kindString": "Property",
@@ -3754,7 +3594,7 @@
             }
           },
           {
-            "id": 751,
+            "id": 743,
             "name": "toolbarType",
             "kind": 1024,
             "kindString": "Property",
@@ -3783,7 +3623,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 179,
+                "line": 143,
                 "character": 9
               }
             ],
@@ -3794,7 +3634,7 @@
             "defaultValue": "'standard'"
           },
           {
-            "id": 763,
+            "id": 755,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -3804,7 +3644,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 201,
+                "line": 169,
                 "character": 9
               }
             ],
@@ -3820,7 +3660,7 @@
             }
           },
           {
-            "id": 759,
+            "id": 751,
             "name": "view",
             "kind": 1024,
             "kindString": "Property",
@@ -3830,7 +3670,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 197,
+                "line": 165,
                 "character": 9
               }
             ],
@@ -3846,7 +3686,7 @@
             }
           },
           {
-            "id": 755,
+            "id": 747,
             "name": "filterButtonAriaControls",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3856,13 +3696,13 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 191,
+                "line": 159,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 756,
+                "id": 748,
                 "name": "filterButtonAriaControls",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3875,7 +3715,7 @@
             ]
           },
           {
-            "id": 753,
+            "id": 745,
             "name": "isFilterBarDisplayed",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3885,13 +3725,13 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 187,
+                "line": 151,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 754,
+                "id": 746,
                 "name": "isFilterBarDisplayed",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3904,7 +3744,7 @@
             ]
           },
           {
-            "id": 802,
+            "id": 794,
             "name": "inlineFilterButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -3914,13 +3754,13 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 502,
+                "line": 459,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 803,
+                "id": 795,
                 "name": "inlineFilterButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3933,7 +3773,7 @@
             ]
           },
           {
-            "id": 795,
+            "id": 787,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -3943,13 +3783,13 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 409,
+                "line": 376,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 796,
+                "id": 788,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3970,7 +3810,7 @@
             }
           },
           {
-            "id": 797,
+            "id": 789,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3980,13 +3820,13 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 482,
+                "line": 438,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 798,
+                "id": 790,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4007,7 +3847,7 @@
             }
           },
           {
-            "id": 793,
+            "id": 785,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4017,13 +3857,13 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 272,
+                "line": 240,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 794,
+                "id": 786,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4044,7 +3884,7 @@
             }
           },
           {
-            "id": 799,
+            "id": 791,
             "name": "setSort",
             "kind": 2048,
             "kindString": "Method",
@@ -4054,20 +3894,20 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 488,
+                "line": 444,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 800,
+                "id": 792,
                 "name": "setSort",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 801,
+                    "id": 793,
                     "name": "sort",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4087,7 +3927,7 @@
             ]
           },
           {
-            "id": 804,
+            "id": 796,
             "name": "updateSearchText",
             "kind": 2048,
             "kindString": "Method",
@@ -4097,20 +3937,20 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 506,
+                "line": 463,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 805,
+                "id": 797,
                 "name": "updateSearchText",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 806,
+                    "id": 798,
                     "name": "searchText",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4134,67 +3974,67 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              736
+              728
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              768,
+              760,
+              753,
+              767,
+              765,
               761,
-              775,
-              773,
-              769,
-              771,
-              774,
-              772,
+              763,
               766,
               764,
-              767,
-              765,
-              760,
-              776,
-              747,
-              762,
-              749,
-              748,
-              752,
               758,
-              770,
-              750,
+              756,
+              759,
               757,
-              792,
-              751,
-              763,
-              759
+              752,
+              768,
+              739,
+              754,
+              741,
+              740,
+              744,
+              750,
+              762,
+              742,
+              749,
+              784,
+              743,
+              755,
+              751
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              755,
-              753
+              747,
+              745
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              802,
-              795,
-              797,
-              793,
-              799,
-              804
+              794,
+              787,
+              789,
+              785,
+              791,
+              796
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-            "line": 123,
+            "line": 86,
             "character": 13
           }
         ],
@@ -4227,7 +4067,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyListToolbarComponent,\n    SkyListToolbarItemComponent,\n    SkyListToolbarItemRendererComponent,\n    SkyListMultiselectToolbarComponent,\n    SkyListToolbarSearchActionsComponent,\n    SkyListToolbarSortComponent,\n    SkyListToolbarViewActionsComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyCheckboxModule,\n    SkyI18nModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    SkySortModule,\n    SkyFilterModule,\n    SkyListFiltersModule,\n    SkyIconModule,\n    SkyListBuilderResourcesModule\n  ],\n  exports: [\n    SkyListToolbarComponent,\n    SkyListToolbarItemComponent,\n    SkyListToolbarSearchActionsComponent,\n    SkyListToolbarSortComponent,\n    SkyListToolbarViewActionsComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyListToolbarComponent,\n    SkyListToolbarItemComponent,\n    SkyListToolbarItemRendererComponent,\n    SkyListMultiselectToolbarComponent,\n    SkyListToolbarSearchActionsComponent,\n    SkyListToolbarSortComponent,\n    SkyListToolbarViewActionsComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyCheckboxModule,\n    SkyI18nModule,\n    SkyToolbarModule,\n    SkySearchModule,\n    SkySortModule,\n    SkyFilterModule,\n    SkyListFiltersModule,\n    SkyIconModule,\n    SkyListBuilderResourcesModule,\n  ],\n  exports: [\n    SkyListToolbarComponent,\n    SkyListToolbarItemComponent,\n    SkyListToolbarSearchActionsComponent,\n    SkyListToolbarSortComponent,\n    SkyListToolbarViewActionsComponent,\n  ],\n}"
             }
           }
         ],
@@ -4266,7 +4106,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.module.ts",
-            "line": 100,
+            "line": 65,
             "character": 13
           }
         ]
@@ -4288,7 +4128,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-filter-button',\n  templateUrl: './list-filter-button.component.html'\n}"
+              "obj": "{\n  selector: 'sky-list-filter-button',\n  templateUrl: './list-filter-button.component.html',\n}"
             }
           }
         ],
@@ -4302,7 +4142,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-button.component.ts",
-                "line": 37,
+                "line": 33,
                 "character": 2
               }
             ],
@@ -4345,7 +4185,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-button.component.ts",
-                "line": 41,
+                "line": 35,
                 "character": 9
               }
             ],
@@ -4391,7 +4231,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filter-button.component.ts",
-            "line": 28,
+            "line": 24,
             "character": 13
           }
         ],
@@ -4419,7 +4259,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-toolbar-view-actions',\n  templateUrl: './list-toolbar-view-actions.component.html',\n  styleUrls: ['./list-toolbar-view-actions.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-list-toolbar-view-actions',\n  templateUrl: './list-toolbar-view-actions.component.html',\n  styleUrls: ['./list-toolbar-view-actions.component.scss'],\n}"
             }
           }
         ],
@@ -4458,7 +4298,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-view-actions.component.ts",
-            "line": 16,
+            "line": 14,
             "character": 13
           }
         ]
@@ -4480,7 +4320,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-toolbar-search-actions',\n  templateUrl: './list-toolbar-search-actions.component.html',\n  styleUrls: ['./list-toolbar-search-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-list-toolbar-search-actions',\n  templateUrl: './list-toolbar-search-actions.component.html',\n  styleUrls: ['./list-toolbar-search-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -4519,7 +4359,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-search-actions.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -4541,7 +4381,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-filter-summary',\n  templateUrl: './list-filter-summary.component.html'\n}"
+              "obj": "{\n  selector: 'sky-list-filter-summary',\n  templateUrl: './list-filter-summary.component.html',\n}"
             }
           }
         ],
@@ -4555,7 +4395,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 50,
+                "line": 38,
                 "character": 2
               }
             ],
@@ -4609,7 +4449,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 48,
+                "line": 36,
                 "character": 9
               }
             ],
@@ -4652,7 +4492,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 46,
+                "line": 34,
                 "character": 9
               }
             ],
@@ -4680,7 +4520,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 76,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -4723,7 +4563,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 69,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -4765,7 +4605,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 55,
+                "line": 43,
                 "character": 9
               }
             ],
@@ -4821,7 +4661,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-            "line": 39,
+            "line": 28,
             "character": 13
           }
         ],
@@ -4849,7 +4689,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-filter-inline-item',\n  template: '<ng-content></ng-content>'\n}"
+              "obj": "{\n  selector: 'sky-list-filter-inline-item',\n  template: '<ng-content></ng-content>',\n}"
             }
           }
         ],
@@ -4899,7 +4739,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 41,
+                "line": 39,
                 "character": 9
               }
             ],
@@ -4916,9 +4756,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies the function to apply to determine whether an item is filtered.\nThis property is required when using an in-memory data provider. For information\nabout `ListItemModel`, see the\n[shared classes for lists](https://developer.blackbaud.com/skyux-list-builder-common/docs/list-builder-common)."
-            },
             "decorators": [
               {
                 "name": "Input",
@@ -4934,7 +4771,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 51,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -5019,7 +4856,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 28,
+                "line": 26,
                 "character": 9
               }
             ],
@@ -5039,7 +4876,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 63,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -5087,7 +4924,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 60,
+                "line": 59,
                 "character": 9
               }
             ],
@@ -5126,7 +4963,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 34,
+                "line": 32,
                 "character": 9
               }
             ],
@@ -5146,7 +4983,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 74,
+                "line": 72,
                 "character": 13
               }
             ],
@@ -5181,7 +5018,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 68,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -5246,7 +5083,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-            "line": 22,
+            "line": 20,
             "character": 13
           }
         ],
@@ -5274,7 +5111,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-filter-inline',\n  templateUrl: './list-filter-inline.component.html'\n}"
+              "obj": "{\n  selector: 'sky-list-filter-inline',\n  templateUrl: './list-filter-inline.component.html',\n}"
             }
           }
         ],
@@ -5288,7 +5125,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-                "line": 48,
+                "line": 36,
                 "character": 2
               }
             ],
@@ -5342,7 +5179,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-                "line": 43,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -5366,7 +5203,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-                "line": 73,
+                "line": 63,
                 "character": 9
               }
             ],
@@ -5395,7 +5232,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-                "line": 53,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -5449,7 +5286,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-            "line": 42,
+            "line": 30,
             "character": 13
           }
         ],
@@ -5477,7 +5314,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-paging',\n  templateUrl: './list-paging.component.html',\n  providers: [\n    { provide: ListPagingComponent, useExisting: listPagingComponentRef }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-list-paging',\n  templateUrl: './list-paging.component.html',\n  providers: [\n    { provide: ListPagingComponent, useExisting: listPagingComponentRef },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -5491,7 +5328,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 84,
+                "line": 75,
                 "character": 2
               }
             ],
@@ -5553,7 +5390,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 76,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -5579,7 +5416,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 82,
+                "line": 73,
                 "character": 9
               }
             ],
@@ -5605,7 +5442,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 80,
+                "line": 71,
                 "character": 9
               }
             ],
@@ -5631,7 +5468,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 78,
+                "line": 69,
                 "character": 9
               }
             ],
@@ -5676,7 +5513,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 67,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -5731,7 +5568,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 74,
+                "line": 65,
                 "character": 9
               }
             ],
@@ -5786,7 +5623,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 60,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -5822,7 +5659,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 91,
+                "line": 79,
                 "character": 9
               }
             ],
@@ -5859,7 +5696,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 134,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -5924,7 +5761,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-            "line": 54,
+            "line": 42,
             "character": 13
           }
         ],
@@ -5958,7 +5795,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-secondary-action',\n  templateUrl: './list-secondary-action.component.html'\n}"
+              "obj": "{\n  selector: 'sky-list-secondary-action',\n  templateUrl: './list-secondary-action.component.html',\n}"
             }
           }
         ],
@@ -5972,7 +5809,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-action.component.ts",
-                "line": 25,
+                "line": 24,
                 "character": 2
               }
             ],
@@ -6015,7 +5852,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-action.component.ts",
-                "line": 29,
+                "line": 26,
                 "character": 9
               }
             ],
@@ -6089,7 +5926,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-secondary-actions',\n  templateUrl: './list-secondary-actions.component.html',\n  providers: [\n    SkyListSecondaryActionsService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-list-secondary-actions',\n  templateUrl: './list-secondary-actions.component.html',\n  providers: [SkyListSecondaryActionsService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -6103,7 +5940,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts",
-                "line": 44,
+                "line": 36,
                 "character": 2
               }
             ],
@@ -6146,7 +5983,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts",
-                "line": 34,
+                "line": 26,
                 "character": 9
               }
             ],
@@ -6170,7 +6007,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts",
-                "line": 48,
+                "line": 38,
                 "character": 9
               }
             ],
@@ -6223,7 +6060,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts",
-            "line": 33,
+            "line": 25,
             "character": 13
           }
         ],
@@ -6251,7 +6088,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-list-toolbar-item',\n  template: '<ng-content></ng-content>'\n}"
+              "obj": "{\n  selector: 'sky-list-toolbar-item',\n  template: '<ng-content></ng-content>',\n}"
             }
           }
         ],
@@ -6301,7 +6138,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-                "line": 16,
+                "line": 22,
                 "character": 18
               }
             ],
@@ -6341,7 +6178,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-                "line": 21,
+                "line": 27,
                 "character": 18
               }
             ],
@@ -6381,7 +6218,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-                "line": 27,
+                "line": 33,
                 "character": 18
               }
             ],
@@ -6402,7 +6239,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-                "line": 29,
+                "line": 35,
                 "character": 13
               }
             ],
@@ -6455,7 +6292,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-            "line": 12,
+            "line": 18,
             "character": 13
           }
         ]
@@ -6477,7 +6314,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n    selector: 'sky-list-toolbar-sort',\n      template: ''\n  }"
+              "obj": "{\n  selector: 'sky-list-toolbar-sort',\n  template: '',\n}"
             }
           }
         ],
@@ -6534,7 +6371,7 @@
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
                 "line": 34,
-                "character": 11
+                "character": 9
               }
             ],
             "type": {
@@ -6573,7 +6410,7 @@
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
                 "line": 22,
-                "character": 11
+                "character": 9
               }
             ],
             "type": {
@@ -6612,7 +6449,7 @@
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
                 "line": 16,
-                "character": 11
+                "character": 9
               }
             ],
             "type": {
@@ -6651,7 +6488,7 @@
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
                 "line": 28,
-                "character": 11
+                "character": 9
               }
             ],
             "type": {
@@ -6683,12 +6520,19 @@
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
             "line": 10,
-            "character": 15
+            "character": 13
           }
         ]
       }
     ],
     "groups": [
+      {
+        "title": "References",
+        "kind": 16777216,
+        "children": [
+          726
+        ]
+      },
       {
         "title": "Classes",
         "kind": 128,
@@ -6705,9 +6549,8 @@
           582,
           139,
           644,
-          726,
           649,
-          735,
+          727,
           652,
           1,
           108,
@@ -6732,100 +6575,105 @@
     ]
   },
   "codeExamples": [
+    {
+      "fileName": ".eslintrc.json",
+      "filePath": "/projects/list-builder/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-filters-demo.component.html",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/inline-filters/list-filters-demo.component.html",
-      "rawContents": "<sky-list\n  [data]=\"items\"\n>\n  <sky-list-toolbar>\n    <sky-list-filter-inline>\n      <sky-list-filter-inline-item\n        defaultValue=\"any\"\n        name=\"fruitType\"\n        value=\"any\"\n        [filter]=\"fruitTypeFilterFunction\"\n      >\n        <ng-template\n          let-filter=\"filter\"\n        >\n          <label\n            class=\"sky-control-label\"\n            [for]=\"fruitTypeSelect.id\"\n          >\n            Fruit type\n          </label>\n          <select\n            skyId\n            [ngModel]=\"filter.value\"\n            (ngModelChange)=\"filter.changed($event)\"\n            #fruitTypeSelect=\"skyId\"\n          >\n          <option\n            value=\"any\"\n          >\n            Any fruit\n          </option>\n          <option\n            value=\"citrus\"\n          >\n            Citrus\n          </option>\n          <option\n            value=\"berry\"\n          >\n            Berry\n          </option>\n          </select>\n        </ng-template>\n      </sky-list-filter-inline-item>\n      <sky-list-filter-inline-item\n        name=\"hideOrange\"\n        [filter]=\"hideOrangeFilterFunction\"\n      >\n        <ng-template\n          let-filter=\"filter\"\n        >\n          <sky-checkbox\n            [ngModel]=\"filter.value\"\n            (ngModelChange)=\"filter.changed($event)\"\n          >\n            <sky-checkbox-label>\n              Hide orange fruits\n            </sky-checkbox-label>\n          </sky-checkbox>\n        </ng-template>\n      </sky-list-filter-inline-item>\n    </sky-list-filter-inline>\n  </sky-list-toolbar>\n  <sky-list-view-grid>\n    <sky-grid-column\n      field=\"name\"\n      heading=\"Name\"\n    >\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"description\"\n      heading=\"Description\"\n    >\n    </sky-grid-column>\n  </sky-list-view-grid>\n</sky-list>\n"
+      "rawContents": "<sky-list [data]=\"items\">\n  <sky-list-toolbar>\n    <sky-list-filter-inline>\n      <sky-list-filter-inline-item\n        defaultValue=\"any\"\n        name=\"fruitType\"\n        value=\"any\"\n        [filter]=\"fruitTypeFilterFunction\"\n      >\n        <ng-template let-filter=\"filter\">\n          <label class=\"sky-control-label\" [for]=\"fruitTypeSelect.id\">\n            Fruit type\n          </label>\n          <select\n            skyId\n            [ngModel]=\"filter.value\"\n            (ngModelChange)=\"filter.changed($event)\"\n            #fruitTypeSelect=\"skyId\"\n          >\n            <option value=\"any\">Any fruit</option>\n            <option value=\"citrus\">Citrus</option>\n            <option value=\"berry\">Berry</option>\n          </select>\n        </ng-template>\n      </sky-list-filter-inline-item>\n      <sky-list-filter-inline-item\n        name=\"hideOrange\"\n        [filter]=\"hideOrangeFilterFunction\"\n      >\n        <ng-template let-filter=\"filter\">\n          <sky-checkbox\n            [ngModel]=\"filter.value\"\n            (ngModelChange)=\"filter.changed($event)\"\n          >\n            <sky-checkbox-label> Hide orange fruits </sky-checkbox-label>\n          </sky-checkbox>\n        </ng-template>\n      </sky-list-filter-inline-item>\n    </sky-list-filter-inline>\n  </sky-list-toolbar>\n  <!-- Add your list-view here -->\n</sky-list>\n"
     },
     {
       "fileName": "list-filters-demo.component.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/inline-filters/list-filters-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  ListItemModel\n} from '@skyux/list-builder-common';\n\nimport {\n  Observable,\n  of\n} from 'rxjs';\n\n@Component({\n  selector: 'app-list-filters-demo',\n  templateUrl: './list-filters-demo.component.html'\n})\nexport class ListFiltersDemoComponent {\n\n  public items: Observable<any> = of([\n    {\n      id: 0,\n      name: 'Orange',\n      description: 'A round, orange fruit.',\n      type: 'citrus',\n      color: 'orange'\n    },\n    {\n      id: 1,\n      name: 'Mango',\n      description: 'Delicious in smoothies, but don\\'t eat the skin.',\n      type: 'other',\n      color: 'orange'\n    },\n    {\n      id: 2,\n      name: 'Lime',\n      description: 'A sour, green fruit used in many drinks.',\n      type: 'citrus',\n      color: 'green'\n    },\n    {\n      id: 3,\n      name: 'Strawberry',\n      description: 'A red fruit that goes well with shortcake.',\n      type: 'berry',\n      color: 'red'\n    },\n    {\n      id: 4,\n      name: 'Blueberry',\n      description: 'A small, blue fruit often found in muffins.',\n      type: 'berry',\n      color: 'blue'\n    }\n  ]);\n\n  public fruitTypeFilterFunction(item: ListItemModel, filterValue: any): boolean {\n    return filterValue === 'any' || filterValue === item.data.type;\n  }\n\n  public hideOrangeFilterFunction(item: ListItemModel, filterValue: any): boolean {\n    return !filterValue || (filterValue && item.data.color !== 'orange');\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport { Observable, of } from 'rxjs';\n\n@Component({\n  selector: 'app-list-filters-demo',\n  templateUrl: './list-filters-demo.component.html',\n})\nexport class ListFiltersDemoComponent {\n  public items: Observable<any> = of([\n    {\n      id: 0,\n      name: 'Orange',\n      description: 'A round, orange fruit.',\n      type: 'citrus',\n      color: 'orange',\n    },\n    {\n      id: 1,\n      name: 'Mango',\n      description: \"Delicious in smoothies, but don't eat the skin.\",\n      type: 'other',\n      color: 'orange',\n    },\n    {\n      id: 2,\n      name: 'Lime',\n      description: 'A sour, green fruit used in many drinks.',\n      type: 'citrus',\n      color: 'green',\n    },\n    {\n      id: 3,\n      name: 'Strawberry',\n      description: 'A red fruit that goes well with shortcake.',\n      type: 'berry',\n      color: 'red',\n    },\n    {\n      id: 4,\n      name: 'Blueberry',\n      description: 'A small, blue fruit often found in muffins.',\n      type: 'berry',\n      color: 'blue',\n    },\n  ]);\n\n  public fruitTypeFilterFunction(\n    item: ListItemModel,\n    filterValue: any\n  ): boolean {\n    return filterValue === 'any' || filterValue === item.data.type;\n  }\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-filters-demo.module.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/inline-filters/list-filters-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  FormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n  SkyListFiltersModule,\n  SkyListModule,\n  SkyListToolbarModule\n} from '@skyux/list-builder';\n\nimport {\n  SkyListViewGridModule\n} from '@skyux/list-builder-view-grids';\n\nimport {\n  SkyFilterModule\n} from '@skyux/lists';\n\nimport {\n  ListFiltersDemoComponent\n} from './list-filters-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyFilterModule,\n    SkyIdModule,\n    SkyListFiltersModule,\n    SkyListModule,\n    SkyListToolbarModule,\n    SkyListViewGridModule\n  ],\n  declarations: [\n    ListFiltersDemoComponent\n  ],\n  exports: [\n    ListFiltersDemoComponent\n  ]\n})\nexport class ListFiltersDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport {\n  SkyListFiltersModule,\n  SkyListModule,\n  SkyListToolbarModule,\n} from '@skyux/list-builder';\n\nimport { SkyFilterModule } from '@skyux/lists';\n\nimport { ListFiltersDemoComponent } from './list-filters-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyFilterModule,\n    SkyIdModule,\n    SkyListFiltersModule,\n    SkyListModule,\n    SkyListToolbarModule,\n  ],\n  declarations: [ListFiltersDemoComponent],\n  exports: [ListFiltersDemoComponent],\n})\nexport class ListFiltersDemoModule {}\n"
     },
     {
       "fileName": "list-filters-demo-modal-context.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/modal-filters/list-filters-demo-modal-context.ts",
-      "rawContents": "export class ListFiltersDemoModalContext {\n\n  public appliedFilters: any[];\n\n}\n"
+      "rawContents": "export class ListFiltersDemoModalContext {\n  public appliedFilters: any[];\n}\n"
     },
     {
       "fileName": "list-filters-demo-modal.component.html",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/modal-filters/list-filters-demo-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    {{headerText}}\n  </sky-modal-header>\n  <sky-modal-content>\n    <label\n      class=\"sky-control-label\"\n      [for]=\"fruitTypeSelect.id\"\n    >\n      Fruit type\n    </label>\n    <select\n      class=\"sky-form-control\"\n      skyId\n      [(ngModel)]=\"fruitType\"\n      #fruitTypeSelect=\"skyId\"\n    >\n      <option\n        value=\"any\"\n      >\n        Any fruit\n      </option>\n      <option\n        value=\"citrus\"\n      >\n        Citrus\n      </option>\n      <option\n        value=\"berry\"\n      >\n        Berry\n      </option>\n    </select>\n    <div\n      style=\"margin-top: 15px;\"\n    >\n      <sky-checkbox\n        [(ngModel)]=\"hideOrange\"\n      >\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      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"applyFilters()\"\n    >\n      Apply\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear filters\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"cancel()\"\n    >\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    {{ headerText }}\n  </sky-modal-header>\n  <sky-modal-content>\n    <label class=\"sky-control-label\" [for]=\"fruitTypeSelect.id\">\n      Fruit type\n    </label>\n    <select\n      class=\"sky-form-control\"\n      skyId\n      [(ngModel)]=\"fruitType\"\n      #fruitTypeSelect=\"skyId\"\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      class=\"sky-btn sky-btn-primary\"\n      type=\"button\"\n      (click)=\"applyFilters()\"\n    >\n      Apply\n    </button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"clearAllFilters()\"\n    >\n      Clear filters\n    </button>\n    <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "fileName": "list-filters-demo-modal.component.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/modal-filters/list-filters-demo-modal.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  ListItemModel\n} from '@skyux/list-builder-common';\n\nimport {\n  ListFilterModel\n} from '@skyux/list-builder';\n\nimport {\n  SkyModalInstance\n} from '@skyux/modals';\n\nimport {\n  ListFiltersDemoModalContext\n} from './list-filters-demo-modal-context';\n\n@Component({\n  selector: 'app-demo-filter-modal-form',\n  templateUrl: './list-filters-demo-modal.component.html'\n})\nexport class ListFilterDemoModalComponent {\n\n  public fruitType: string = 'any';\n\n  public hideOrange: boolean;\n\n  public headerText: string = 'Filters';\n\n  constructor(\n    public context: ListFiltersDemoModalContext,\n    public instance: SkyModalInstance\n  ) {\n    if (this.context && this.context.appliedFilters && this.context.appliedFilters.length > 0) {\n      this.setFormFilters(this.context.appliedFilters);\n    } else {\n      this.clearAllFilters();\n    }\n  }\n\n  public applyFilters(): void {\n    let result = this.getAppliedFiltersArray();\n    this.instance.save(result);\n  }\n\n  public cancel(): void {\n    this.instance.cancel();\n  }\n\n  public clearAllFilters(): void {\n    this.hideOrange = false;\n    this.fruitType = 'any';\n  }\n\n  private fruitTypeFilterFunction(item: ListItemModel, filterValue: any): boolean {\n    return filterValue === item.data.type;\n  }\n\n  private getAppliedFiltersArray(): ListFilterModel[] {\n    let appliedFilters: ListFilterModel[] = [];\n    if (this.fruitType !== 'any') {\n\n      appliedFilters.push(new ListFilterModel({\n        name: 'fruitType',\n        value: this.fruitType,\n        label: this.fruitType,\n        filterFunction: this.fruitTypeFilterFunction\n      }));\n    }\n\n    if (this.hideOrange) {\n      appliedFilters.push(new ListFilterModel({\n        name: 'hideOrange',\n        value: true,\n        label: 'hide orange fruits',\n        filterFunction: this.hideOrangeFilterFunction\n      }));\n    }\n\n    return appliedFilters;\n  }\n\n  private hideOrangeFilterFunction(item: ListItemModel, filterValue: any): boolean {\n    return !filterValue || (filterValue && item.data.color !== 'orange');\n  }\n\n  private setFormFilters(appliedFilters: any[]): void {\n    for (let i = 0; i < appliedFilters.length; i++) {\n      if (appliedFilters[i].name === 'fruitType') {\n        this.fruitType = appliedFilters[i].value;\n      }\n\n      if (appliedFilters[i].name === 'hideOrange') {\n        this.hideOrange = appliedFilters[i].value;\n      }\n    }\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport { ListFilterModel } from '@skyux/list-builder';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { ListFiltersDemoModalContext } from './list-filters-demo-modal-context';\n\n@Component({\n  selector: 'app-demo-filter-modal-form',\n  templateUrl: './list-filters-demo-modal.component.html',\n})\nexport class ListFilterDemoModalComponent {\n  public fruitType: string = 'any';\n\n  public hideOrange: boolean;\n\n  public headerText: string = 'Filters';\n\n  constructor(\n    public context: ListFiltersDemoModalContext,\n    public instance: SkyModalInstance\n  ) {\n    if (\n      this.context &&\n      this.context.appliedFilters &&\n      this.context.appliedFilters.length > 0\n    ) {\n      this.setFormFilters(this.context.appliedFilters);\n    } else {\n      this.clearAllFilters();\n    }\n  }\n\n  public applyFilters(): void {\n    let result = this.getAppliedFiltersArray();\n    this.instance.save(result);\n  }\n\n  public cancel(): void {\n    this.instance.cancel();\n  }\n\n  public clearAllFilters(): void {\n    this.hideOrange = false;\n    this.fruitType = 'any';\n  }\n\n  private fruitTypeFilterFunction(\n    item: ListItemModel,\n    filterValue: any\n  ): boolean {\n    return filterValue === item.data.type;\n  }\n\n  private getAppliedFiltersArray(): ListFilterModel[] {\n    let appliedFilters: ListFilterModel[] = [];\n    if (this.fruitType !== 'any') {\n      appliedFilters.push(\n        new ListFilterModel({\n          name: 'fruitType',\n          value: this.fruitType,\n          label: this.fruitType,\n          filterFunction: this.fruitTypeFilterFunction,\n        })\n      );\n    }\n\n    if (this.hideOrange) {\n      appliedFilters.push(\n        new ListFilterModel({\n          name: 'hideOrange',\n          value: true,\n          label: 'hide orange fruits',\n          filterFunction: this.hideOrangeFilterFunction,\n        })\n      );\n    }\n\n    return appliedFilters;\n  }\n\n  private hideOrangeFilterFunction(\n    item: ListItemModel,\n    filterValue: any\n  ): boolean {\n    return !filterValue || (filterValue && item.data.color !== 'orange');\n  }\n\n  private setFormFilters(appliedFilters: any[]): void {\n    for (let i = 0; i < appliedFilters.length; i++) {\n      if (appliedFilters[i].name === 'fruitType') {\n        this.fruitType = appliedFilters[i].value;\n      }\n\n      if (appliedFilters[i].name === 'hideOrange') {\n        this.hideOrange = appliedFilters[i].value;\n      }\n    }\n  }\n}\n"
     },
     {
       "fileName": "list-filters-demo.component.html",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/modal-filters/list-filters-demo.component.html",
-      "rawContents": "<sky-list\n  [appliedFilters]=\"listFilters\"\n  [data]=\"items\"\n  (appliedFiltersChange)=\"modalFilters = $event\"\n>\n  <sky-list-toolbar\n    [searchEnabled]=\"false\"\n  >\n    <sky-list-filter-button>\n      <sky-filter-button\n        (filterButtonClick)=\"openFilterModal()\"\n        [showButtonText]=\"true\"\n      >\n      </sky-filter-button>\n    </sky-list-filter-button>\n    <sky-list-filter-summary\n      (summaryItemClick)=\"openFilterModal()\"\n    >\n    </sky-list-filter-summary>\n  </sky-list-toolbar>\n  <sky-list-view-grid>\n    <sky-grid-column\n      field=\"name\"\n      heading=\"Name\"\n    >\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"description\"\n      heading=\"Description\"\n    >\n    </sky-grid-column>\n  </sky-list-view-grid>\n</sky-list>\n"
+      "rawContents": "<sky-list\n  [appliedFilters]=\"listFilters\"\n  [data]=\"items\"\n  (appliedFiltersChange)=\"modalFilters = $event\"\n>\n  <sky-list-toolbar [searchEnabled]=\"false\">\n    <sky-list-filter-button>\n      <sky-filter-button\n        (filterButtonClick)=\"openFilterModal()\"\n        [showButtonText]=\"true\"\n      >\n      </sky-filter-button>\n    </sky-list-filter-button>\n    <sky-list-filter-summary (summaryItemClick)=\"openFilterModal()\">\n    </sky-list-filter-summary>\n  </sky-list-toolbar>\n  <!-- Add your list-view here -->\n</sky-list>\n"
     },
     {
       "fileName": "list-filters-demo.component.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/modal-filters/list-filters-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  ListFilterModel\n} from '@skyux/list-builder';\n\nimport {\n  SkyModalCloseArgs,\n  SkyModalService\n} from '@skyux/modals';\n\nimport {\n  of\n} from 'rxjs';\n\nimport {\n  ListFilterDemoModalComponent\n} from './list-filters-demo-modal.component';\n\nimport {\n  ListFiltersDemoModalContext\n} from './list-filters-demo-modal-context';\n\n@Component({\n  selector: 'app-list-filters-demo',\n  templateUrl: './list-filters-demo.component.html'\n})\nexport class ListFiltersDemoComponent {\n\n  public items = of([\n    {\n      id: 0,\n      name: 'Orange',\n      description: 'A round, orange fruit.',\n      type: 'citrus',\n      color: 'orange'\n    },\n    {\n      id: 1,\n      name: 'Mango',\n      description: 'Delicious in smoothies, but don\\'t eat the skin.',\n      type: 'other',\n      color: 'orange'\n    },\n    {\n      id: 2,\n      name: 'Lime',\n      description: 'A sour, green fruit used in many drinks.',\n      type: 'citrus',\n      color: 'green'\n    },\n    {\n      id: 3,\n      name: 'Strawberry',\n      description: 'A red fruit that goes well with shortcake.',\n      type: 'berry',\n      color: 'red'\n    },\n    {\n      id: 4,\n      name: 'Blueberry',\n      description: 'A small, blue fruit often found in muffins.',\n      type: 'berry',\n      color: 'blue'\n    }\n  ]);\n\n  public listFilters: ListFilterModel[] = [];\n\n  public modalFilters: ListFilterModel[] = [];\n\n  constructor(\n    private modalService: SkyModalService\n  ) { }\n\n  public openFilterModal(): void {\n    const instance = this.modalService.open(ListFilterDemoModalComponent, [{\n      provide: ListFiltersDemoModalContext,\n      useValue: {\n        appliedFilters: this.modalFilters\n      }\n    }]);\n\n    instance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'save') {\n        this.listFilters = result.data.slice();\n      }\n    });\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { ListFilterModel } from '@skyux/list-builder';\n\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { of } from 'rxjs';\n\nimport { ListFilterDemoModalComponent } from './list-filters-demo-modal.component';\n\nimport { ListFiltersDemoModalContext } from './list-filters-demo-modal-context';\n\n@Component({\n  selector: 'app-list-filters-demo',\n  templateUrl: './list-filters-demo.component.html',\n})\nexport class ListFiltersDemoComponent {\n  public items = of([\n    {\n      id: 0,\n      name: 'Orange',\n      description: 'A round, orange fruit.',\n      type: 'citrus',\n      color: 'orange',\n    },\n    {\n      id: 1,\n      name: 'Mango',\n      description: \"Delicious in smoothies, but don't eat the skin.\",\n      type: 'other',\n      color: 'orange',\n    },\n    {\n      id: 2,\n      name: 'Lime',\n      description: 'A sour, green fruit used in many drinks.',\n      type: 'citrus',\n      color: 'green',\n    },\n    {\n      id: 3,\n      name: 'Strawberry',\n      description: 'A red fruit that goes well with shortcake.',\n      type: 'berry',\n      color: 'red',\n    },\n    {\n      id: 4,\n      name: 'Blueberry',\n      description: 'A small, blue fruit often found in muffins.',\n      type: 'berry',\n      color: 'blue',\n    },\n  ]);\n\n  public listFilters: ListFilterModel[] = [];\n\n  public modalFilters: ListFilterModel[] = [];\n\n  constructor(private modalService: SkyModalService) {}\n\n  public openFilterModal(): void {\n    const instance = this.modalService.open(ListFilterDemoModalComponent, [\n      {\n        provide: ListFiltersDemoModalContext,\n        useValue: {\n          appliedFilters: this.modalFilters,\n        },\n      },\n    ]);\n\n    instance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'save') {\n        this.listFilters = result.data.slice();\n      }\n    });\n  }\n}\n"
     },
     {
       "fileName": "list-filters-demo.module.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-filters/modal-filters/list-filters-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  FormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n  SkyListFiltersModule,\n  SkyListModule,\n  SkyListToolbarModule\n} from '@skyux/list-builder';\n\nimport {\n  SkyListViewGridModule\n} from '@skyux/list-builder-view-grids';\n\nimport {\n  SkyFilterModule\n} from '@skyux/lists';\n\nimport {\n  SkyModalModule\n} from '@skyux/modals';\n\nimport {\n  ListFiltersDemoComponent\n} from './list-filters-demo.component';\n\nimport {\n  ListFilterDemoModalComponent\n} from './list-filters-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyFilterModule,\n    SkyIdModule,\n    SkyListFiltersModule,\n    SkyListModule,\n    SkyListToolbarModule,\n    SkyListViewGridModule,\n    SkyModalModule\n  ],\n  declarations: [\n    ListFiltersDemoComponent,\n    ListFilterDemoModalComponent\n  ],\n  entryComponents: [\n    ListFilterDemoModalComponent\n  ],\n  exports: [\n    ListFiltersDemoComponent\n  ]\n})\nexport class ListFiltersDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport {\n  SkyListFiltersModule,\n  SkyListModule,\n  SkyListToolbarModule,\n} from '@skyux/list-builder';\n\nimport { SkyFilterModule } from '@skyux/lists';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ListFiltersDemoComponent } from './list-filters-demo.component';\n\nimport { ListFilterDemoModalComponent } from './list-filters-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyFilterModule,\n    SkyIdModule,\n    SkyListFiltersModule,\n    SkyListModule,\n    SkyListToolbarModule,\n    SkyModalModule,\n  ],\n  declarations: [ListFiltersDemoComponent, ListFilterDemoModalComponent],\n  entryComponents: [ListFilterDemoModalComponent],\n  exports: [ListFiltersDemoComponent],\n})\nexport class ListFiltersDemoModule {}\n"
     },
     {
       "fileName": "list-paging-demo.component.html",
       "filePath": "/projects/list-builder/documentation/code-examples/list-paging/basic/list-paging-demo.component.html",
-      "rawContents": "<sky-list\n  [data]=\"data\"\n>\n  <sky-list-view-grid\n    #grid\n  >\n    <sky-grid-column\n      field=\"name\"\n      heading=\"Name\"\n    >\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"email\"\n      heading=\"Email\"\n    >\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"amount\"\n      heading=\"Amount\"\n    >\n    </sky-grid-column>\n  </sky-list-view-grid>\n  <sky-list-paging\n    pageSize=\"5\"\n  ></sky-list-paging>\n</sky-list>\n"
+      "rawContents": "<sky-list [data]=\"data\">\n  <!-- Add your list-view here -->\n  <sky-list-paging pageSize=\"5\"></sky-list-paging>\n</sky-list>\n"
     },
     {
       "fileName": "list-paging-demo.component.scss",
       "filePath": "/projects/list-builder/documentation/code-examples/list-paging/basic/list-paging-demo.component.scss",
-      "rawContents": "@import \"~@skyux/theme/scss/mixins\";\n\n::ng-deep .sky-grid-table {\n  @include sky-border(dark, top);\n}\n"
+      "rawContents": "@import '~@skyux/theme/scss/mixins';\n\n::ng-deep .sky-grid-table {\n  @include sky-border(dark, top);\n}\n"
     },
     {
       "fileName": "list-paging-demo.component.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-paging/basic/list-paging-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-list-paging-demo',\n  templateUrl: './list-paging-demo.component.html',\n  styleUrls: ['./list-paging-demo.component.scss']\n})\nexport class ListPagingDemoComponent {\n\n  public data: any[] = [\n    { id: '1', name: 'Niels Bohr', email: 'niels.bohr@example.com', amount: 170.75, status: 'Paid' },\n    { id: '2', name: 'Ada Lovelace', email: 'ada.lovelace@example.com', amount: 114.13, status: 'Paid' },\n    { id: '3', name: 'Marie Curie', email: 'marie.curie@example.com', amount: 111, status: 'Past due' },\n    { id: '4', name: 'Barbara McClintock', email: 'barbara.mcclintock@example.com', amount: 84.63, status: 'Paid' },\n    { id: '5', name: 'Michael Faraday', email: 'michael.faraday@example.com', amount: 83.97, status: 'Paid' },\n    { id: '6', name: 'Enrico Fermi', email: 'enrico.fermi@example.com', amount: 74.5, status: 'Past due' },\n    { id: '7', name: 'Mae C. Jemison', email: 'mae.jemison@example.com', amount: 70.86, status: 'Paid' },\n    { id: '8', name: 'Nikola Tesla', email: 'nikola.tesla@example.com', amount: 15.00, status: 'Paid' },\n    { id: '9', name: 'Hubert J. Farnsworth', email: 'hubert.j.farnsworth@example.com', amount: 999.99, status: 'Past Due' }\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-list-paging-demo',\n  templateUrl: './list-paging-demo.component.html',\n  styleUrls: ['./list-paging-demo.component.scss'],\n})\nexport class ListPagingDemoComponent {\n  public data: any[] = [\n    {\n      id: '1',\n      name: 'Niels Bohr',\n      email: 'niels.bohr@example.com',\n      amount: 170.75,\n      status: 'Paid',\n    },\n    {\n      id: '2',\n      name: 'Ada Lovelace',\n      email: 'ada.lovelace@example.com',\n      amount: 114.13,\n      status: 'Paid',\n    },\n    {\n      id: '3',\n      name: 'Marie Curie',\n      email: 'marie.curie@example.com',\n      amount: 111,\n      status: 'Past due',\n    },\n    {\n      id: '4',\n      name: 'Barbara McClintock',\n      email: 'barbara.mcclintock@example.com',\n      amount: 84.63,\n      status: 'Paid',\n    },\n    {\n      id: '5',\n      name: 'Michael Faraday',\n      email: 'michael.faraday@example.com',\n      amount: 83.97,\n      status: 'Paid',\n    },\n    {\n      id: '6',\n      name: 'Enrico Fermi',\n      email: 'enrico.fermi@example.com',\n      amount: 74.5,\n      status: 'Past due',\n    },\n    {\n      id: '7',\n      name: 'Mae C. Jemison',\n      email: 'mae.jemison@example.com',\n      amount: 70.86,\n      status: 'Paid',\n    },\n    {\n      id: '8',\n      name: 'Nikola Tesla',\n      email: 'nikola.tesla@example.com',\n      amount: 15.0,\n      status: 'Paid',\n    },\n    {\n      id: '9',\n      name: 'Hubert J. Farnsworth',\n      email: 'hubert.j.farnsworth@example.com',\n      amount: 999.99,\n      status: 'Past Due',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "list-paging-demo.module.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-paging/basic/list-paging-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyListModule,\n  SkyListPagingModule\n} from '@skyux/list-builder';\n\nimport {\n  SkyListViewGridModule\n} from '@skyux/list-builder-view-grids';\n\nimport {\n  ListPagingDemoComponent\n} from './list-paging-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyListModule,\n    SkyListPagingModule,\n    SkyListViewGridModule\n  ],\n  declarations: [\n    ListPagingDemoComponent\n  ],\n  exports: [\n    ListPagingDemoComponent\n  ]\n})\nexport class ListPagingDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport {\n  SkyListModule,\n  SkyListPagingModule,\n} from '@skyux/list-builder';\n\nimport { ListPagingDemoComponent } from './list-paging-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyListModule, SkyListPagingModule],\n  declarations: [ListPagingDemoComponent],\n  exports: [ListPagingDemoComponent],\n})\nexport class ListPagingDemoModule {}\n"
     },
     {
       "fileName": "list-toolbar-demo.component.html",
       "filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/basic/list-toolbar-demo.component.html",
-      "rawContents": "<sky-list\n  [data]=\"data\"\n>\n  <sky-list-toolbar>\n    <sky-list-toolbar-item\n      id=\"custom-item\"\n      index=\"0\"\n      location=\"left\"\n    >\n      <ng-template>\n        <sky-dropdown\n          buttonStyle=\"primary\"\n        >\n          <sky-dropdown-button>\n            <sky-icon\n              icon=\"plus-circle\"\n            ></sky-icon>\n            Add\n          </sky-dropdown-button>\n        </sky-dropdown>\n      </ng-template>\n    </sky-list-toolbar-item>\n    <sky-list-filter-button>\n      <sky-filter-button\n        [showButtonText]=\"true\"\n        (filterButtonClick)=\"onFilterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-list-filter-button>\n    <sky-list-filter-summary\n      (summaryItemClick)=\"onSummaryItemClick()\"\n    >\n    </sky-list-filter-summary>\n    <sky-list-toolbar-sort\n      field=\"column2\"\n      label=\"Fruit name (A - Z)\"\n      type=\"string\"\n      [descending]=\"false\"\n    >\n    </sky-list-toolbar-sort>\n    <sky-list-toolbar-sort\n      field=\"column2\"\n      label=\"Fruit name (Z - A)\"\n      type=\"string\"\n      [descending]=\"true\"\n    >\n    </sky-list-toolbar-sort>\n    <sky-list-column-selector-action\n      [gridView]=\"grid\"\n    >\n    </sky-list-column-selector-action>\n    <sky-list-secondary-actions>\n      <sky-list-secondary-action>\n        <button\n          type=\"button\"\n        >\n          Option\n        </button>\n      </sky-list-secondary-action>\n    </sky-list-secondary-actions>\n    <sky-list-toolbar-view-actions>\n      <form\n        novalidate\n        [formGroup]=\"myForm\"\n      >\n        <sky-radio-group\n          formControlName=\"myView\"\n        >\n          <div\n            class=\"sky-switch-icon-group\"\n          >\n            <sky-radio *ngFor=\"let view of views\"\n              [icon]=\"view.icon\"\n              [label]=\"view.label\"\n              [value]=\"view.name\"\n            >\n            </sky-radio>\n          </div>\n        </sky-radio-group>\n      </form>\n    </sky-list-toolbar-view-actions>\n  </sky-list-toolbar>\n  <sky-list-view-grid\n    #grid\n  >\n    <sky-grid-column\n      field=\"name\"\n      heading=\"Name\"\n    >\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"email\"\n      heading=\"Email\"\n    >\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"amount\"\n      heading=\"Amount\"\n    >\n    </sky-grid-column>\n  </sky-list-view-grid>\n</sky-list>\n"
+      "rawContents": "<sky-list [data]=\"data\">\n  <sky-list-toolbar>\n    <sky-list-toolbar-item id=\"custom-item\" index=\"0\" location=\"left\">\n      <ng-template>\n        <sky-dropdown buttonStyle=\"primary\">\n          <sky-dropdown-button>\n            <sky-icon icon=\"plus-circle\"></sky-icon>\n            Add\n          </sky-dropdown-button>\n        </sky-dropdown>\n      </ng-template>\n    </sky-list-toolbar-item>\n    <sky-list-filter-button>\n      <sky-filter-button\n        [showButtonText]=\"true\"\n        (filterButtonClick)=\"onFilterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-list-filter-button>\n    <sky-list-filter-summary (summaryItemClick)=\"onSummaryItemClick()\">\n    </sky-list-filter-summary>\n    <sky-list-toolbar-sort\n      field=\"column2\"\n      label=\"Fruit name (A - Z)\"\n      type=\"string\"\n      [descending]=\"false\"\n    >\n    </sky-list-toolbar-sort>\n    <sky-list-toolbar-sort\n      field=\"column2\"\n      label=\"Fruit name (Z - A)\"\n      type=\"string\"\n      [descending]=\"true\"\n    >\n    </sky-list-toolbar-sort>\n    <sky-list-column-selector-action [gridView]=\"grid\">\n    </sky-list-column-selector-action>\n    <sky-list-secondary-actions>\n      <sky-list-secondary-action>\n        <button type=\"button\">Option</button>\n      </sky-list-secondary-action>\n    </sky-list-secondary-actions>\n    <sky-list-toolbar-view-actions>\n      <form novalidate [formGroup]=\"myForm\">\n        <sky-radio-group formControlName=\"myView\">\n          <div class=\"sky-switch-icon-group\">\n            <sky-radio\n              *ngFor=\"let view of views\"\n              [icon]=\"view.icon\"\n              [label]=\"view.label\"\n              [value]=\"view.name\"\n            >\n            </sky-radio>\n          </div>\n        </sky-radio-group>\n      </form>\n    </sky-list-toolbar-view-actions>\n  </sky-list-toolbar>\n  <!-- Add your list-view here -->\n</sky-list>\n"
     },
     {
       "fileName": "list-toolbar-demo.component.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/basic/list-toolbar-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup\n} from '@angular/forms';\n\n@Component({\n  selector: 'app-list-toolbar-demo',\n  templateUrl: './list-toolbar-demo.component.html'\n})\nexport class ListToolbarDemoComponent implements OnInit {\n\n  public data: any[] = [\n    { id: '1', name: 'Niels Bohr', email: 'niels.bohr@example.com', amount: 170.75, status: 'Paid' },\n    { id: '2', name: 'Ada Lovelace', email: 'ada.lovelace@example.com', amount: 114.13, status: 'Paid' },\n    { id: '3', name: 'Marie Curie', email: 'marie.curie@example.com', amount: 111, status: 'Past due' },\n    { id: '4', name: 'Barbara McClintock', email: 'barbara.mcclintock@example.com', amount: 84.63, status: 'Paid' },\n    { id: '5', name: 'Michael Faraday', email: 'michael.faraday@example.com', amount: 83.97, status: 'Paid' },\n    { id: '6', name: 'Enrico Fermi', email: 'enrico.fermi@example.com', amount: 74.5, status: 'Past due' },\n    { id: '7', name: 'Mae C. Jemison', email: 'mae.jemison@example.com', amount: 70.86, status: 'Paid' },\n    { id: '8', name: 'Nikola Tesla', email: 'nikola.tesla@example.com', amount: 15.00, status: 'Paid' },\n    { id: '9', name: 'Hubert J. Farnsworth', email: 'hubert.j.farnsworth@example.com', amount: 999.99, status: 'Past Due' }\n  ];\n\n  public myForm: FormGroup;\n\n  public views: any[] = [\n    { icon: 'table', label: 'Table', name: 'table' },\n    { icon: 'list', label: 'List', name: 'list' },\n    { icon: 'th-large', label: 'Cards', name: 'cards' },\n    { icon: 'map-marker', label: 'Map', name: 'map' }\n  ];\n\n  constructor(\n    private formBuilder: FormBuilder\n  ) { }\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myView: this.views[0].name\n    });\n  }\n\n  public onFilterButtonClicked(): void {\n    alert('Filter button clicked');\n  }\n\n  public onSummaryItemClick(): void {\n    alert('Filter summary item clicked');\n  }\n\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'app-list-toolbar-demo',\n  templateUrl: './list-toolbar-demo.component.html',\n})\nexport class ListToolbarDemoComponent implements OnInit {\n  public data: any[] = [\n    {\n      id: '1',\n      name: 'Niels Bohr',\n      email: 'niels.bohr@example.com',\n      amount: 170.75,\n      status: 'Paid',\n    },\n    {\n      id: '2',\n      name: 'Ada Lovelace',\n      email: 'ada.lovelace@example.com',\n      amount: 114.13,\n      status: 'Paid',\n    },\n    {\n      id: '3',\n      name: 'Marie Curie',\n      email: 'marie.curie@example.com',\n      amount: 111,\n      status: 'Past due',\n    },\n    {\n      id: '4',\n      name: 'Barbara McClintock',\n      email: 'barbara.mcclintock@example.com',\n      amount: 84.63,\n      status: 'Paid',\n    },\n    {\n      id: '5',\n      name: 'Michael Faraday',\n      email: 'michael.faraday@example.com',\n      amount: 83.97,\n      status: 'Paid',\n    },\n    {\n      id: '6',\n      name: 'Enrico Fermi',\n      email: 'enrico.fermi@example.com',\n      amount: 74.5,\n      status: 'Past due',\n    },\n    {\n      id: '7',\n      name: 'Mae C. Jemison',\n      email: 'mae.jemison@example.com',\n      amount: 70.86,\n      status: 'Paid',\n    },\n    {\n      id: '8',\n      name: 'Nikola Tesla',\n      email: 'nikola.tesla@example.com',\n      amount: 15.0,\n      status: 'Paid',\n    },\n    {\n      id: '9',\n      name: 'Hubert J. Farnsworth',\n      email: 'hubert.j.farnsworth@example.com',\n      amount: 999.99,\n      status: 'Past Due',\n    },\n  ];\n\n  public myForm: FormGroup;\n\n  public views: any[] = [\n    { icon: 'table', label: 'Table', name: 'table' },\n    { icon: 'list', label: 'List', name: 'list' },\n    { icon: 'th-large', label: 'Cards', name: 'cards' },\n    { icon: 'map-marker', label: 'Map', name: 'map' },\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myView: this.views[0].name,\n    });\n  }\n\n  public onFilterButtonClicked(): void {\n    alert('Filter button clicked');\n  }\n\n  public onSummaryItemClick(): void {\n    alert('Filter summary item clicked');\n  }\n}\n"
     },
     {
       "fileName": "list-toolbar-demo.module.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/basic/list-toolbar-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  FormsModule,\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyRadioModule\n} from '@skyux/forms';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyListFiltersModule,\n  SkyListModule,\n  SkyListSecondaryActionsModule,\n  SkyListToolbarModule\n} from '@skyux/list-builder';\n\nimport {\n  SkyListViewGridModule\n} from '@skyux/list-builder-view-grids';\n\nimport {\n  SkyFilterModule\n} from '@skyux/lists';\n\nimport {\nSkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  ListToolbarDemoComponent\n} from './list-toolbar-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyDropdownModule,\n    SkyFilterModule,\n    SkyIconModule,\n    SkyListFiltersModule,\n    SkyListModule,\n    SkyListSecondaryActionsModule,\n    SkyListToolbarModule,\n    SkyListViewGridModule,\n    SkyRadioModule,\n    ReactiveFormsModule\n  ],\n  declarations: [\n    ListToolbarDemoComponent\n  ],\n  exports: [\n    ListToolbarDemoComponent\n  ]\n})\nexport class ListToolbarDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyRadioModule } from '@skyux/forms';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport {\n  SkyListFiltersModule,\n  SkyListModule,\n  SkyListSecondaryActionsModule,\n  SkyListToolbarModule,\n} from '@skyux/list-builder';\n\nimport { SkyFilterModule } from '@skyux/lists';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ListToolbarDemoComponent } from './list-toolbar-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyDropdownModule,\n    SkyFilterModule,\n    SkyIconModule,\n    SkyListFiltersModule,\n    SkyListModule,\n    SkyListSecondaryActionsModule,\n    SkyListToolbarModule,\n    SkyRadioModule,\n    ReactiveFormsModule,\n  ],\n  declarations: [ListToolbarDemoComponent],\n  exports: [ListToolbarDemoComponent],\n})\nexport class ListToolbarDemoModule {}\n"
     },
     {
       "fileName": "list-toolbar-demo.component.html",
       "filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/custom/list-toolbar-demo.component.html",
-      "rawContents": "<sky-list\n  [data]=\"data\"\n>\n  <sky-list-toolbar>\n    <sky-list-toolbar-item\n      id=\"custom-item\"\n      location=\"left\"\n    >\n      <ng-template>\n        <button\n          class=\"sky-btn sky-btn-default\"\n        >\n          Left\n        </button>\n      </ng-template>\n    </sky-list-toolbar-item>\n    <sky-list-toolbar-item\n      id=\"custom-item2\"\n      index=\"1\"\n      location=\"center\"\n    >\n      <ng-template>\n        <button\n          class=\"sky-btn sky-btn-default\"\n        >\n          Center\n        </button>\n      </ng-template>\n    </sky-list-toolbar-item>\n  </sky-list-toolbar>\n  <sky-list-view-grid\n    #grid\n  >\n    <sky-grid-column\n      field=\"name\"\n      heading=\"Name\"\n    >\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"email\"\n      heading=\"Email\"\n    >\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"amount\"\n      heading=\"Amount\"\n    >\n    </sky-grid-column>\n  </sky-list-view-grid>\n</sky-list>\n"
+      "rawContents": "<sky-list [data]=\"data\">\n  <sky-list-toolbar>\n    <sky-list-toolbar-item id=\"custom-item\" location=\"left\">\n      <ng-template>\n        <button class=\"sky-btn sky-btn-default\">Left</button>\n      </ng-template>\n    </sky-list-toolbar-item>\n    <sky-list-toolbar-item id=\"custom-item2\" index=\"1\" location=\"center\">\n      <ng-template>\n        <button class=\"sky-btn sky-btn-default\">Center</button>\n      </ng-template>\n    </sky-list-toolbar-item>\n  </sky-list-toolbar>\n  <!-- Add your list-view here -->\n</sky-list>\n"
     },
     {
       "fileName": "list-toolbar-demo.component.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/custom/list-toolbar-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-list-toolbar-demo',\n  templateUrl: './list-toolbar-demo.component.html'\n})\nexport class ListToolbarDemoComponent {\n\n  public data: any[] = [\n    { id: '1', name: 'Niels Bohr', email: 'niels.bohr@example.com', amount: 170.75, status: 'Paid' },\n    { id: '2', name: 'Ada Lovelace', email: 'ada.lovelace@example.com', amount: 114.13, status: 'Paid' },\n    { id: '3', name: 'Marie Curie', email: 'marie.curie@example.com', amount: 111, status: 'Past due' },\n    { id: '4', name: 'Barbara McClintock', email: 'barbara.mcclintock@example.com', amount: 84.63, status: 'Paid' },\n    { id: '5', name: 'Michael Faraday', email: 'michael.faraday@example.com', amount: 83.97, status: 'Paid' },\n    { id: '6', name: 'Enrico Fermi', email: 'enrico.fermi@example.com', amount: 74.5, status: 'Past due' },\n    { id: '7', name: 'Mae C. Jemison', email: 'mae.jemison@example.com', amount: 70.86, status: 'Paid' },\n    { id: '8', name: 'Nikola Tesla', email: 'nikola.tesla@example.com', amount: 15.00, status: 'Paid' },\n    { id: '9', name: 'Hubert J. Farnsworth', email: 'hubert.j.farnsworth@example.com', amount: 999.99, status: 'Past Due' }\n  ];\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-list-toolbar-demo',\n  templateUrl: './list-toolbar-demo.component.html',\n})\nexport class ListToolbarDemoComponent {\n  public data: any[] = [\n    {\n      id: '1',\n      name: 'Niels Bohr',\n      email: 'niels.bohr@example.com',\n      amount: 170.75,\n      status: 'Paid',\n    },\n    {\n      id: '2',\n      name: 'Ada Lovelace',\n      email: 'ada.lovelace@example.com',\n      amount: 114.13,\n      status: 'Paid',\n    },\n    {\n      id: '3',\n      name: 'Marie Curie',\n      email: 'marie.curie@example.com',\n      amount: 111,\n      status: 'Past due',\n    },\n    {\n      id: '4',\n      name: 'Barbara McClintock',\n      email: 'barbara.mcclintock@example.com',\n      amount: 84.63,\n      status: 'Paid',\n    },\n    {\n      id: '5',\n      name: 'Michael Faraday',\n      email: 'michael.faraday@example.com',\n      amount: 83.97,\n      status: 'Paid',\n    },\n    {\n      id: '6',\n      name: 'Enrico Fermi',\n      email: 'enrico.fermi@example.com',\n      amount: 74.5,\n      status: 'Past due',\n    },\n    {\n      id: '7',\n      name: 'Mae C. Jemison',\n      email: 'mae.jemison@example.com',\n      amount: 70.86,\n      status: 'Paid',\n    },\n    {\n      id: '8',\n      name: 'Nikola Tesla',\n      email: 'nikola.tesla@example.com',\n      amount: 15.0,\n      status: 'Paid',\n    },\n    {\n      id: '9',\n      name: 'Hubert J. Farnsworth',\n      email: 'hubert.j.farnsworth@example.com',\n      amount: 999.99,\n      status: 'Past Due',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "list-toolbar-demo.module.ts",
       "filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/custom/list-toolbar-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyListModule,\n  SkyListToolbarModule\n} from '@skyux/list-builder';\n\nimport {\n  SkyListViewGridModule\n} from '@skyux/list-builder-view-grids';\n\nimport {\n  ListToolbarDemoComponent\n} from './list-toolbar-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyListModule,\n    SkyListToolbarModule,\n    SkyListViewGridModule\n  ],\n  declarations: [\n    ListToolbarDemoComponent\n  ],\n  exports: [\n    ListToolbarDemoComponent\n  ]\n})\nexport class ListToolbarDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport {\n  SkyListModule,\n  SkyListToolbarModule,\n} from '@skyux/list-builder';\n\nimport { ListToolbarDemoComponent } from './list-toolbar-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyListModule, SkyListToolbarModule],\n  declarations: [ListToolbarDemoComponent],\n  exports: [ListToolbarDemoComponent],\n})\nexport class ListToolbarDemoModule {}\n"
     }
   ]
 }