@skyux/lists 5.0.1 → 5.0.5

package/documentation.json

@@ -42,7 +42,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyFilterButtonComponent,\n    SkyFilterInlineComponent,\n    SkyFilterInlineItemComponent,\n    SkyFilterSummaryComponent,\n    SkyFilterSummaryItemComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyIconModule,\n    SkyListsResourcesModule,\n    SkyTokensModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyFilterButtonComponent,\n    SkyFilterInlineComponent,\n    SkyFilterInlineItemComponent,\n    SkyFilterSummaryComponent,\n    SkyFilterSummaryItemComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyFilterButtonComponent,\n    SkyFilterInlineComponent,\n    SkyFilterInlineItemComponent,\n    SkyFilterSummaryComponent,\n    SkyFilterSummaryItemComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyIconModule,\n    SkyListsResourcesModule,\n    SkyTokensModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyFilterButtonComponent,\n    SkyFilterInlineComponent,\n    SkyFilterInlineItemComponent,\n    SkyFilterSummaryComponent,\n    SkyFilterSummaryItemComponent,\n  ],\n}"
             }
           }
         ],
@@ -81,7 +81,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/filter/filter.module.ts",
-            "line": 65,
+            "line": 44,
             "character": 13
           }
         ]
@@ -100,7 +100,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyInfiniteScrollComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyListsResourcesModule,\n    SkyWaitModule\n  ],\n  exports: [\n    SkyInfiniteScrollComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyInfiniteScrollComponent],\n  imports: [CommonModule, SkyListsResourcesModule, SkyWaitModule],\n  exports: [SkyInfiniteScrollComponent],\n}"
             }
           }
         ],
@@ -139,7 +139,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.module.ts",
-            "line": 34,
+            "line": 16,
             "character": 13
           }
         ]
@@ -158,7 +158,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyPagingComponent\n  ],\n    imports: [\n        CommonModule,\n        SkyIconModule,\n        SkyListsResourcesModule,\n        SkyThemeModule\n    ],\n  exports: [\n    SkyPagingComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyPagingComponent],\n  imports: [\n    CommonModule,\n    SkyIconModule,\n    SkyListsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyPagingComponent],\n}"
             }
           }
         ],
@@ -197,7 +197,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/paging/paging.module.ts",
-            "line": 39,
+            "line": 23,
             "character": 13
           }
         ]
@@ -216,7 +216,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyRepeaterComponent,\n    SkyRepeaterItemComponent,\n    SkyRepeaterItemContentComponent,\n    SkyRepeaterItemContextMenuComponent,\n    SkyRepeaterItemTitleComponent\n  ],\n  imports: [\n    CommonModule,\n    DragulaModule,\n    SkyChevronModule,\n    SkyCheckboxModule,\n    SkyIconModule,\n    SkyInlineFormModule,\n    SkyListsResourcesModule\n  ],\n  exports: [\n    SkyRepeaterComponent,\n    SkyRepeaterItemComponent,\n    SkyRepeaterItemContentComponent,\n    SkyRepeaterItemContextMenuComponent,\n    SkyRepeaterItemTitleComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyRepeaterComponent,\n    SkyRepeaterItemComponent,\n    SkyRepeaterItemContentComponent,\n    SkyRepeaterItemContextMenuComponent,\n    SkyRepeaterItemTitleComponent,\n  ],\n  imports: [\n    CommonModule,\n    DragulaModule,\n    SkyChevronModule,\n    SkyCheckboxModule,\n    SkyIconModule,\n    SkyInlineFormModule,\n    SkyListsResourcesModule,\n  ],\n  exports: [\n    SkyRepeaterComponent,\n    SkyRepeaterItemComponent,\n    SkyRepeaterItemContentComponent,\n    SkyRepeaterItemContextMenuComponent,\n    SkyRepeaterItemTitleComponent,\n  ],\n}"
             }
           }
         ],
@@ -255,7 +255,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/repeater/repeater.module.ts",
-            "line": 75,
+            "line": 50,
             "character": 13
           }
         ]
@@ -274,7 +274,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkySortComponent,\n    SkySortItemComponent,\n    SkySortMenuHeadingComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyListsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkySortComponent,\n    SkySortItemComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkySortComponent,\n    SkySortItemComponent,\n    SkySortMenuHeadingComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyListsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkySortComponent, SkySortItemComponent],\n}"
             }
           }
         ],
@@ -313,7 +313,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/sort/sort.module.ts",
-            "line": 60,
+            "line": 37,
             "character": 13
           }
         ]
@@ -332,7 +332,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-filter-button',\n  styleUrls: ['./filter-button.component.scss'],\n  templateUrl: './filter-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-filter-button',\n  styleUrls: ['./filter-button.component.scss'],\n  templateUrl: './filter-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -382,7 +382,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-button.component.ts",
-                "line": 54,
+                "line": 53,
                 "character": 9
               }
             ],
@@ -416,7 +416,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-button.component.ts",
-                "line": 38,
+                "line": 37,
                 "character": 9
               }
             ],
@@ -449,7 +449,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-button.component.ts",
-                "line": 46,
+                "line": 45,
                 "character": 9
               }
             ],
@@ -482,7 +482,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-button.component.ts",
-                "line": 60,
+                "line": 59,
                 "character": 9
               }
             ],
@@ -516,7 +516,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-button.component.ts",
-                "line": 72,
+                "line": 71,
                 "character": 9
               }
             ],
@@ -556,7 +556,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-button.component.ts",
-                "line": 66,
+                "line": 65,
                 "character": 9
               }
             ],
@@ -587,7 +587,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-button.component.ts",
-                "line": 24,
+                "line": 23,
                 "character": 13
               }
             ],
@@ -648,7 +648,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-button.component.ts",
-                "line": 76,
+                "line": 75,
                 "character": 9
               }
             ],
@@ -727,7 +727,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-repeater-item',\n  styleUrls: ['./repeater-item.component.scss'],\n  templateUrl: './repeater-item.component.html',\n  animations: [skyAnimationSlide],\n  encapsulation: ViewEncapsulation.None\n}"
+              "obj": "{\n  selector: 'sky-repeater-item',\n  styleUrls: ['./repeater-item.component.scss'],\n  templateUrl: './repeater-item.component.html',\n  animations: [skyAnimationSlide],\n  encapsulation: ViewEncapsulation.None,\n}"
             }
           }
         ],
@@ -741,7 +741,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 250,
+                "line": 232,
                 "character": 2
               }
             ],
@@ -847,7 +847,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 153,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -874,7 +874,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 177,
+                "line": 159,
                 "character": 9
               }
             ],
@@ -908,7 +908,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 175,
+                "line": 157,
                 "character": 9
               }
             ],
@@ -947,7 +947,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 159,
+                "line": 141,
                 "character": 9
               }
             ],
@@ -974,7 +974,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 179,
+                "line": 161,
                 "character": 9
               }
             ],
@@ -1008,7 +1008,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 166,
+                "line": 148,
                 "character": 9
               }
             ],
@@ -1048,7 +1048,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 82,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -1081,7 +1081,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 89,
+                "line": 71,
                 "character": 9
               }
             ],
@@ -1107,7 +1107,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 181,
+                "line": 163,
                 "character": 9
               }
             ],
@@ -1141,7 +1141,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 172,
+                "line": 154,
                 "character": 9
               }
             ],
@@ -1168,7 +1168,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 200,
+                "line": 182,
                 "character": 9
               }
             ],
@@ -1189,7 +1189,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 202,
+                "line": 184,
                 "character": 9
               }
             ],
@@ -1209,7 +1209,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 204,
+                "line": 186,
                 "character": 9
               }
             ],
@@ -1242,7 +1242,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 126,
+                "line": 108,
                 "character": 9
               }
             ],
@@ -1276,7 +1276,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 132,
+                "line": 114,
                 "character": 9
               }
             ],
@@ -1310,7 +1310,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 139,
+                "line": 121,
                 "character": 9
               }
             ],
@@ -1331,7 +1331,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 206,
+                "line": 188,
                 "character": 9
               }
             ],
@@ -1364,7 +1364,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 147,
+                "line": 129,
                 "character": 9
               }
             ],
@@ -1384,7 +1384,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 183,
+                "line": 165,
                 "character": 13
               }
             ],
@@ -1449,7 +1449,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 96,
+                "line": 78,
                 "character": 13
               }
             ],
@@ -1526,7 +1526,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 110,
+                "line": 92,
                 "character": 13
               }
             ],
@@ -1603,7 +1603,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 209,
+                "line": 191,
                 "character": 6
               }
             ],
@@ -1632,7 +1632,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 314,
+                "line": 297,
                 "character": 9
               }
             ],
@@ -1674,7 +1674,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 308,
+                "line": 291,
                 "character": 9
               }
             ],
@@ -1703,7 +1703,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 358,
+                "line": 343,
                 "character": 9
               }
             ],
@@ -1745,7 +1745,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 291,
+                "line": 274,
                 "character": 9
               }
             ],
@@ -1782,7 +1782,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 296,
+                "line": 279,
                 "character": 9
               }
             ],
@@ -1819,7 +1819,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 278,
+                "line": 261,
                 "character": 9
               }
             ],
@@ -1856,7 +1856,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 350,
+                "line": 335,
                 "character": 9
               }
             ],
