@skyux/list-builder 5.0.0 → 5.0.1

package/documentation.json

@@ -290,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": [
@@ -338,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": {
@@ -361,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": {
@@ -394,8 +394,8 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list/list-data-response.model.ts",
-            "line": 5,
-            "character": 14
+            "line": 3,
+            "character": 13
           }
         ]
       },
@@ -415,7 +415,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 44,
+                "line": 41,
                 "character": 2
               }
             ],
@@ -463,7 +463,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 34,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -492,7 +492,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 23,
+                "line": 20,
                 "character": 9
               }
             ],
@@ -513,7 +513,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 42,
+                "line": 39,
                 "character": 9
               }
             ],
@@ -582,7 +582,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 17,
+                "line": 14,
                 "character": 9
               }
             ],
@@ -611,7 +611,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 11,
+                "line": 8,
                 "character": 9
               }
             ],
@@ -634,7 +634,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-                "line": 28,
+                "line": 25,
                 "character": 9
               }
             ],
@@ -668,7 +668,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/filter.model.ts",
-            "line": 5,
+            "line": 3,
             "character": 13
           }
         ]
@@ -1200,7 +1200,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-                "line": 26,
+                "line": 24,
                 "character": 2
               }
             ],
@@ -1248,7 +1248,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-                "line": 14,
+                "line": 12,
                 "character": 9
               }
             ],
@@ -1276,7 +1276,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-                "line": 24,
+                "line": 22,
                 "character": 9
               }
             ],
@@ -1303,7 +1303,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-                "line": 18,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -1339,7 +1339,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list/state/sort/sort.model.ts",
-            "line": 10,
+            "line": 8,
             "character": 13
           }
         ]
@@ -1358,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}"
             }
           }
         ],
@@ -1372,7 +1372,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 225,
+                "line": 184,
                 "character": 2
               }
             ],
@@ -1439,7 +1439,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 192,
+                "line": 152,
                 "character": 9
               }
             ],
@@ -1477,7 +1477,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 204,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -1522,7 +1522,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 141,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -1584,7 +1584,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 150,
+                "line": 109,
                 "character": 9
               }
             ],
@@ -1604,7 +1604,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 131,
+                "line": 90,
                 "character": 9
               }
             ],
@@ -1639,7 +1639,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 164,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -1671,7 +1671,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 211,
+                "line": 171,
                 "character": 9
               }
             ],
@@ -1751,7 +1751,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 172,
+                "line": 131,
                 "character": 9
               }
             ],
@@ -1805,7 +1805,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 198,
+                "line": 158,
                 "character": 9
               }
             ],
@@ -1856,7 +1856,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 180,
+                "line": 139,
                 "character": 9
               }
             ],
@@ -1909,7 +1909,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 348,
+                "line": 326,
                 "character": 6
               }
             ],
@@ -1945,7 +1945,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 476,
+                "line": 490,
                 "character": 13
               }
             ],
@@ -1980,7 +1980,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 462,
+                "line": 477,
                 "character": 13
               }
             ],
@@ -2015,7 +2015,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 452,
+                "line": 461,
                 "character": 13
               }
             ],
@@ -2053,7 +2053,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 472,
+                "line": 486,
                 "character": 13
               }
             ],
@@ -2085,7 +2085,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 230,
+                "line": 189,
                 "character": 9
               }
             ],
@@ -2122,7 +2122,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 314,
+                "line": 286,
                 "character": 9
               }
             ],
@@ -2172,7 +2172,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 336,
+                "line": 312,
                 "character": 9
               }
             ],
@@ -2209,7 +2209,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-                "line": 341,
+                "line": 317,
                 "character": 9
               }
             ],
@@ -2277,7 +2277,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list/list.component.ts",
-            "line": 130,
+            "line": 87,
             "character": 13
           }
         ],
@@ -2310,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}"
             }
           }
         ],
@@ -2349,7 +2349,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filters.module.ts",
-            "line": 33,
+            "line": 28,
             "character": 13
           }
         ]
@@ -2370,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
               }
             ],
@@ -2488,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
               }
             ],
@@ -2518,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
               }
             ],
@@ -2561,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
               }
             ],
@@ -2636,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
           }
         ],
@@ -2661,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}"
             }
           }
         ],
@@ -2700,7 +2700,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list/list.module.ts",
-            "line": 16,
+            "line": 10,
             "character": 13
           }
         ]
@@ -2719,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}"
             }
           }
         ],
@@ -2758,7 +2758,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-paging/list-paging.module.ts",
-            "line": 18,
+            "line": 11,
             "character": 13
           }
         ]
@@ -2777,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}"
             }
           }
         ],
@@ -2816,7 +2816,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-secondary-actions/list-secondary-actions.module.ts",
-            "line": 55,
+            "line": 34,
             "character": 13
           }
         ]
@@ -2838,7 +2838,7 @@
               "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}"
             }
           }
         ],
@@ -2852,7 +2852,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 264,
+                "line": 232,
                 "character": 2
               }
             ],
@@ -2939,7 +2939,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 206,
+                "line": 174,
                 "character": 9
               }
             ],
@@ -2969,7 +2969,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 199,
+                "line": 167,
                 "character": 9
               }
             ],
@@ -2992,7 +2992,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 214,
+                "line": 182,
                 "character": 9
               }
             ],
@@ -3013,7 +3013,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 211,
+                "line": 179,
                 "character": 9
               }
             ],
@@ -3034,7 +3034,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 207,
+                "line": 175,
                 "character": 9
               }
             ],
@@ -3060,7 +3060,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 209,
+                "line": 177,
                 "character": 9
               }
             ],
@@ -3080,7 +3080,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 212,
+                "line": 180,
                 "character": 9
               }
             ],
@@ -3101,7 +3101,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 210,
+                "line": 178,
                 "character": 9
               }
             ],
@@ -3122,7 +3122,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 204,
+                "line": 172,
                 "character": 9
               }
             ],
@@ -3148,7 +3148,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 202,
+                "line": 170,
                 "character": 9
               }
             ],
@@ -3174,7 +3174,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 205,
+                "line": 173,
                 "character": 9
               }
             ],
@@ -3200,7 +3200,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 203,
+                "line": 171,
                 "character": 9
               }
             ],
@@ -3221,7 +3221,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 198,
+                "line": 166,
                 "character": 9
               }
             ],
@@ -3244,7 +3244,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 215,
+                "line": 183,
                 "character": 9
               }
             ],
@@ -3284,7 +3284,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 150,
+                "line": 114,
                 "character": 9
               }
             ],
@@ -3304,7 +3304,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 200,
+                "line": 168,
                 "character": 9
               }
             ],
@@ -3333,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
               }
             ],
@@ -3379,7 +3379,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 157,
+                "line": 121,
                 "character": 9
               }
             ],
@@ -3427,7 +3427,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 185,
+                "line": 149,
                 "character": 9
               }
             ],
@@ -3462,7 +3462,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 196,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -3488,7 +3488,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 208,
+                "line": 176,
                 "character": 9
               }
             ],
@@ -3527,7 +3527,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 170,
+                "line": 134,
                 "character": 9
               }
             ],
@@ -3562,7 +3562,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 195,
+                "line": 163,
                 "character": 9
               }
             ],
@@ -3623,7 +3623,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 179,
+                "line": 143,
                 "character": 9
               }
             ],
@@ -3644,7 +3644,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 201,
+                "line": 169,
                 "character": 9
               }
             ],
@@ -3670,7 +3670,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 197,
+                "line": 165,
                 "character": 9
               }
             ],
@@ -3696,7 +3696,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 191,
+                "line": 159,
                 "character": 13
               }
             ],
@@ -3725,7 +3725,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 187,
+                "line": 151,
                 "character": 13
               }
             ],
@@ -3754,7 +3754,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 502,
+                "line": 459,
                 "character": 9
               }
             ],
@@ -3783,7 +3783,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 409,
+                "line": 376,
                 "character": 9
               }
             ],
@@ -3820,7 +3820,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 482,
+                "line": 438,
                 "character": 9
               }
             ],
@@ -3857,7 +3857,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 272,
+                "line": 240,
                 "character": 9
               }
             ],
@@ -3894,7 +3894,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 488,
+                "line": 444,
                 "character": 9
               }
             ],
@@ -3937,7 +3937,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-                "line": 506,
+                "line": 463,
                 "character": 9
               }
             ],
@@ -4034,7 +4034,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.component.ts",
-            "line": 123,
+            "line": 86,
             "character": 13
           }
         ],
@@ -4067,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}"
             }
           }
         ],
@@ -4106,7 +4106,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar.module.ts",
-            "line": 100,
+            "line": 65,
             "character": 13
           }
         ]
@@ -4128,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}"
             }
           }
         ],
@@ -4142,7 +4142,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-button.component.ts",
-                "line": 37,
+                "line": 33,
                 "character": 2
               }
             ],
@@ -4185,7 +4185,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-button.component.ts",
-                "line": 41,
+                "line": 35,
                 "character": 9
               }
             ],
@@ -4231,7 +4231,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filter-button.component.ts",
-            "line": 28,
+            "line": 24,
             "character": 13
           }
         ],
@@ -4259,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}"
             }
           }
         ],
@@ -4298,7 +4298,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-view-actions.component.ts",
-            "line": 16,
+            "line": 14,
             "character": 13
           }
         ]
@@ -4320,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}"
             }
           }
         ],
@@ -4359,7 +4359,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-search-actions.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -4381,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}"
             }
           }
         ],
@@ -4395,7 +4395,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 50,
+                "line": 38,
                 "character": 2
               }
             ],
@@ -4449,7 +4449,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 48,
+                "line": 36,
                 "character": 9
               }
             ],
@@ -4492,7 +4492,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 46,
+                "line": 34,
                 "character": 9
               }
             ],
@@ -4520,7 +4520,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 76,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -4563,7 +4563,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 69,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -4605,7 +4605,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-                "line": 55,
+                "line": 43,
                 "character": 9
               }
             ],