@@ -1898,7 +1898,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 354,
+                "line": 339,
                 "character": 9
               }
             ],
@@ -1940,7 +1940,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 430,
+                "line": 416,
                 "character": 9
               }
             ],
@@ -1982,7 +1982,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 423,
+                "line": 409,
                 "character": 9
               }
             ],
@@ -2024,7 +2024,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 365,
+                "line": 350,
                 "character": 9
               }
             ],
@@ -2066,7 +2066,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 318,
+                "line": 301,
                 "character": 9
               }
             ],
@@ -2108,7 +2108,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-                "line": 329,
+                "line": 314,
                 "character": 9
               }
             ],
@@ -2216,7 +2216,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/repeater/repeater-item.component.ts",
-            "line": 74,
+            "line": 55,
             "character": 13
           }
         ],
@@ -2252,7 +2252,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-repeater',\n  styleUrls: ['./repeater.component.scss'],\n  templateUrl: './repeater.component.html',\n  providers: [SkyRepeaterService, SkyRepeaterAdapterService],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-repeater',\n  styleUrls: ['./repeater.component.scss'],\n  templateUrl: './repeater.component.html',\n  providers: [SkyRepeaterService, SkyRepeaterAdapterService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2266,7 +2266,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 136,
+                "line": 125,
                 "character": 2
               }
             ],
@@ -2383,7 +2383,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 63,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -2416,7 +2416,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 116,
+                "line": 105,
                 "character": 9
               }
             ],
@@ -2462,7 +2462,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 72,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -2482,7 +2482,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 128,
+                "line": 117,
                 "character": 9
               }
             ],
@@ -2514,7 +2514,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 126,
+                "line": 115,
                 "character": 9
               }
             ],
@@ -2554,7 +2554,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 123,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -2597,7 +2597,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 80,
+                "line": 69,
                 "character": 9
               }
             ],
@@ -2628,7 +2628,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 102,
+                "line": 91,
                 "character": 13
               }
             ],
@@ -2695,7 +2695,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 180,
+                "line": 175,
                 "character": 9
               }
             ],
@@ -2732,7 +2732,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 218,
+                "line": 213,
                 "character": 9
               }
             ],
@@ -2782,7 +2782,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-                "line": 239,
+                "line": 233,
                 "character": 9
               }
             ],
@@ -2850,7 +2850,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/repeater/repeater.component.ts",
-            "line": 54,
+            "line": 42,
             "character": 13
           }
         ],
@@ -2886,7 +2886,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-repeater-item-title',\n  templateUrl: './repeater-item-title.component.html'\n}"
+              "obj": "{\n  selector: 'sky-repeater-item-title',\n  templateUrl: './repeater-item-title.component.html',\n}"
             }
           }
         ],
@@ -2925,7 +2925,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/repeater/repeater-item-title.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -2944,7 +2944,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-sort-item',\n  styleUrls: ['./sort-item.component.scss'],\n  templateUrl: './sort-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-sort-item',\n  styleUrls: ['./sort-item.component.scss'],\n  templateUrl: './sort-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2958,7 +2958,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort-item.component.ts",
-                "line": 53,
+                "line": 49,
                 "character": 2
               }
             ],
@@ -3025,7 +3025,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort-item.component.ts",
-                "line": 39,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -3045,7 +3045,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort-item.component.ts",
-                "line": 47,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -3085,7 +3085,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort-item.component.ts",
-                "line": 45,
+                "line": 39,
                 "character": 9
               }
             ],
@@ -3112,7 +3112,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort-item.component.ts",
-                "line": 77,
+                "line": 80,
                 "character": 9
               }
             ],
@@ -3191,7 +3191,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort-item.component.ts",
-                "line": 82,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -3228,7 +3228,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort-item.component.ts",
-                "line": 55,
+                "line": 54,
                 "character": 9
               }
             ],
@@ -3286,7 +3286,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/sort/sort-item.component.ts",
-            "line": 33,
+            "line": 28,
             "character": 13
           }
         ],
@@ -3319,7 +3319,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-sort',\n  styleUrls: ['./sort.component.scss'],\n  templateUrl: './sort.component.html',\n  providers: [\n    SkySortService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-sort',\n  styleUrls: ['./sort.component.scss'],\n  templateUrl: './sort.component.html',\n  providers: [SkySortService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -3356,7 +3356,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort.component.ts",
-                "line": 37,
+                "line": 27,
                 "character": 9
               }
             ],
@@ -3396,7 +3396,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort.component.ts",
-                "line": 35,
+                "line": 25,
                 "character": 9
               }
             ],
@@ -3417,7 +3417,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/sort/sort.component.ts",
-                "line": 39,
+                "line": 29,
                 "character": 9
               }
             ],
@@ -3463,7 +3463,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/sort/sort.component.ts",
-            "line": 29,
+            "line": 20,
             "character": 13
           }
         ]
@@ -3485,7 +3485,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-filter-inline',\n  styleUrls: ['./filter-inline.component.scss'],\n  templateUrl: './filter-inline.component.html'\n}"
+              "obj": "{\n  selector: 'sky-filter-inline',\n  styleUrls: ['./filter-inline.component.scss'],\n  templateUrl: './filter-inline.component.html',\n}"
             }
           }
         ],
@@ -3524,7 +3524,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/filter/filter-inline.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -3546,7 +3546,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-filter-inline-item',\n  styleUrls: ['./filter-inline-item.component.scss'],\n  templateUrl: './filter-inline-item.component.html'\n}"
+              "obj": "{\n  selector: 'sky-filter-inline-item',\n  styleUrls: ['./filter-inline-item.component.scss'],\n  templateUrl: './filter-inline-item.component.html',\n}"
             }
           }
         ],
@@ -3585,7 +3585,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/filter/filter-inline-item.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -3607,7 +3607,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-filter-summary-item',\n  styleUrls: ['./filter-summary-item.component.scss'],\n  templateUrl: './filter-summary-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-filter-summary-item',\n  styleUrls: ['./filter-summary-item.component.scss'],\n  templateUrl: './filter-summary-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -3657,7 +3657,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-summary-item.component.ts",
-                "line": 30,
+                "line": 29,
                 "character": 9
               }
             ],
@@ -3697,7 +3697,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-summary-item.component.ts",
-                "line": 24,
+                "line": 23,
                 "character": 9
               }
             ],
@@ -3731,7 +3731,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-summary-item.component.ts",
-                "line": 36,
+                "line": 35,
                 "character": 9
               }
             ],
@@ -3758,7 +3758,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-summary-item.component.ts",
-                "line": 42,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -3787,7 +3787,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-summary-item.component.ts",
-                "line": 38,
+                "line": 37,
                 "character": 9
               }
             ],
@@ -3816,7 +3816,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/filter/filter-summary-item.component.ts",
-                "line": 46,
+                "line": 45,
                 "character": 9
               }
             ],
@@ -3887,7 +3887,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-filter-summary',\n  styleUrls: ['./filter-summary.component.scss'],\n  templateUrl: './filter-summary.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-filter-summary',\n  styleUrls: ['./filter-summary.component.scss'],\n  templateUrl: './filter-summary.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -3926,7 +3926,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/filter/filter-summary.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -3945,7 +3945,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-infinite-scroll',\n  templateUrl: './infinite-scroll.component.html',\n  styleUrls: ['./infinite-scroll.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    SkyInfiniteScrollDomAdapterService\n  ]\n}"
+              "obj": "{\n  selector: 'sky-infinite-scroll',\n  templateUrl: './infinite-scroll.component.html',\n  styleUrls: ['./infinite-scroll.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyInfiniteScrollDomAdapterService],\n}"
             }
           }
         ],
@@ -3959,7 +3959,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.component.ts",
-                "line": 90,
+                "line": 81,
                 "character": 2
               }
             ],
@@ -4030,7 +4030,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.component.ts",
-                "line": 82,
+                "line": 73,
                 "character": 9
               }
             ],
@@ -4064,7 +4064,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.component.ts",
-                "line": 80,
+                "line": 71,
                 "character": 9
               }
             ],
@@ -4101,7 +4101,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.component.ts",
-                "line": 41,
+                "line": 32,
                 "character": 13
               }
             ],
@@ -4178,7 +4178,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.component.ts",
-                "line": 62,
+                "line": 53,
                 "character": 13
               }
             ],
@@ -4245,7 +4245,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.component.ts",
-                "line": 96,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -4282,7 +4282,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.component.ts",
-                "line": 102,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -4337,7 +4337,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/infinite-scroll/infinite-scroll.component.ts",
-            "line": 33,
+            "line": 25,
             "character": 13
           }
         ],
@@ -4362,7 +4362,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-paging',\n  templateUrl: './paging.component.html',\n  styleUrls: ['./paging.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-paging',\n  templateUrl: './paging.component.html',\n  styleUrls: ['./paging.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -4412,7 +4412,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 23,
+                "line": 22,
                 "character": 9
               }
             ],
@@ -4446,7 +4446,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 57,
+                "line": 56,
                 "character": 9
               }
             ],
@@ -4473,7 +4473,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 59,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -4510,7 +4510,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 29,
+                "line": 28,
                 "character": 9
               }
             ],
@@ -4544,7 +4544,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 35,
+                "line": 34,
                 "character": 9
               }
             ],