@@ -4661,7 +4661,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filter-summary.component.ts",
-            "line": 39,
+            "line": 28,
             "character": 13
           }
         ],
@@ -4689,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}"
             }
           }
         ],
@@ -4739,7 +4739,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 41,
+                "line": 39,
                 "character": 9
               }
             ],
@@ -4771,7 +4771,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 51,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -4856,7 +4856,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 28,
+                "line": 26,
                 "character": 9
               }
             ],
@@ -4876,7 +4876,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 63,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -4924,7 +4924,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 60,
+                "line": 59,
                 "character": 9
               }
             ],
@@ -4963,7 +4963,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 34,
+                "line": 32,
                 "character": 9
               }
             ],
@@ -4983,7 +4983,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 74,
+                "line": 72,
                 "character": 13
               }
             ],
@@ -5018,7 +5018,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-                "line": 68,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -5083,7 +5083,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline-item.component.ts",
-            "line": 22,
+            "line": 20,
             "character": 13
           }
         ],
@@ -5111,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}"
             }
           }
         ],
@@ -5125,7 +5125,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-                "line": 48,
+                "line": 36,
                 "character": 2
               }
             ],
@@ -5179,7 +5179,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-                "line": 43,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -5203,7 +5203,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-                "line": 73,
+                "line": 63,
                 "character": 9
               }
             ],
@@ -5232,7 +5232,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-                "line": 53,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -5286,7 +5286,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-filters/list-filter-inline.component.ts",
-            "line": 42,
+            "line": 30,
             "character": 13
           }
         ],
@@ -5314,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}"
             }
           }
         ],
@@ -5328,7 +5328,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 84,
+                "line": 75,
                 "character": 2
               }
             ],
@@ -5390,7 +5390,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 76,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -5416,7 +5416,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 82,
+                "line": 73,
                 "character": 9
               }
             ],
@@ -5442,7 +5442,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 80,
+                "line": 71,
                 "character": 9
               }
             ],
@@ -5468,7 +5468,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 78,
+                "line": 69,
                 "character": 9
               }
             ],
@@ -5513,7 +5513,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 67,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -5568,7 +5568,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 74,
+                "line": 65,
                 "character": 9
               }
             ],
@@ -5623,7 +5623,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 60,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -5659,7 +5659,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 91,
+                "line": 79,
                 "character": 9
               }
             ],
@@ -5696,7 +5696,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-                "line": 134,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -5761,7 +5761,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-paging/list-paging.component.ts",
-            "line": 54,
+            "line": 42,
             "character": 13
           }
         ],
@@ -5795,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}"
             }
           }
         ],
@@ -5809,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
               }
             ],
@@ -5852,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
               }
             ],
@@ -5926,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}"
             }
           }
         ],
@@ -5940,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
               }
             ],
@@ -5983,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
               }
             ],
@@ -6007,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
               }
             ],
@@ -6060,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
           }
         ],
@@ -6088,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}"
             }
           }
         ],
@@ -6138,7 +6138,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-                "line": 16,
+                "line": 22,
                 "character": 18
               }
             ],
@@ -6178,7 +6178,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-                "line": 21,
+                "line": 27,
                 "character": 18
               }
             ],
@@ -6218,7 +6218,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-                "line": 27,
+                "line": 33,
                 "character": 18
               }
             ],
@@ -6239,7 +6239,7 @@
             "sources": [
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-                "line": 29,
+                "line": 35,
                 "character": 13
               }
             ],
@@ -6292,7 +6292,7 @@
         "sources": [
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-item.component.ts",
-            "line": 12,
+            "line": 18,
             "character": 13
           }
         ]
@@ -6314,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}"
             }
           }
         ],
@@ -6371,7 +6371,7 @@
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
                 "line": 34,
-                "character": 11
+                "character": 9
               }
             ],
             "type": {
@@ -6410,7 +6410,7 @@
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
                 "line": 22,
-                "character": 11
+                "character": 9
               }
             ],
             "type": {
@@ -6449,7 +6449,7 @@
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
                 "line": 16,
-                "character": 11
+                "character": 9
               }
             ],
             "type": {
@@ -6488,7 +6488,7 @@
               {
                 "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
                 "line": 28,
-                "character": 11
+                "character": 9
               }
             ],
             "type": {
@@ -6520,7 +6520,7 @@
           {
             "fileName": "projects/list-builder/src/modules/list-toolbar/list-toolbar-sort.component.ts",
             "line": 10,
-            "character": 15
+            "character": 13
           }
         ]
       }
@@ -6575,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  <!-- Add your list-view here -->\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  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  ],\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  <!-- Add your list-view here -->\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  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    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  <!-- Add your list-view here -->\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  ListPagingDemoComponent\n} from './list-paging-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyListModule,\n    SkyListPagingModule\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  <!-- Add your list-view here -->\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  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    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  <!-- Add your list-view here -->\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  ListToolbarDemoComponent\n} from './list-toolbar-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyListModule,\n    SkyListToolbarModule\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"
     }
   ]
 }