@@ -4565,7 +4565,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 61,
+                "line": 60,
                 "character": 9
               }
             ],
@@ -4599,7 +4599,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 41,
+                "line": 40,
                 "character": 9
               }
             ],
@@ -4639,7 +4639,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 51,
+                "line": 50,
                 "character": 9
               }
             ],
@@ -4659,7 +4659,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 100,
+                "line": 98,
                 "character": 13
               }
             ],
@@ -4688,7 +4688,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 96,
+                "line": 94,
                 "character": 13
               }
             ],
@@ -4717,7 +4717,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 88,
+                "line": 86,
                 "character": 9
               }
             ],
@@ -4746,7 +4746,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 63,
+                "line": 62,
                 "character": 9
               }
             ],
@@ -4796,7 +4796,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 92,
+                "line": 90,
                 "character": 9
               }
             ],
@@ -4825,7 +4825,7 @@
             "sources": [
               {
                 "fileName": "projects/lists/src/modules/paging/paging.component.ts",
-                "line": 67,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -4929,7 +4929,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-repeater-item-content',\n  templateUrl: './repeater-item-content.component.html'\n}"
+              "obj": "{\n  selector: 'sky-repeater-item-content',\n  templateUrl: './repeater-item-content.component.html',\n}"
             }
           }
         ],
@@ -4968,7 +4968,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/repeater/repeater-item-content.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -4990,7 +4990,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-repeater-item-context-menu',\n  templateUrl: './repeater-item-context-menu.component.html'\n}"
+              "obj": "{\n  selector: 'sky-repeater-item-context-menu',\n  templateUrl: './repeater-item-context-menu.component.html',\n}"
             }
           }
         ],
@@ -5029,7 +5029,7 @@
         "sources": [
           {
             "fileName": "projects/lists/src/modules/repeater/repeater-item-context-menu.component.ts",
-            "line": 15,
+            "line": 13,
             "character": 13
           }
         ]
@@ -5071,100 +5071,105 @@
     ]
   },
   "codeExamples": [
+    {
+      "fileName": ".eslintrc.json",
+      "filePath": "/projects/lists/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": "filter-demo.component.html",
       "filePath": "/projects/lists/documentation/code-examples/filter/inline/filter-demo.component.html",
-      "rawContents": "<sky-toolbar>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-filter-button\n        [active]=\"filtersActive\"\n        [ariaControls]=\"inlineFilters.id\"\n        [ariaExpanded]=\"showInlineFilters\"\n        [showButtonText]=\"true\"\n        (filterButtonClick)=\"filterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n  </sky-toolbar-section>\n</sky-toolbar>\n\n<div\n  skyId\n  [hidden]=\"!showInlineFilters\"\n  #inlineFilters\n>\n  <sky-filter-inline>\n    <sky-filter-inline-item>\n      <label\n        class=\"sky-control-label sky-margin-inline-default\"\n        [for]=\"fruitInput.id\"\n      >\n        Fruit type\n      </label>\n      <select\n        skyId\n        [ngModel]=\"fruitType\"\n        (ngModelChange)=\"fruitTypeChange($event)\"\n        #fruitInput\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    </sky-filter-inline-item>\n    <sky-filter-inline-item>\n      <sky-checkbox\n        [ngModel]=\"hideOrange\"\n        (ngModelChange)=\"hideOrangeChange($event)\"\n      >\n        <sky-checkbox-label>\n          Hide orange fruits\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-filter-inline-item>\n  </sky-filter-inline>\n</div>\n\n<sky-repeater\n  expandMode=\"none\"\n>\n  <sky-repeater-item *ngFor=\"let item of filteredItems\">\n    <sky-repeater-item-title>\n      {{item.name}}\n    </sky-repeater-item-title>\n  </sky-repeater-item>\n</sky-repeater>\n"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-filter-button\n        [active]=\"filtersActive\"\n        [ariaControls]=\"inlineFilters.id\"\n        [ariaExpanded]=\"showInlineFilters\"\n        [showButtonText]=\"true\"\n        (filterButtonClick)=\"filterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n  </sky-toolbar-section>\n</sky-toolbar>\n\n<div skyId [hidden]=\"!showInlineFilters\" #inlineFilters>\n  <sky-filter-inline>\n    <sky-filter-inline-item>\n      <label\n        class=\"sky-control-label sky-margin-inline-default\"\n        [for]=\"fruitInput.id\"\n      >\n        Fruit type\n      </label>\n      <select\n        skyId\n        [ngModel]=\"fruitType\"\n        (ngModelChange)=\"fruitTypeChange($event)\"\n        #fruitInput\n      >\n        <option value=\"any\">Any fruit</option>\n        <option value=\"citrus\">Citrus</option>\n        <option value=\"berry\">Berry</option>\n      </select>\n    </sky-filter-inline-item>\n    <sky-filter-inline-item>\n      <sky-checkbox\n        [ngModel]=\"hideOrange\"\n        (ngModelChange)=\"hideOrangeChange($event)\"\n      >\n        <sky-checkbox-label> Hide orange fruits </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-filter-inline-item>\n  </sky-filter-inline>\n</div>\n\n<sky-repeater expandMode=\"none\">\n  <sky-repeater-item *ngFor=\"let item of filteredItems\">\n    <sky-repeater-item-title>\n      {{ item.name }}\n    </sky-repeater-item-title>\n  </sky-repeater-item>\n</sky-repeater>\n"
     },
     {
       "fileName": "filter-demo.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/filter/inline/filter-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-filter-demo',\n  templateUrl: './filter-demo.component.html'\n})\nexport class FilterDemoComponent {\n\n  public appliedFilters: any[] = [];\n\n  public filteredItems: any[];\n\n  public filtersActive: boolean = false;\n\n  public fruitType: string = 'any';\n\n  public hideOrange: boolean = false;\n\n  public items: any[] = [\n    {\n      name: 'Orange',\n      type: 'citrus',\n      color: 'orange'\n    },\n    {\n      name: 'Mango',\n      type: 'other',\n      color: 'orange'\n    },\n    {\n      name: 'Lime',\n      type: 'citrus',\n      color: 'green'\n    },\n    {\n      name: 'Strawberry',\n      type: 'berry',\n      color: 'red'\n    },\n    {\n      name: 'Blueberry',\n      type: 'berry',\n      color: 'blue'\n    }\n  ];\n\n  public showInlineFilters: boolean = false;\n\n  constructor() {\n    this.filteredItems = this.items.slice();\n  }\n\n  public filterButtonClicked(): void {\n    this.showInlineFilters = !this.showInlineFilters;\n  }\n\n  public fruitTypeChange(newValue: string): void {\n    this.fruitType = newValue;\n    this.setFilterActiveState();\n  }\n\n  public hideOrangeChange(newValue: boolean): void {\n    this.hideOrange = newValue;\n    this.setFilterActiveState();\n  }\n\n  private setFilterActiveState(): void {\n    this.appliedFilters = [];\n    if (this.fruitType !== 'any') {\n      this.appliedFilters.push({\n        name: 'fruitType',\n        value: this.fruitType\n      });\n    }\n    if (this.hideOrange) {\n      this.appliedFilters.push({\n        name: 'hideOrange',\n        value: true\n      });\n    }\n    this.filtersActive = this.appliedFilters.length > 0;\n\n    this.filteredItems = this.filterItems(this.items, this.appliedFilters);\n  }\n\n  private orangeFilterFailed(filter: any, item: any): any {\n    return filter.name === 'hideOrange' && filter.value && item.color === 'orange';\n  }\n\n  private fruitTypeFilterFailed(filter: any, item: any): any {\n    return filter.name === 'fruitType' && filter.value !== 'any' && filter.value !== item.type;\n  }\n\n  private itemIsShown(filters: any[], item: any[]): boolean {\n    let passesFilter = true,\n        j: number;\n\n    for (j = 0; j < filters.length; j++) {\n      if (this.orangeFilterFailed(filters[j], item)) {\n        passesFilter = false;\n      } else if (this.fruitTypeFilterFailed(filters[j], item)) {\n        passesFilter = false;\n      }\n    }\n\n    return passesFilter;\n  }\n\n  private filterItems(items: any[], filters: any[]): any[] {\n      let i: number,\n          passesFilter: boolean,\n          result: any[] = [];\n\n      for (i = 0; i < items.length; i++) {\n        passesFilter = this.itemIsShown(filters, items[i]);\n        if (passesFilter) {\n          result.push(items[i]);\n        }\n      }\n\n      return result;\n  }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-filter-demo',\n  templateUrl: './filter-demo.component.html',\n})\nexport class FilterDemoComponent {\n  public appliedFilters: any[] = [];\n\n  public filteredItems: any[];\n\n  public filtersActive: boolean = false;\n\n  public fruitType: string = 'any';\n\n  public hideOrange: boolean = false;\n\n  public items: any[] = [\n    {\n      name: 'Orange',\n      type: 'citrus',\n      color: 'orange',\n    },\n    {\n      name: 'Mango',\n      type: 'other',\n      color: 'orange',\n    },\n    {\n      name: 'Lime',\n      type: 'citrus',\n      color: 'green',\n    },\n    {\n      name: 'Strawberry',\n      type: 'berry',\n      color: 'red',\n    },\n    {\n      name: 'Blueberry',\n      type: 'berry',\n      color: 'blue',\n    },\n  ];\n\n  public showInlineFilters: boolean = false;\n\n  constructor() {\n    this.filteredItems = this.items.slice();\n  }\n\n  public filterButtonClicked(): void {\n    this.showInlineFilters = !this.showInlineFilters;\n  }\n\n  public fruitTypeChange(newValue: string): void {\n    this.fruitType = newValue;\n    this.setFilterActiveState();\n  }\n\n  public hideOrangeChange(newValue: boolean): void {\n    this.hideOrange = newValue;\n    this.setFilterActiveState();\n  }\n\n  private setFilterActiveState(): void {\n    this.appliedFilters = [];\n    if (this.fruitType !== 'any') {\n      this.appliedFilters.push({\n        name: 'fruitType',\n        value: this.fruitType,\n      });\n    }\n    if (this.hideOrange) {\n      this.appliedFilters.push({\n        name: 'hideOrange',\n        value: true,\n      });\n    }\n    this.filtersActive = this.appliedFilters.length > 0;\n\n    this.filteredItems = this.filterItems(this.items, this.appliedFilters);\n  }\n\n  private orangeFilterFailed(filter: any, item: any): any {\n    return (\n      filter.name === 'hideOrange' && filter.value && item.color === 'orange'\n    );\n  }\n\n  private fruitTypeFilterFailed(filter: any, item: any): any {\n    return (\n      filter.name === 'fruitType' &&\n      filter.value !== 'any' &&\n      filter.value !== item.type\n    );\n  }\n\n  private itemIsShown(filters: any[], item: any[]): boolean {\n    let passesFilter = true,\n      j: number;\n\n    for (j = 0; j < filters.length; j++) {\n      if (this.orangeFilterFailed(filters[j], item)) {\n        passesFilter = false;\n      } else if (this.fruitTypeFilterFailed(filters[j], item)) {\n        passesFilter = false;\n      }\n    }\n\n    return passesFilter;\n  }\n\n  private filterItems(items: any[], filters: any[]): any[] {\n    let i: number,\n      passesFilter: boolean,\n      result: any[] = [];\n\n    for (i = 0; i < items.length; i++) {\n      passesFilter = this.itemIsShown(filters, items[i]);\n      if (passesFilter) {\n        result.push(items[i]);\n      }\n    }\n\n    return result;\n  }\n}\n"
     },
     {
       "fileName": "filter-demo.module.ts",
       "filePath": "/projects/lists/documentation/code-examples/filter/inline/filter-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  SkyToolbarModule\n} from '@skyux/layout';\n\nimport {\n  SkyFilterModule,\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  FilterDemoComponent\n} from './filter-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyIdModule,\n    SkyFilterModule,\n    SkyRepeaterModule,\n    SkyToolbarModule\n  ],\n  declarations: [\n    FilterDemoComponent\n  ],\n  exports: [\n    FilterDemoComponent\n  ]\n})\nexport class FilterDemoModule { }\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 { SkyToolbarModule } from '@skyux/layout';\n\nimport { SkyFilterModule, SkyRepeaterModule } from '@skyux/lists';\n\nimport { FilterDemoComponent } from './filter-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyIdModule,\n    SkyFilterModule,\n    SkyRepeaterModule,\n    SkyToolbarModule,\n  ],\n  declarations: [FilterDemoComponent],\n  exports: [FilterDemoComponent],\n})\nexport class FilterDemoModule {}\n"
     },
     {
       "fileName": "filter-demo-modal-context.ts",
       "filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-demo-modal-context.ts",
-      "rawContents": "export class FilterDemoModalContext {\n\n  public appliedFilters: any[];\n\n}\n"
+      "rawContents": "export class FilterDemoModalContext {\n  public appliedFilters: any[];\n}\n"
     },
     {
       "fileName": "filter-demo-modal.component.html",
       "filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-demo-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    Food preferences\n  </sky-modal-header>\n  <sky-modal-content>\n    <label\n      class=\"sky-control-label\"\n      [for]=\"fruitInput.id\"\n    >\n      Fruit type\n    </label>\n    <select\n      class=\"sky-form-control\"\n      skyId\n      [(ngModel)]=\"fruitType\"\n      #fruitInput\n    >\n      <option value=\"any\">\n        Any fruit\n      </option>\n      <option value=\"citrus\">\n        Citrus\n      </option>\n      <option value=\"berry\">\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 filters\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> Food preferences </sky-modal-header>\n  <sky-modal-content>\n    <label class=\"sky-control-label\" [for]=\"fruitInput.id\"> Fruit type </label>\n    <select class=\"sky-form-control\" skyId [(ngModel)]=\"fruitType\" #fruitInput>\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 filters\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": "filter-demo-modal.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-demo-modal.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyModalInstance\n} from '@skyux/modals';\n\nimport {\n  FilterDemoModalContext\n} from './filter-demo-modal-context';\n\n@Component({\n  selector: 'app-filter-demo-modal',\n  templateUrl: './filter-demo-modal.component.html'\n})\nexport class FilterDemoModalComponent {\n\n  public hideOrange: boolean;\n\n  public fruitType = 'any';\n\n  constructor(\n    public context: FilterDemoModalContext,\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 getAppliedFiltersArray(): any[] {\n    let appliedFilters: any[] = [];\n    if (this.fruitType !== 'any') {\n      appliedFilters.push({\n        name: 'fruitType',\n        value: this.fruitType,\n        label: this.fruitType\n      });\n    }\n\n    if (this.hideOrange) {\n      appliedFilters.push({\n        name: 'hideOrange',\n        value: true,\n        label: 'hide orange fruits'\n      });\n    }\n\n    return appliedFilters;\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 { SkyModalInstance } from '@skyux/modals';\n\nimport { FilterDemoModalContext } from './filter-demo-modal-context';\n\n@Component({\n  selector: 'app-filter-demo-modal',\n  templateUrl: './filter-demo-modal.component.html',\n})\nexport class FilterDemoModalComponent {\n  public hideOrange: boolean;\n\n  public fruitType = 'any';\n\n  constructor(\n    public context: FilterDemoModalContext,\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 getAppliedFiltersArray(): any[] {\n    let appliedFilters: any[] = [];\n    if (this.fruitType !== 'any') {\n      appliedFilters.push({\n        name: 'fruitType',\n        value: this.fruitType,\n        label: this.fruitType,\n      });\n    }\n\n    if (this.hideOrange) {\n      appliedFilters.push({\n        name: 'hideOrange',\n        value: true,\n        label: 'hide orange fruits',\n      });\n    }\n\n    return appliedFilters;\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": "filter-demo.component.html",
       "filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-demo.component.html",
-      "rawContents": "<sky-toolbar>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-filter-button\n        [showButtonText]=\"true\"\n        (filterButtonClick)=\"onModalFilterButtonClick()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n  </sky-toolbar-section>\n  <sky-toolbar-section *ngIf=\"appliedFilters && appliedFilters.length > 0\">\n    <sky-filter-summary>\n      <sky-filter-summary-item *ngFor=\"let item of appliedFilters; let i = index\"\n        (dismiss)=\"onDismiss(i)\"\n      >\n        {{item.label}}\n      </sky-filter-summary-item>\n    </sky-filter-summary>\n  </sky-toolbar-section>\n</sky-toolbar>\n<sky-repeater\n  expandMode=\"none\"\n>\n  <sky-repeater-item *ngFor=\"let item of filteredItems\">\n    <sky-repeater-item-title>\n      {{item.name}}\n    </sky-repeater-item-title>\n  </sky-repeater-item>\n</sky-repeater>\n"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-filter-button\n        [showButtonText]=\"true\"\n        (filterButtonClick)=\"onModalFilterButtonClick()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n  </sky-toolbar-section>\n  <sky-toolbar-section *ngIf=\"appliedFilters && appliedFilters.length > 0\">\n    <sky-filter-summary>\n      <sky-filter-summary-item\n        *ngFor=\"let item of appliedFilters; let i = index\"\n        (dismiss)=\"onDismiss(i)\"\n      >\n        {{ item.label }}\n      </sky-filter-summary-item>\n    </sky-filter-summary>\n  </sky-toolbar-section>\n</sky-toolbar>\n<sky-repeater expandMode=\"none\">\n  <sky-repeater-item *ngFor=\"let item of filteredItems\">\n    <sky-repeater-item-title>\n      {{ item.name }}\n    </sky-repeater-item-title>\n  </sky-repeater-item>\n</sky-repeater>\n"
     },
     {
       "fileName": "filter-demo.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component\n} from '@angular/core';\n\nimport {\n  SkyModalCloseArgs,\n  SkyModalService\n} from '@skyux/modals';\n\nimport {\n  FilterDemoModalContext\n} from './filter-demo-modal-context';\n\nimport {\n  FilterDemoModalComponent\n} from './filter-demo-modal.component';\n\n@Component({\n  selector: 'app-filter-demo',\n  templateUrl: './filter-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FilterDemoComponent {\n\n  public appliedFilters: any[] = [];\n\n  public filteredItems: any[];\n\n  public items: any[] = [\n    {\n      name: 'Orange',\n      type: 'citrus',\n      color: 'orange'\n    },\n    {\n      name: 'Mango',\n      type: 'other',\n      color: 'orange'\n    },\n    {\n      name: 'Lime',\n      type: 'citrus',\n      color: 'green'\n    },\n    {\n      name: 'Strawberry',\n      type: 'berry',\n      color: 'red'\n    },\n    {\n      name: 'Blueberry',\n      type: 'berry',\n      color: 'blue'\n    }\n  ];\n\n  public showInlineFilters: boolean = false;\n\n  constructor(\n    private modal: SkyModalService,\n    private changeRef: ChangeDetectorRef\n  ) {\n    this.filteredItems = this.items.slice();\n  }\n\n  public onDismiss(index: number): void {\n    this.appliedFilters.splice(index, 1);\n    this.filteredItems = this.filterItems(this.items, this.appliedFilters);\n  }\n\n  public onInlineFilterButtonClicked(): void {\n    this.showInlineFilters = !this.showInlineFilters;\n  }\n\n  public onModalFilterButtonClick(): void {\n    let modalInstance = this.modal.open(\n      FilterDemoModalComponent,\n      [{\n        provide: FilterDemoModalContext,\n        useValue: {\n          appliedFilters: this.appliedFilters\n        }\n      }]\n    );\n\n    modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'save') {\n        this.appliedFilters = result.data.slice();\n        this.filteredItems = this.filterItems(this.items, this.appliedFilters);\n        this.changeRef.markForCheck();\n      }\n    });\n  }\n\n  private fruitTypeFilterFailed(filter: any, item: any): boolean {\n    return filter.name === 'fruitType' && filter.value !== 'any' && filter.value !== item.type;\n  }\n\n  private itemIsShown(filters: any[], item: any[]): boolean {\n    let passesFilter = true,\n        j: number;\n\n    for (j = 0; j < filters.length; j++) {\n      if (this.orangeFilterFailed(filters[j], item)) {\n        passesFilter = false;\n      } else if (this.fruitTypeFilterFailed(filters[j], item)) {\n        passesFilter = false;\n      }\n    }\n\n    return passesFilter;\n  }\n\n  private filterItems(items: any[], filters: any[]): any[] {\n    let i: number,\n      passesFilter: boolean,\n      result: any[] = [];\n\n    for (i = 0; i < items.length; i++) {\n      passesFilter = this.itemIsShown(filters, items[i]);\n      if (passesFilter) {\n        result.push(items[i]);\n      }\n    }\n\n    return result;\n  }\n\n  private orangeFilterFailed(filter: any, item: any): boolean {\n    return filter.name === 'hideOrange' && filter.value && item.color === 'orange';\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\n\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { FilterDemoModalContext } from './filter-demo-modal-context';\n\nimport { FilterDemoModalComponent } from './filter-demo-modal.component';\n\n@Component({\n  selector: 'app-filter-demo',\n  templateUrl: './filter-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FilterDemoComponent {\n  public appliedFilters: any[] = [];\n\n  public filteredItems: any[];\n\n  public items: any[] = [\n    {\n      name: 'Orange',\n      type: 'citrus',\n      color: 'orange',\n    },\n    {\n      name: 'Mango',\n      type: 'other',\n      color: 'orange',\n    },\n    {\n      name: 'Lime',\n      type: 'citrus',\n      color: 'green',\n    },\n    {\n      name: 'Strawberry',\n      type: 'berry',\n      color: 'red',\n    },\n    {\n      name: 'Blueberry',\n      type: 'berry',\n      color: 'blue',\n    },\n  ];\n\n  public showInlineFilters: boolean = false;\n\n  constructor(\n    private modal: SkyModalService,\n    private changeRef: ChangeDetectorRef\n  ) {\n    this.filteredItems = this.items.slice();\n  }\n\n  public onDismiss(index: number): void {\n    this.appliedFilters.splice(index, 1);\n    this.filteredItems = this.filterItems(this.items, this.appliedFilters);\n  }\n\n  public onInlineFilterButtonClicked(): void {\n    this.showInlineFilters = !this.showInlineFilters;\n  }\n\n  public onModalFilterButtonClick(): void {\n    let modalInstance = this.modal.open(FilterDemoModalComponent, [\n      {\n        provide: FilterDemoModalContext,\n        useValue: {\n          appliedFilters: this.appliedFilters,\n        },\n      },\n    ]);\n\n    modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'save') {\n        this.appliedFilters = result.data.slice();\n        this.filteredItems = this.filterItems(this.items, this.appliedFilters);\n        this.changeRef.markForCheck();\n      }\n    });\n  }\n\n  private fruitTypeFilterFailed(filter: any, item: any): boolean {\n    return (\n      filter.name === 'fruitType' &&\n      filter.value !== 'any' &&\n      filter.value !== item.type\n    );\n  }\n\n  private itemIsShown(filters: any[], item: any[]): boolean {\n    let passesFilter = true,\n      j: number;\n\n    for (j = 0; j < filters.length; j++) {\n      if (this.orangeFilterFailed(filters[j], item)) {\n        passesFilter = false;\n      } else if (this.fruitTypeFilterFailed(filters[j], item)) {\n        passesFilter = false;\n      }\n    }\n\n    return passesFilter;\n  }\n\n  private filterItems(items: any[], filters: any[]): any[] {\n    let i: number,\n      passesFilter: boolean,\n      result: any[] = [];\n\n    for (i = 0; i < items.length; i++) {\n      passesFilter = this.itemIsShown(filters, items[i]);\n      if (passesFilter) {\n        result.push(items[i]);\n      }\n    }\n\n    return result;\n  }\n\n  private orangeFilterFailed(filter: any, item: any): boolean {\n    return (\n      filter.name === 'hideOrange' && filter.value && item.color === 'orange'\n    );\n  }\n}\n"
     },
     {
       "fileName": "filter-demo.module.ts",
       "filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-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  SkyToolbarModule\n} from '@skyux/layout';\n\nimport {\n  SkyFilterModule,\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  SkyModalModule\n} from '@skyux/modals';\n\nimport {\n  FilterDemoComponent\n} from './filter-demo.component';\n\nimport {\n  FilterDemoModalComponent\n} from './filter-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyIdModule,\n    SkyCheckboxModule,\n    SkyFilterModule,\n    SkyModalModule,\n    SkyRepeaterModule,\n    SkyToolbarModule\n  ],\n  declarations: [\n    FilterDemoComponent,\n    FilterDemoModalComponent\n  ],\n  entryComponents: [\n    FilterDemoModalComponent\n  ],\n  exports: [\n    FilterDemoComponent\n  ]\n})\nexport class FilterDemoModule { }\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 { SkyToolbarModule } from '@skyux/layout';\n\nimport { SkyFilterModule, SkyRepeaterModule } from '@skyux/lists';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { FilterDemoComponent } from './filter-demo.component';\n\nimport { FilterDemoModalComponent } from './filter-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyIdModule,\n    SkyCheckboxModule,\n    SkyFilterModule,\n    SkyModalModule,\n    SkyRepeaterModule,\n    SkyToolbarModule,\n  ],\n  declarations: [FilterDemoComponent, FilterDemoModalComponent],\n  entryComponents: [FilterDemoModalComponent],\n  exports: [FilterDemoComponent],\n})\nexport class FilterDemoModule {}\n"
     },
     {
       "fileName": "infinite-scroll-demo.component.html",
       "filePath": "/projects/lists/documentation/code-examples/infinite-scroll/list/infinite-scroll-demo.component.html",
-      "rawContents": "<div\n  style=\"overflow-y: auto; max-height: 400px; position: relative;\"\n>\n  <sky-list\n    [data]=\"items\"\n  >\n    <sky-list-view-grid\n      fit=\"scroll\"\n    >\n      <sky-grid-column\n        field=\"name\"\n        heading=\"Name\"\n      ></sky-grid-column>\n    </sky-list-view-grid>\n  </sky-list>\n  <sky-infinite-scroll\n    [enabled]=\"itemsHaveMore\"\n    (scrollEnd)=\"onScrollEnd()\"\n  >\n  </sky-infinite-scroll>\n</div>\n<br>\n<br>\n"
+      "rawContents": "<div style=\"overflow-y: auto; max-height: 400px; position: relative\">\n  <sky-list [data]=\"items\">\n    <sky-list-view-grid fit=\"scroll\">\n      <sky-grid-column field=\"name\" heading=\"Name\"></sky-grid-column>\n    </sky-list-view-grid>\n  </sky-list>\n  <sky-infinite-scroll [enabled]=\"itemsHaveMore\" (scrollEnd)=\"onScrollEnd()\">\n  </sky-infinite-scroll>\n</div>\n<br />\n<br />\n"
     },
     {
       "fileName": "infinite-scroll-demo.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/infinite-scroll/list/infinite-scroll-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  BehaviorSubject\n} from 'rxjs';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'app-infinite-scroll-demo',\n  templateUrl: './infinite-scroll-demo.component.html'\n})\nexport class InfiniteScrollDemoComponent implements OnInit {\n\n  public itemsHaveMore = true;\n\n  public items = new BehaviorSubject<any[]>([]);\n\n  private _items: any[] = [];\n\n  public ngOnInit(): void {\n    this.addData();\n  }\n\n  public onScrollEnd(): void {\n    if (this.itemsHaveMore) {\n      this.addData();\n    }\n  }\n\n  private addData(): void {\n    this.mockRemote().then((result: any) => {\n      this._items = this._items.concat(result.data);\n      this.items.next(this._items);\n      this.itemsHaveMore = result.hasMore;\n    });\n  }\n\n  private mockRemote(): Promise<any> {\n    const data: any[] = [];\n\n    for (let i = 0; i < 8; i++) {\n      data.push({\n        name: `List item #${++nextId}`\n      });\n    }\n\n    // Simulate async request.\n    return new Promise((resolve: any) => {\n      setTimeout(() => {\n        resolve({\n          data,\n          hasMore: (nextId < 50)\n        });\n      }, 1000);\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { BehaviorSubject } from 'rxjs';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'app-infinite-scroll-demo',\n  templateUrl: './infinite-scroll-demo.component.html',\n})\nexport class InfiniteScrollDemoComponent implements OnInit {\n  public itemsHaveMore = true;\n\n  public items = new BehaviorSubject<any[]>([]);\n\n  private _items: any[] = [];\n\n  public ngOnInit(): void {\n    this.addData();\n  }\n\n  public onScrollEnd(): void {\n    if (this.itemsHaveMore) {\n      this.addData();\n    }\n  }\n\n  private addData(): void {\n    this.mockRemote().then((result: any) => {\n      this._items = this._items.concat(result.data);\n      this.items.next(this._items);\n      this.itemsHaveMore = result.hasMore;\n    });\n  }\n\n  private mockRemote(): Promise<any> {\n    const data: any[] = [];\n\n    for (let i = 0; i < 8; i++) {\n      data.push({\n        name: `List item #${++nextId}`,\n      });\n    }\n\n    // Simulate async request.\n    return new Promise((resolve: any) => {\n      setTimeout(() => {\n        resolve({\n          data,\n          hasMore: nextId < 50,\n        });\n      }, 1000);\n    });\n  }\n}\n"
     },
     {
       "fileName": "infinite-scroll-demo.module.ts",
       "filePath": "/projects/lists/documentation/code-examples/infinite-scroll/list/infinite-scroll-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyBackToTopModule\n} from '@skyux/layout';\n\nimport {\n  SkyListModule\n} from '@skyux/list-builder';\n\nimport {\n  SkyListViewGridModule\n} from '@skyux/list-builder-view-grids';\n\nimport {\n  SkyInfiniteScrollModule\n} from '@skyux/lists';\n\nimport {\n  InfiniteScrollDemoComponent\n} from './infinite-scroll-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyInfiniteScrollModule,\n    SkyListModule,\n    SkyListViewGridModule\n  ],\n  declarations: [\n    InfiniteScrollDemoComponent\n  ],\n  exports: [\n    InfiniteScrollDemoComponent\n  ]\n})\nexport class InfiniteScrollDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyBackToTopModule } from '@skyux/layout';\n\nimport { SkyListModule } from '@skyux/list-builder';\n\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { SkyInfiniteScrollModule } from '@skyux/lists';\n\nimport { InfiniteScrollDemoComponent } from './infinite-scroll-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyInfiniteScrollModule,\n    SkyListModule,\n    SkyListViewGridModule,\n  ],\n  declarations: [InfiniteScrollDemoComponent],\n  exports: [InfiniteScrollDemoComponent],\n})\nexport class InfiniteScrollDemoModule {}\n"
     },
     {
       "fileName": "infinite-scroll-demo.component.html",
       "filePath": "/projects/lists/documentation/code-examples/infinite-scroll/repeater/infinite-scroll-demo.component.html",
-      "rawContents": "<div\n  style=\"overflow-y: auto; max-height: 400px; position: relative;\"\n>\n  <sky-repeater>\n    <sky-repeater-item *ngFor=\"let item of items\">\n      <sky-repeater-item-title>\n        {{ item.name }}\n      </sky-repeater-item-title>\n    </sky-repeater-item>\n  </sky-repeater>\n  <sky-infinite-scroll\n    [enabled]=\"itemsHaveMore\"\n    (scrollEnd)=\"onScrollEnd()\"\n  >\n  </sky-infinite-scroll>\n</div>\n<br>\n<br>\n"
+      "rawContents": "<div style=\"overflow-y: auto; max-height: 400px; position: relative\">\n  <sky-repeater>\n    <sky-repeater-item *ngFor=\"let item of items\">\n      <sky-repeater-item-title>\n        {{ item.name }}\n      </sky-repeater-item-title>\n    </sky-repeater-item>\n  </sky-repeater>\n  <sky-infinite-scroll [enabled]=\"itemsHaveMore\" (scrollEnd)=\"onScrollEnd()\">\n  </sky-infinite-scroll>\n</div>\n<br />\n<br />\n"
     },
     {
       "fileName": "infinite-scroll-demo.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/infinite-scroll/repeater/infinite-scroll-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'app-infinite-scroll-demo',\n  templateUrl: './infinite-scroll-demo.component.html'\n})\nexport class InfiniteScrollDemoComponent implements OnInit {\n\n  public items: any[] = [];\n\n  public itemsHaveMore = true;\n\n  public ngOnInit(): void {\n    this.addData();\n  }\n\n  public onScrollEnd(): void {\n    if (this.itemsHaveMore) {\n      this.addData();\n    }\n  }\n\n  private addData(): void {\n    this.mockRemote().then((result: any) => {\n      this.items = this.items.concat(result.data);\n      this.itemsHaveMore = result.hasMore;\n    });\n  }\n\n  private mockRemote(): Promise<any> {\n    const data: any[] = [];\n\n    for (let i = 0; i < 8; i++) {\n      data.push({\n        name: `Item #${++nextId}`\n      });\n    }\n\n    // Simulate async request.\n    return new Promise((resolve: any) => {\n      setTimeout(() => {\n        resolve({\n          data,\n          hasMore: (nextId < 50)\n        });\n      }, 1000);\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'app-infinite-scroll-demo',\n  templateUrl: './infinite-scroll-demo.component.html',\n})\nexport class InfiniteScrollDemoComponent implements OnInit {\n  public items: any[] = [];\n\n  public itemsHaveMore = true;\n\n  public ngOnInit(): void {\n    this.addData();\n  }\n\n  public onScrollEnd(): void {\n    if (this.itemsHaveMore) {\n      this.addData();\n    }\n  }\n\n  private addData(): void {\n    this.mockRemote().then((result: any) => {\n      this.items = this.items.concat(result.data);\n      this.itemsHaveMore = result.hasMore;\n    });\n  }\n\n  private mockRemote(): Promise<any> {\n    const data: any[] = [];\n\n    for (let i = 0; i < 8; i++) {\n      data.push({\n        name: `Item #${++nextId}`,\n      });\n    }\n\n    // Simulate async request.\n    return new Promise((resolve: any) => {\n      setTimeout(() => {\n        resolve({\n          data,\n          hasMore: nextId < 50,\n        });\n      }, 1000);\n    });\n  }\n}\n"
     },
     {
       "fileName": "infinite-scroll-demo.module.ts",
       "filePath": "/projects/lists/documentation/code-examples/infinite-scroll/repeater/infinite-scroll-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyBackToTopModule\n} from '@skyux/layout';\n\nimport {\n  SkyInfiniteScrollModule,\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  InfiniteScrollDemoComponent\n} from './infinite-scroll-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyInfiniteScrollModule,\n    SkyRepeaterModule\n  ],\n  declarations: [\n    InfiniteScrollDemoComponent\n  ],\n  exports: [\n    InfiniteScrollDemoComponent\n  ]\n})\nexport class InfiniteScrollDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyBackToTopModule } from '@skyux/layout';\n\nimport { SkyInfiniteScrollModule, SkyRepeaterModule } from '@skyux/lists';\n\nimport { InfiniteScrollDemoComponent } from './infinite-scroll-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyBackToTopModule,\n    SkyInfiniteScrollModule,\n    SkyRepeaterModule,\n  ],\n  declarations: [InfiniteScrollDemoComponent],\n  exports: [InfiniteScrollDemoComponent],\n})\nexport class InfiniteScrollDemoModule {}\n"
     },
     {
       "fileName": "paging-demo.component.html",
       "filePath": "/projects/lists/documentation/code-examples/paging/basic/paging-demo.component.html",
-      "rawContents": "<sky-paging\n  [itemCount]=\"8\"\n  [maxPages]=\"3\"\n  [pageSize]=\"2\"\n  [(currentPage)]=\"currentPage\"\n>\n</sky-paging>\n<p>\n  The current page is {{currentPage}}.\n</p>\n"
+      "rawContents": "<sky-paging\n  [itemCount]=\"8\"\n  [maxPages]=\"3\"\n  [pageSize]=\"2\"\n  [(currentPage)]=\"currentPage\"\n>\n</sky-paging>\n<p>The current page is {{ currentPage }}.</p>\n"
     },
     {
       "fileName": "paging-demo.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/paging/basic/paging-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-paging-demo',\n  templateUrl: './paging-demo.component.html'\n})\nexport class PagingDemoComponent {\n\n  public currentPage: number = 1;\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-paging-demo',\n  templateUrl: './paging-demo.component.html',\n})\nexport class PagingDemoComponent {\n  public currentPage: number = 1;\n}\n"
     },
     {
       "fileName": "paging-demo.module.ts",
       "filePath": "/projects/lists/documentation/code-examples/paging/basic/paging-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyPagingModule\n} from '@skyux/lists';\n\nimport {\n  PagingDemoComponent\n} from './paging-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyPagingModule\n  ],\n  declarations: [\n    PagingDemoComponent\n  ],\n  exports: [\n    PagingDemoComponent\n  ]\n})\nexport class PagingDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyPagingModule } from '@skyux/lists';\n\nimport { PagingDemoComponent } from './paging-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyPagingModule],\n  declarations: [PagingDemoComponent],\n  exports: [PagingDemoComponent],\n})\nexport class PagingDemoModule {}\n"
     },
     {
       "fileName": "repeater-demo.component.html",
       "filePath": "/projects/lists/documentation/code-examples/repeater/add-remove/repeater-demo.component.html",
-      "rawContents": "<div\n  class=\"sky-margin-stacked-default\"\n>\n  <sky-repeater\n    [reorderable]=\"true\"\n    (orderChange)=\"changeItems($event)\"\n  >\n    <sky-repeater-item\n      *ngFor=\"let item of items\"\n      [tag]=\"item\"\n    >\n      <sky-repeater-item-title\n        class=\"demo-repeater-flex\"\n      >\n        <div\n          class=\"sky-emphasized\"\n        >\n          {{item.title}}\n        </div>\n        <div>\n          {{item.status}}\n        </div>\n      </sky-repeater-item-title>\n      <sky-repeater-item-context-menu>\n        <sky-dropdown\n          buttonType=\"context-menu\"\n        >\n          <sky-dropdown-menu>\n            <sky-dropdown-item>\n              <button\n                type=\"button\"\n              >\n                Action 1\n              </button>\n            </sky-dropdown-item>\n            <sky-dropdown-item>\n              <button\n                type=\"button\"\n              >\n                Action 2\n              </button>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </sky-repeater-item-context-menu>\n      <sky-repeater-item-content>\n          {{item.note}}\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</div>\n\n<button\n  class=\"sky-btn sky-margin-inline-default\"\n  (click)=\"addItem()\"\n>\n  Add item\n</button>\n\n<button\n  class=\"sky-btn sky-margin-inline-default\"\n  (click)=\"removeItem()\"\n>\n  Remove item\n</button>\n"
+      "rawContents": "<div class=\"sky-margin-stacked-default\">\n  <sky-repeater [reorderable]=\"true\" (orderChange)=\"changeItems($event)\">\n    <sky-repeater-item *ngFor=\"let item of items\" [tag]=\"item\">\n      <sky-repeater-item-title class=\"demo-repeater-flex\">\n        <div class=\"sky-emphasized\">\n          {{ item.title }}\n        </div>\n        <div>\n          {{ item.status }}\n        </div>\n      </sky-repeater-item-title>\n      <sky-repeater-item-context-menu>\n        <sky-dropdown buttonType=\"context-menu\">\n          <sky-dropdown-menu>\n            <sky-dropdown-item>\n              <button type=\"button\">Action 1</button>\n            </sky-dropdown-item>\n            <sky-dropdown-item>\n              <button type=\"button\">Action 2</button>\n            </sky-dropdown-item>\n          </sky-dropdown-menu>\n        </sky-dropdown>\n      </sky-repeater-item-context-menu>\n      <sky-repeater-item-content>\n        {{ item.note }}\n      </sky-repeater-item-content>\n    </sky-repeater-item>\n  </sky-repeater>\n</div>\n\n<button class=\"sky-btn sky-margin-inline-default\" (click)=\"addItem()\">\n  Add item\n</button>\n\n<button class=\"sky-btn sky-margin-inline-default\" (click)=\"removeItem()\">\n  Remove item\n</button>\n"
     },
     {
       "fileName": "repeater-demo.component.scss",
@@ -5174,17 +5179,17 @@
     {
       "fileName": "repeater-demo.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/repeater/add-remove/repeater-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nlet nextId: number = 0;\n\n@Component({\n  selector: 'app-repeater-demo',\n  templateUrl: './repeater-demo.component.html',\n  styleUrls: ['./repeater-demo.component.scss']\n})\nexport class RepeaterDemoComponent {\n\n  public items: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift.  We should call him to thank him.',\n      status: 'Completed'\n    },\n    {\n      title: 'Send invitation to Spring Ball',\n      note: 'The Spring Ball is coming up soon.  Let\\'s get those invitations out!',\n      status: 'Past due'\n    }\n  ];\n\n  public addItem(): void {\n    this.items.push({\n      title: 'New reminder ' + ++nextId,\n      note: 'This is a new reminder',\n      status: 'Active'\n    });\n  }\n\n  public changeItems(tags: any): void {\n    this.items = tags;\n  }\n\n  public removeItem(): void {\n    this.items.pop();\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nlet nextId: number = 0;\n\n@Component({\n  selector: 'app-repeater-demo',\n  templateUrl: './repeater-demo.component.html',\n  styleUrls: ['./repeater-demo.component.scss'],\n})\nexport class RepeaterDemoComponent {\n  public items: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift.  We should call him to thank him.',\n      status: 'Completed',\n    },\n    {\n      title: 'Send invitation to Spring Ball',\n      note: \"The Spring Ball is coming up soon.  Let's get those invitations out!\",\n      status: 'Past due',\n    },\n  ];\n\n  public addItem(): void {\n    this.items.push({\n      title: 'New reminder ' + ++nextId,\n      note: 'This is a new reminder',\n      status: 'Active',\n    });\n  }\n\n  public changeItems(tags: any): void {\n    this.items = tags;\n  }\n\n  public removeItem(): void {\n    this.items.pop();\n  }\n}\n"
     },
     {
       "fileName": "repeater-demo.module.ts",
       "filePath": "/projects/lists/documentation/code-examples/repeater/add-remove/repeater-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  SkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  RepeaterDemoComponent\n} from './repeater-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyRepeaterModule\n  ],\n  declarations: [\n    RepeaterDemoComponent\n  ],\n  exports: [\n    RepeaterDemoComponent\n  ]\n})\nexport class RepeaterDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { RepeaterDemoComponent } from './repeater-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDropdownModule, SkyRepeaterModule],\n  declarations: [RepeaterDemoComponent],\n  exports: [RepeaterDemoComponent],\n})\nexport class RepeaterDemoModule {}\n"
     },
     {
       "fileName": "repeater-demo.component.html",
       "filePath": "/projects/lists/documentation/code-examples/repeater/basic/repeater-demo.component.html",
-      "rawContents": "<sky-repeater>\n  <sky-repeater-item\n    *ngFor=\"let item of items\"\n  >\n    <sky-repeater-item-title\n      class=\"demo-repeater-flex\"\n    >\n      <div\n        class=\"sky-emphasized\"\n      >\n        {{item.title}}\n      </div>\n      <div>\n        {{item.status}}\n      </div>\n    </sky-repeater-item-title>\n    <sky-repeater-item-context-menu>\n      <sky-dropdown\n        buttonType=\"context-menu\"\n      >\n        <sky-dropdown-menu>\n          <sky-dropdown-item>\n            <button\n              type=\"button\"\n            >\n              Action 1\n            </button>\n          </sky-dropdown-item>\n          <sky-dropdown-item>\n            <button\n              type=\"button\"\n            >\n              Action 2\n            </button>\n          </sky-dropdown-item>\n        </sky-dropdown-menu>\n      </sky-dropdown>\n    </sky-repeater-item-context-menu>\n    <sky-repeater-item-content>\n        {{item.note}}\n    </sky-repeater-item-content>\n  </sky-repeater-item>\n</sky-repeater>\n"
+      "rawContents": "<sky-repeater>\n  <sky-repeater-item *ngFor=\"let item of items\">\n    <sky-repeater-item-title class=\"demo-repeater-flex\">\n      <div class=\"sky-emphasized\">\n        {{ item.title }}\n      </div>\n      <div>\n        {{ item.status }}\n      </div>\n    </sky-repeater-item-title>\n    <sky-repeater-item-context-menu>\n      <sky-dropdown buttonType=\"context-menu\">\n        <sky-dropdown-menu>\n          <sky-dropdown-item>\n            <button type=\"button\">Action 1</button>\n          </sky-dropdown-item>\n          <sky-dropdown-item>\n            <button type=\"button\">Action 2</button>\n          </sky-dropdown-item>\n        </sky-dropdown-menu>\n      </sky-dropdown>\n    </sky-repeater-item-context-menu>\n    <sky-repeater-item-content>\n      {{ item.note }}\n    </sky-repeater-item-content>\n  </sky-repeater-item>\n</sky-repeater>\n"
     },
     {
       "fileName": "repeater-demo.component.scss",
@@ -5194,27 +5199,27 @@
     {
       "fileName": "repeater-demo.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/repeater/basic/repeater-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-repeater-demo',\n  templateUrl: './repeater-demo.component.html',\n  styleUrls: ['./repeater-demo.component.scss']\n})\nexport class RepeaterDemoComponent {\n\n  public items: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift.  We should call him to thank him.',\n      status: 'Completed'\n    },\n    {\n      title: 'Send invitation to Spring Ball',\n      note: 'The Spring Ball is coming up soon.  Let\\'s get those invitations out!',\n      status: 'Past due'\n    }\n  ];\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-repeater-demo',\n  templateUrl: './repeater-demo.component.html',\n  styleUrls: ['./repeater-demo.component.scss'],\n})\nexport class RepeaterDemoComponent {\n  public items: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift.  We should call him to thank him.',\n      status: 'Completed',\n    },\n    {\n      title: 'Send invitation to Spring Ball',\n      note: \"The Spring Ball is coming up soon.  Let's get those invitations out!\",\n      status: 'Past due',\n    },\n  ];\n}\n"
     },
     {
       "fileName": "repeater-demo.module.ts",
       "filePath": "/projects/lists/documentation/code-examples/repeater/basic/repeater-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  SkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  RepeaterDemoComponent\n} from './repeater-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyRepeaterModule\n  ],\n  declarations: [\n    RepeaterDemoComponent\n  ],\n  exports: [\n    RepeaterDemoComponent\n  ]\n})\nexport class RepeaterDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { RepeaterDemoComponent } from './repeater-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDropdownModule, SkyRepeaterModule],\n  declarations: [RepeaterDemoComponent],\n  exports: [RepeaterDemoComponent],\n})\nexport class RepeaterDemoModule {}\n"
     },
     {
       "fileName": "sort-demo.component.html",
       "filePath": "/projects/lists/documentation/code-examples/sort/basic/sort-demo.component.html",
-      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <sky-sort\n      [showButtonText]=\"true\"\n    >\n      <sky-sort-item *ngFor=\"let item of sortOptions\"\n        [active]=\"initialState === item.id\"\n        (itemSelect)=\"sortItems(item)\"\n      >\n        {{item.label}}\n      </sky-sort-item>\n    </sky-sort>\n  </sky-toolbar-item>\n</sky-toolbar>\n<sky-repeater\n  expandMode=\"none\"\n>\n  <sky-repeater-item *ngFor=\"let item of sortedItems\">\n    <sky-repeater-item-title>\n      {{item.title}}\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      <div\n        style=\"display: flex; justify-content: space-between\"\n      >\n        <div>\n          Assigned to {{item.assignee}}\n        </div>\n        <div>\n          Created {{item.date | date}}\n        </div>\n      </div>\n      <div>\n        {{item.note}}\n      </div>\n    </sky-repeater-item-content>\n  </sky-repeater-item>\n</sky-repeater>\n"
+      "rawContents": "<sky-toolbar>\n  <sky-toolbar-item>\n    <sky-sort [showButtonText]=\"true\">\n      <sky-sort-item\n        *ngFor=\"let item of sortOptions\"\n        [active]=\"initialState === item.id\"\n        (itemSelect)=\"sortItems(item)\"\n      >\n        {{ item.label }}\n      </sky-sort-item>\n    </sky-sort>\n  </sky-toolbar-item>\n</sky-toolbar>\n<sky-repeater expandMode=\"none\">\n  <sky-repeater-item *ngFor=\"let item of sortedItems\">\n    <sky-repeater-item-title>\n      {{ item.title }}\n    </sky-repeater-item-title>\n    <sky-repeater-item-content>\n      <div style=\"display: flex; justify-content: space-between\">\n        <div>Assigned to {{ item.assignee }}</div>\n        <div>Created {{ item.date | date }}</div>\n      </div>\n      <div>\n        {{ item.note }}\n      </div>\n    </sky-repeater-item-content>\n  </sky-repeater-item>\n</sky-repeater>\n"
     },
     {
       "fileName": "sort-demo.component.ts",
       "filePath": "/projects/lists/documentation/code-examples/sort/basic/sort-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\n@Component({\n  selector: 'app-sort-demo',\n  templateUrl: './sort-demo.component.html'\n})\nexport class SortDemoComponent implements OnInit {\n\n  public initialState: number;\n\n  public sortedItems: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift. We should call to thank him.',\n      assignee: 'Debby Fowler',\n      date: new Date('12/22/2015')\n    },\n    {\n      title: 'Send invitation to ball',\n      note: 'The Spring Ball is coming up soon. Let\\'s get those invitations out!',\n      assignee: 'Debby Fowler',\n      date: new Date('1/1/2016')\n    },\n    {\n      title: 'Clean up desk',\n      note: 'File and organize papers.',\n      assignee: 'Tim Howard',\n      date: new Date('2/2/2016')\n    },\n    {\n      title: 'Investigate leads',\n      note: 'Check out leads for important charity event funding.',\n      assignee: 'Larry Williams',\n      date: new Date('4/5/2016')\n    },\n    {\n      title: 'Send thank you note',\n      note: 'Send a thank you note to Timothy for his donation.',\n      assignee: 'Catherine Hooper',\n      date: new Date('11/11/2015')\n    }\n  ];\n\n  public sortOptions: any[] = [\n    {\n      id: 1,\n      label: 'Assigned to (A - Z)',\n      name: 'assignee',\n      descending: false\n    },\n    {\n      id: 2,\n      label: 'Assigned to (Z - A)',\n      name: 'assignee',\n      descending: true\n    },\n    {\n      id: 3,\n      label: 'Date created (newest first)',\n      name: 'date',\n      descending: true\n    },\n    {\n      id: 4,\n      label: 'Date created (oldest first)',\n      name: 'date',\n      descending: false\n    },\n    {\n      id: 5,\n      label: 'Note title (A - Z)',\n      name: 'title',\n      descending: false\n    },\n    {\n      id: 6,\n      label: 'Note title (Z - A)',\n      name: 'title',\n      descending: true\n    }\n  ];\n\n  public ngOnInit(): void {\n    this.initialState = 3;\n    this.sortItems(this.sortOptions[2]);\n  }\n\n  public sortItems(item: any): void {\n    this.sortedItems = this.sortedItems.sort(function (a: any, b: any) {\n      const descending = item.descending ? -1 : 1;\n      const sortProperty = item.name;\n\n      if (a[sortProperty] > b[sortProperty]) {\n        return (descending);\n      } else if (a[sortProperty] < b[sortProperty]) {\n        return (-1 * descending);\n      } else {\n        return 0;\n      }\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-sort-demo',\n  templateUrl: './sort-demo.component.html',\n})\nexport class SortDemoComponent implements OnInit {\n  public initialState: number;\n\n  public sortedItems: any[] = [\n    {\n      title: 'Call Robert Hernandez',\n      note: 'Robert recently gave a very generous gift. We should call to thank him.',\n      assignee: 'Debby Fowler',\n      date: new Date('12/22/2015'),\n    },\n    {\n      title: 'Send invitation to ball',\n      note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n      assignee: 'Debby Fowler',\n      date: new Date('1/1/2016'),\n    },\n    {\n      title: 'Clean up desk',\n      note: 'File and organize papers.',\n      assignee: 'Tim Howard',\n      date: new Date('2/2/2016'),\n    },\n    {\n      title: 'Investigate leads',\n      note: 'Check out leads for important charity event funding.',\n      assignee: 'Larry Williams',\n      date: new Date('4/5/2016'),\n    },\n    {\n      title: 'Send thank you note',\n      note: 'Send a thank you note to Timothy for his donation.',\n      assignee: 'Catherine Hooper',\n      date: new Date('11/11/2015'),\n    },\n  ];\n\n  public sortOptions: any[] = [\n    {\n      id: 1,\n      label: 'Assigned to (A - Z)',\n      name: 'assignee',\n      descending: false,\n    },\n    {\n      id: 2,\n      label: 'Assigned to (Z - A)',\n      name: 'assignee',\n      descending: true,\n    },\n    {\n      id: 3,\n      label: 'Date created (newest first)',\n      name: 'date',\n      descending: true,\n    },\n    {\n      id: 4,\n      label: 'Date created (oldest first)',\n      name: 'date',\n      descending: false,\n    },\n    {\n      id: 5,\n      label: 'Note title (A - Z)',\n      name: 'title',\n      descending: false,\n    },\n    {\n      id: 6,\n      label: 'Note title (Z - A)',\n      name: 'title',\n      descending: true,\n    },\n  ];\n\n  public ngOnInit(): void {\n    this.initialState = 3;\n    this.sortItems(this.sortOptions[2]);\n  }\n\n  public sortItems(item: any): void {\n    this.sortedItems = this.sortedItems.sort(function (a: any, b: any) {\n      const descending = item.descending ? -1 : 1;\n      const sortProperty = item.name;\n\n      if (a[sortProperty] > b[sortProperty]) {\n        return descending;\n      } else if (a[sortProperty] < b[sortProperty]) {\n        return -1 * descending;\n      } else {\n        return 0;\n      }\n    });\n  }\n}\n"
     },
     {
       "fileName": "sort-demo.module.ts",
       "filePath": "/projects/lists/documentation/code-examples/sort/basic/sort-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyToolbarModule\n} from '@skyux/layout';\n\nimport {\n  SkyRepeaterModule,\n  SkySortModule\n} from '@skyux/lists';\n\nimport {\n  SortDemoComponent\n} from './sort-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyRepeaterModule,\n    SkySortModule,\n    SkyToolbarModule\n  ],\n  declarations: [\n    SortDemoComponent\n  ],\n  exports: [\n    SortDemoComponent\n  ]\n})\nexport class SortDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyToolbarModule } from '@skyux/layout';\n\nimport { SkyRepeaterModule, SkySortModule } from '@skyux/lists';\n\nimport { SortDemoComponent } from './sort-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyRepeaterModule, SkySortModule, SkyToolbarModule],\n  declarations: [SortDemoComponent],\n  exports: [SortDemoComponent],\n})\nexport class SortDemoModule {}\n"
     }
   ]
 }