@skyux/grids 5.0.0-beta.1 → 5.5.0-alpha.0

package/documentation.json

@@ -12,7 +12,7 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/grids",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
@@ -20,7 +20,7 @@
       {
         "id": 54,
         "name": "SkyGridMessageType",
-        "kind": 4,
+        "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
@@ -36,7 +36,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/types/grid-message-type.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -54,7 +54,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/types/grid-message-type.ts",
-                "line": 6,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -93,10 +93,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-grid-column',\n  template: '<ng-content></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-grid-column',\n  template: '<ng-content></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -131,11 +133,11 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the horizontal alignment of the column's data and header.",
+              "shortText": "Specifies the horizontal alignment of the column's data and header.\nOptions include: `\"left\"`, `\"center\"`, and `\"right\"`.",
               "tags": [
                 {
                   "tag": "default",
-                  "text": "'left'\n"
+                  "text": "\"left\"\n"
                 }
               ]
             },
@@ -144,6 +146,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -152,7 +156,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 44,
+                "line": 36,
                 "character": 9
               }
             ],
@@ -179,6 +183,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -187,7 +193,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 50,
+                "line": 42,
                 "character": 9
               }
             ],
@@ -207,7 +213,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 144,
+                "line": 137,
                 "character": 9
               }
             ],
@@ -219,6 +225,8 @@
                   "name": "string"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -234,7 +242,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 146,
+                "line": 139,
                 "character": 9
               }
             ],
@@ -246,6 +254,8 @@
                   "name": "SkyGridColumnDescriptionModelChange"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -272,6 +282,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -280,7 +292,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 57,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -305,6 +317,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -313,7 +327,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 66,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -338,6 +352,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -346,7 +362,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 72,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -366,7 +382,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 148,
+                "line": 142,
                 "character": 9
               }
             ],
@@ -378,6 +394,8 @@
                   "name": "string"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -393,7 +411,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 150,
+                "line": 144,
                 "character": 9
               }
             ],
@@ -405,6 +423,8 @@
                   "name": "SkyGridColumnHeadingModelChange"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -431,6 +451,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -439,7 +461,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 79,
+                "line": 71,
                 "character": 9
               }
             ],
@@ -464,6 +486,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -472,7 +496,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 87,
+                "line": 79,
                 "character": 9
               }
             ],
@@ -497,6 +521,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -505,7 +531,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 93,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -525,7 +551,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 152,
+                "line": 147,
                 "character": 9
               }
             ],
@@ -537,6 +563,8 @@
                   "name": "SkyGridColumnInlineHelpPopoverModelChange"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -563,6 +591,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -571,7 +601,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 100,
+                "line": 92,
                 "character": 9
               }
             ],
@@ -603,6 +633,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -611,7 +643,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 109,
+                "line": 101,
                 "character": 9
               }
             ],
@@ -628,20 +660,13 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies a search function to apply for the specific column. By default,\nthe column executes a string compare on the column data.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "(value, searchText) => value.toString().toLowerCase().indexOf(searchText) !== -1\n"
-                }
-              ]
-            },
             "decorators": [
               {
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {
@@ -652,7 +677,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 118,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -730,6 +755,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {
@@ -740,7 +767,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 135,
+                "line": 128,
                 "character": 9
               }
             ],
@@ -752,6 +779,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "TemplateRef",
+              "package": "@angular/core",
               "name": "TemplateRef"
             }
           },
@@ -771,6 +800,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -779,7 +810,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 142,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -799,7 +830,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 183,
+                "line": 182,
                 "character": 13
               }
             ],
@@ -818,6 +849,8 @@
                       "name": "any"
                     }
                   ],
+                  "qualifiedName": "TemplateRef",
+                  "package": "@angular/core",
                   "name": "TemplateRef"
                 }
               }
@@ -834,7 +867,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-                "line": 157,
+                "line": 153,
                 "character": 9
               }
             ],
@@ -854,6 +887,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "SimpleChanges",
+                      "package": "@angular/core",
                       "name": "SimpleChanges"
                     }
                   }
@@ -924,13 +959,15 @@
         "sources": [
           {
             "fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
-            "line": 37,
+            "line": 29,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnChanges",
+            "package": "@angular/core",
             "name": "OnChanges"
           }
         ]
@@ -946,10 +983,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-grid',\n  templateUrl: './grid.component.html',\n  styleUrls: ['./grid.component.scss'],\n  viewProviders: [DragulaService],\n  providers: [\n    SkyGridAdapterService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-grid',\n  templateUrl: './grid.component.html',\n  styleUrls: ['./grid.component.scss'],\n  viewProviders: [DragulaService],\n  providers: [SkyGridAdapterService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -963,7 +1002,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 384,
+                "line": 347,
                 "character": 2
               }
             ],
@@ -994,6 +1033,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -1005,6 +1046,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "DragulaService",
+                      "package": "ng2-dragula",
                       "name": "DragulaService"
                     }
                   },
@@ -1072,7 +1115,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 335,
+                "line": 298,
                 "character": 9
               }
             ],
@@ -1098,6 +1141,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1106,7 +1151,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 300,
+                "line": 261,
                 "character": 9
               }
             ],
@@ -1122,6 +1167,8 @@
                   }
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1142,6 +1189,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1150,7 +1199,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 139,
+                "line": 104,
                 "character": 9
               }
             ],
@@ -1173,7 +1222,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 336,
+                "line": 299,
                 "character": 9
               }
             ],
@@ -1185,6 +1234,8 @@
                   "name": "ListSortFieldSelectorModel"
                 }
               ],
+              "qualifiedName": "BehaviorSubject",
+              "package": "rxjs",
               "name": "BehaviorSubject"
             }
           },
@@ -1204,6 +1255,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1212,7 +1265,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 146,
+                "line": 111,
                 "character": 9
               }
             ],
@@ -1235,7 +1288,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 337,
+                "line": 300,
                 "character": 9
               }
             ],
@@ -1269,6 +1322,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1277,7 +1332,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 157,
+                "line": 122,
                 "character": 9
               }
             ],
@@ -1296,13 +1351,21 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies how the grid fits to its parent. The valid options are `width`,\nwhich fits the grid to the parent's full width, and `scroll`, which allows the grid\nto exceed the parent's width. If the grid does not have enough columns to fill\nthe parent's width, it always stretches to the parent's full width."
+              "shortText": "Specifies how the grid fits to its parent. The valid options are `width`,\nwhich fits the grid to the parent's full width, and `scroll`, which allows the grid\nto exceed the parent's width. If the grid does not have enough columns to fill\nthe parent's width, it always stretches to the parent's full width.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"width\"\n"
+                }
+              ]
             },
             "decorators": [
               {
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1311,7 +1374,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 166,
+                "line": 132,
                 "character": 9
               }
             ],
@@ -1332,7 +1395,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 338,
+                "line": 301,
                 "character": 9
               }
             ],
@@ -1358,6 +1421,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1366,7 +1431,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 172,
+                "line": 138,
                 "character": 9
               }
             ],
@@ -1392,6 +1457,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1400,7 +1467,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 178,
+                "line": 144,
                 "character": 9
               }
             ],
@@ -1425,6 +1492,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1433,7 +1502,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 185,
+                "line": 151,
                 "character": 9
               }
             ],
@@ -1453,7 +1522,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 340,
+                "line": 303,
                 "character": 9
               }
             ],
@@ -1476,7 +1545,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 341,
+                "line": 304,
                 "character": 9
               }
             ],
@@ -1502,6 +1571,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1510,7 +1581,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 191,
+                "line": 157,
                 "character": 9
               }
             ],
@@ -1523,6 +1594,8 @@
                   "name": "SkyGridMessage"
                 }
               ],
+              "qualifiedName": "Subject",
+              "package": "rxjs",
               "name": "Subject"
             },
             "defaultValue": "..."
@@ -1538,7 +1611,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 342,
+                "line": 305,
                 "character": 9
               }
             ],
@@ -1564,6 +1637,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1572,7 +1647,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 198,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -1597,6 +1672,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1605,7 +1682,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 308,
+                "line": 271,
                 "character": 9
               }
             ],
@@ -1618,6 +1695,8 @@
                   "name": "SkyGridSelectedRowsModelChange"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1633,7 +1712,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 339,
+                "line": 302,
                 "character": 9
               }
             ],
@@ -1662,6 +1741,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1670,7 +1751,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 206,
+                "line": 172,
                 "character": 9
               }
             ],
@@ -1695,6 +1776,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1703,7 +1786,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 327,
+                "line": 290,
                 "character": 9
               }
             ],
@@ -1718,6 +1801,8 @@
                   }
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1738,6 +1823,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1746,7 +1833,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 276,
+                "line": 237,
                 "character": 9
               }
             ],
@@ -1766,7 +1853,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 343,
+                "line": 306,
                 "character": 9
               }
             ],
@@ -1787,7 +1874,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 344,
+                "line": 307,
                 "character": 9
               }
             ],
@@ -1813,6 +1900,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1821,7 +1910,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 288,
+                "line": 249,
                 "character": 9
               }
             ],
@@ -1846,6 +1935,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1854,7 +1945,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 333,
+                "line": 296,
                 "character": 9
               }
             ],
@@ -1866,6 +1957,8 @@
                   "name": "ListSortFieldSelectorModel"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1886,6 +1979,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1894,7 +1989,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 294,
+                "line": 255,
                 "character": 9
               }
             ],
@@ -1916,6 +2011,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1924,7 +2021,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 213,
+                "line": 179,
                 "character": 13
               }
             ],
@@ -1993,6 +2090,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2001,7 +2100,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 256,
+                "line": 217,
                 "character": 13
               }
             ],
@@ -2068,7 +2167,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 346,
+                "line": 309,
                 "character": 13
               }
             ],
@@ -2097,7 +2196,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 791,
+                "line": 771,
                 "character": 9
               }
             ],
@@ -2139,7 +2238,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 798,
+                "line": 780,
                 "character": 9
               }
             ],
@@ -2181,7 +2280,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 581,
+                "line": 554,
                 "character": 9
               }
             ],
@@ -2213,6 +2312,8 @@
                       "name": "string"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -2229,7 +2330,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 523,
+                "line": 490,
                 "character": 9
               }
             ],
@@ -2271,7 +2372,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 592,
+                "line": 569,
                 "character": 9
               }
             ],
@@ -2303,6 +2404,8 @@
                       "name": "string"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -2319,7 +2422,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 602,
+                "line": 578,
                 "character": 9
               }
             ],
@@ -2351,6 +2454,8 @@
                       "name": "boolean"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -2367,7 +2472,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 803,
+                "line": 785,
                 "character": 9
               }
             ],
@@ -2409,7 +2514,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 787,
+                "line": 767,
                 "character": 9
               }
             ],
@@ -2451,7 +2556,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 570,
+                "line": 541,
                 "character": 9
               }
             ],
@@ -2483,6 +2588,8 @@
                       "name": "string"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -2499,7 +2606,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 499,
+                "line": 466,
                 "character": 9
               }
             ],
@@ -2528,7 +2635,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 513,
+                "line": 480,
                 "character": 9
               }
             ],
@@ -2570,7 +2677,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 495,
+                "line": 462,
                 "character": 9
               }
             ],
@@ -2599,7 +2706,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 780,
+                "line": 760,
                 "character": 9
               }
             ],
@@ -2641,7 +2748,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 409,
+                "line": 372,
                 "character": 9
               }
             ],
@@ -2678,7 +2785,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 429,
+                "line": 392,
                 "character": 9
               }
             ],
@@ -2715,7 +2822,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 433,
+                "line": 396,
                 "character": 9
               }
             ],
@@ -2735,6 +2842,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "SimpleChanges",
+                      "package": "@angular/core",
                       "name": "SimpleChanges"
                     }
                   }
@@ -2765,7 +2874,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 476,
+                "line": 443,
                 "character": 9
               }
             ],
@@ -2802,7 +2911,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 401,
+                "line": 364,
                 "character": 9
               }
             ],
@@ -2839,7 +2948,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 826,
+                "line": 808,
                 "character": 9
               }
             ],
@@ -2881,7 +2990,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 717,
+                "line": 694,
                 "character": 9
               }
             ],
@@ -2901,6 +3010,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "Event",
+                      "package": "typescript",
                       "name": "Event"
                     }
                   }
@@ -2923,7 +3034,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 538,
+                "line": 505,
                 "character": 9
               }
             ],
@@ -2943,6 +3054,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   },
@@ -2976,7 +3089,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 707,
+                "line": 684,
                 "character": 9
               }
             ],
@@ -2996,6 +3109,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   }
@@ -3018,7 +3133,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 611,
+                "line": 586,
                 "character": 9
               }
             ],
@@ -3047,7 +3162,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 660,
+                "line": 637,
                 "character": 9
               }
             ],
@@ -3067,6 +3182,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "MouseEvent",
+                      "package": "typescript",
                       "name": "MouseEvent"
                     }
                   }
@@ -3089,7 +3206,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 744,
+                "line": 721,
                 "character": 9
               }
             ],
@@ -3109,6 +3226,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "Event",
+                      "package": "typescript",
                       "name": "Event"
                     }
                   }
@@ -3131,7 +3250,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 748,
+                "line": 725,
                 "character": 9
               }
             ],
@@ -3151,6 +3270,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   }
@@ -3173,7 +3294,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 726,
+                "line": 703,
                 "character": 9
               }
             ],
@@ -3193,6 +3314,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "MouseEvent",
+                      "package": "typescript",
                       "name": "MouseEvent"
                     }
                   }
@@ -3215,7 +3338,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 757,
+                "line": 734,
                 "character": 9
               }
             ],
@@ -3235,6 +3358,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "MouseEvent",
+                      "package": "typescript",
                       "name": "MouseEvent"
                     }
                   }
@@ -3257,7 +3382,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 769,
+                "line": 746,
                 "character": 9
               }
             ],
@@ -3310,7 +3435,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 812,
+                "line": 794,
                 "character": 9
               }
             ],
@@ -3352,7 +3477,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 808,
+                "line": 790,
                 "character": 9
               }
             ],
@@ -3396,6 +3521,8 @@
                 "name": "HostListener",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "HostListenerDecorator",
+                  "package": "@angular/core",
                   "name": "HostListener"
                 },
                 "arguments": {
@@ -3406,7 +3533,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 491,
+                "line": 458,
                 "character": 9
               }
             ],
@@ -3435,7 +3562,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 545,
+                "line": 512,
                 "character": 9
               }
             ],
@@ -3477,7 +3604,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 645,
+                "line": 622,
                 "character": 9
               }
             ],
@@ -3519,7 +3646,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 615,
+                "line": 590,
                 "character": 9
               }
             ],
@@ -3561,7 +3688,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-                "line": 630,
+                "line": 605,
                 "character": 9
               }
             ],
@@ -3689,29 +3816,39 @@
         "sources": [
           {
             "fileName": "projects/grids/src/modules/grid/grid.component.ts",
-            "line": 133,
+            "line": 97,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterContentInit",
+            "package": "@angular/core",
             "name": "AfterContentInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnChanges",
+            "package": "@angular/core",
             "name": "OnChanges"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -3727,10 +3864,12 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyGridComponent,\n    SkyGridColumnComponent,\n    SkyGridCellComponent\n  ],\n  imports: [\n    CommonModule,\n    DragulaModule,\n    FormsModule,\n    SkyAffixModule,\n    SkyCheckboxModule,\n    SkyuxGridsResourcesModule,\n    SkyHelpInlineModule,\n    SkyIconModule,\n    SkyInlineDeleteModule,\n    SkyOverlayModule,\n    SkyPopoverModule,\n    SkyTextHighlightModule\n  ],\n  exports: [\n    SkyGridComponent,\n    SkyGridColumnComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyGridComponent,\n    SkyGridColumnComponent,\n    SkyGridCellComponent,\n  ],\n  imports: [\n    CommonModule,\n    DragulaModule,\n    FormsModule,\n    SkyAffixModule,\n    SkyCheckboxModule,\n    SkyuxGridsResourcesModule,\n    SkyHelpInlineModule,\n    SkyIconModule,\n    SkyInlineDeleteModule,\n    SkyOverlayModule,\n    SkyPopoverModule,\n    SkyTextHighlightModule,\n  ],\n  exports: [SkyGridComponent, SkyGridColumnComponent],\n}"
             }
           }
         ],
@@ -3769,7 +3908,7 @@
         "sources": [
           {
             "fileName": "projects/grids/src/modules/grid/grid.module.ts",
-            "line": 81,
+            "line": 53,
             "character": 13
           }
         ]
@@ -3795,7 +3934,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/types/grid-column-width-model-change.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -3818,7 +3957,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/types/grid-column-width-model-change.ts",
-                "line": 6,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -3839,7 +3978,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/types/grid-column-width-model-change.ts",
-                "line": 16,
+                "line": 15,
                 "character": 2
               }
             ],
@@ -3887,7 +4026,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/types/grid-message.ts",
-                "line": 10,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -3910,7 +4049,7 @@
         "sources": [
           {
             "fileName": "projects/grids/src/modules/grid/types/grid-message.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -3936,7 +4075,7 @@
             "sources": [
               {
                 "fileName": "projects/grids/src/modules/grid/types/grid-selected-rows-model-change.ts",
-                "line": 10,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -3961,7 +4100,7 @@
         "sources": [
           {
             "fileName": "projects/grids/src/modules/grid/types/grid-selected-rows-model-change.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -4004,7 +4143,7 @@
     "groups": [
       {
         "title": "Enumerations",
-        "kind": 4,
+        "kind": 8,
         "children": [
           54
         ]
@@ -4037,7 +4176,7 @@
     ],
     "sources": [
       {
-        "fileName": "projects/grids/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
@@ -4047,47 +4186,47 @@
     {
       "fileName": "grid-demo.component.html",
       "filePath": "/projects/grids/documentation/code-examples/grid/basic/grid-demo.component.html",
-      "rawContents": "<sky-grid\n  fit=\"scroll\"\n  [data]=\"data\"\n  (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n  <sky-grid-column\n    field=\"name\"\n    heading=\"Name\"\n  >\n  </sky-grid-column>\n  <sky-grid-column\n    field=\"email\"\n    heading=\"Email\"\n  >\n  </sky-grid-column>\n  <sky-grid-column\n    field=\"amount\"\n    heading=\"Amount\"\n  >\n  </sky-grid-column>\n  <sky-grid-column\n    field=\"status\"\n    heading=\"Status\"\n  >\n  </sky-grid-column>\n</sky-grid>\n"
+      "rawContents": "<sky-grid\n  fit=\"scroll\"\n  [data]=\"data\"\n  (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n  <sky-grid-column field=\"name\" heading=\"Name\"> </sky-grid-column>\n  <sky-grid-column field=\"email\" heading=\"Email\"> </sky-grid-column>\n  <sky-grid-column field=\"amount\" heading=\"Amount\"> </sky-grid-column>\n  <sky-grid-column field=\"status\" heading=\"Status\"> </sky-grid-column>\n</sky-grid>\n"
     },
     {
       "fileName": "grid-demo.component.ts",
       "filePath": "/projects/grids/documentation/code-examples/grid/basic/grid-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  ListSortFieldSelectorModel\n} from '@skyux/list-builder-common';\n\n@Component({\n  selector: 'sky-grid-demo',\n  templateUrl: './grid-demo.component.html'\n})\nexport class GridDemoComponent {\n\n  public data: any[] = [\n    { id: '1', name: 'Niels Bohr', email: 'niels.bohr@example.com', amount: 170.75, status: 'Paid' },\n    { id: '2', name: 'Ada Lovelace', email: 'ada.lovelace@example.com', amount: 114.13, status: 'Paid' },\n    { id: '3', name: 'Marie Curie', email: 'marie.curie@example.com', amount: 111, status: 'Past due' },\n    { id: '4', name: 'Barbara McClintock', email: 'barbara.mcclintock@example.com', amount: 84.63, status: 'Paid' },\n    { id: '5', name: 'Michael Faraday', email: 'michael.faraday@example.com', amount: 83.97, status: 'Paid' },\n    { id: '6', name: 'Enrico Fermi', email: 'enrico.fermi@example.com', amount: 74.5, status: 'Past due' },\n    { id: '7', name: 'Mae C. Jemison', email: 'mae.jemison@example.com', amount: 70.86, status: 'Paid' }\n  ];\n\n  public onSortChangeForGrid(activeSort: ListSortFieldSelectorModel): void {\n    this.data = this.sortGridData(activeSort, this.data);\n  }\n\n  private sortGridData(activeSort: ListSortFieldSelectorModel, data: any[]): any[] {\n    const sortField = activeSort.fieldSelector;\n    const descending = activeSort.descending;\n\n    return data.sort((a: any, b: any) => {\n      let value1 = a[sortField];\n      let value2 = b[sortField];\n\n      if (value1 && typeof value1 === 'string') {\n        value1 = value1.toLowerCase();\n      }\n\n      if (value2 && typeof value2 === 'string') {\n        value2 = value2.toLowerCase();\n      }\n\n      if (value1 === value2) {\n        return 0;\n      }\n\n      let result = value1 > value2 ? 1 : -1;\n\n      if (descending) {\n        result *= -1;\n      }\n\n      return result;\n    }).slice();\n  }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { ListSortFieldSelectorModel } from '@skyux/list-builder-common';\n\n@Component({\n  selector: 'app-grid-demo',\n  templateUrl: './grid-demo.component.html',\n})\nexport class GridDemoComponent {\n  public data: any[] = [\n    {\n      id: '1',\n      name: 'Niels Bohr',\n      email: 'niels.bohr@example.com',\n      amount: 170.75,\n      status: 'Paid',\n    },\n    {\n      id: '2',\n      name: 'Ada Lovelace',\n      email: 'ada.lovelace@example.com',\n      amount: 114.13,\n      status: 'Paid',\n    },\n    {\n      id: '3',\n      name: 'Marie Curie',\n      email: 'marie.curie@example.com',\n      amount: 111,\n      status: 'Past due',\n    },\n    {\n      id: '4',\n      name: 'Barbara McClintock',\n      email: 'barbara.mcclintock@example.com',\n      amount: 84.63,\n      status: 'Paid',\n    },\n    {\n      id: '5',\n      name: 'Michael Faraday',\n      email: 'michael.faraday@example.com',\n      amount: 83.97,\n      status: 'Paid',\n    },\n    {\n      id: '6',\n      name: 'Enrico Fermi',\n      email: 'enrico.fermi@example.com',\n      amount: 74.5,\n      status: 'Past due',\n    },\n    {\n      id: '7',\n      name: 'Mae C. Jemison',\n      email: 'mae.jemison@example.com',\n      amount: 70.86,\n      status: 'Paid',\n    },\n  ];\n\n  public onSortChangeForGrid(activeSort: ListSortFieldSelectorModel): void {\n    this.data = this.sortGridData(activeSort, this.data);\n  }\n\n  private sortGridData(\n    activeSort: ListSortFieldSelectorModel,\n    data: any[]\n  ): any[] {\n    const sortField = activeSort.fieldSelector;\n    const descending = activeSort.descending;\n\n    return data\n      .sort((a: any, b: any) => {\n        let value1 = a[sortField];\n        let value2 = b[sortField];\n\n        if (value1 && typeof value1 === 'string') {\n          value1 = value1.toLowerCase();\n        }\n\n        if (value2 && typeof value2 === 'string') {\n          value2 = value2.toLowerCase();\n        }\n\n        if (value1 === value2) {\n          return 0;\n        }\n\n        let result = value1 > value2 ? 1 : -1;\n\n        if (descending) {\n          result *= -1;\n        }\n\n        return result;\n      })\n      .slice();\n  }\n}\n"
     },
     {
       "fileName": "grid-demo.module.ts",
       "filePath": "/projects/grids/documentation/code-examples/grid/basic/grid-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyGridModule\n} from '@skyux/grids';\n\nimport {\n  GridDemoComponent\n} from './grid-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyGridModule\n  ],\n  declarations: [\n    GridDemoComponent\n  ],\n  exports: [\n    GridDemoComponent\n  ]\n})\nexport class GridDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyGridModule } from '@skyux/grids';\n\nimport { GridDemoComponent } from './grid-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyGridModule],\n  declarations: [GridDemoComponent],\n  exports: [GridDemoComponent],\n})\nexport class GridDemoModule {}\n"
     },
     {
       "fileName": "grid-demo.component.html",
       "filePath": "/projects/grids/documentation/code-examples/grid/column-template/grid-demo.component.html",
-      "rawContents": "<sky-grid\n  fit=\"scroll\"\n  [data]=\"data\"\n  (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n  <sky-grid-column\n    field=\"name\"\n    heading=\"Name\"\n  >\n  </sky-grid-column>\n  <sky-grid-column\n    field=\"email\"\n    heading=\"Email\"\n  >\n  </sky-grid-column>\n  <sky-grid-column\n    field=\"amount\"\n    heading=\"Amount\"\n    [heading]=\"asyncHeading | async\"\n  >\n  </sky-grid-column>\n  <sky-grid-column\n    field=\"status\"\n    heading=\"Status\"\n    [template]=\"customColumnTemplate\"\n  >\n  </sky-grid-column>\n</sky-grid>\n\n<ng-template\n  let-value=\"value\"\n  #customColumnTemplate\n>\n  <div\n    [ngClass]=\"{ 'sky-text-danger' : value === 'Past due' }\"\n  >\n    {{ value }}\n  </div>\n</ng-template>\n"
+      "rawContents": "<sky-grid\n  fit=\"scroll\"\n  [data]=\"data\"\n  (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n  <sky-grid-column field=\"name\" heading=\"Name\"> </sky-grid-column>\n  <sky-grid-column field=\"email\" heading=\"Email\"> </sky-grid-column>\n  <sky-grid-column\n    field=\"amount\"\n    heading=\"Amount\"\n    [heading]=\"asyncHeading | async\"\n  >\n  </sky-grid-column>\n  <sky-grid-column\n    field=\"status\"\n    heading=\"Status\"\n    [template]=\"customColumnTemplate\"\n  >\n  </sky-grid-column>\n</sky-grid>\n\n<ng-template let-value=\"value\" #customColumnTemplate>\n  <div [ngClass]=\"{ 'sky-text-danger': value === 'Past due' }\">\n    {{ value }}\n  </div>\n</ng-template>\n"
     },
     {
       "fileName": "grid-demo.component.ts",
       "filePath": "/projects/grids/documentation/code-examples/grid/column-template/grid-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  ListSortFieldSelectorModel\n} from '@skyux/list-builder-common';\n\nimport {\n  BehaviorSubject\n} from 'rxjs';\n\n@Component({\n  selector: 'sky-grid-demo',\n  templateUrl: './grid-demo.component.html'\n})\nexport class GridDemoComponent implements OnInit {\n\n  public asyncHeading = new BehaviorSubject<string>('');\n\n  public data: any[] = [\n    { id: '1', name: 'Niels Bohr', email: 'niels.bohr@example.com', amount: 170.75, status: 'Paid' },\n    { id: '2', name: 'Ada Lovelace', email: 'ada.lovelace@example.com', amount: 114.13, status: 'Paid' },\n    { id: '3', name: 'Marie Curie', email: 'marie.curie@example.com', amount: 111, status: 'Past due' },\n    { id: '4', name: 'Barbara McClintock', email: 'barbara.mcclintock@example.com', amount: 84.63, status: 'Paid' },\n    { id: '5', name: 'Michael Faraday', email: 'michael.faraday@example.com', amount: 83.97, status: 'Paid' },\n    { id: '6', name: 'Enrico Fermi', email: 'enrico.fermi@example.com', amount: 74.5, status: 'Past due' },\n    { id: '7', name: 'Mae C. Jemison', email: 'mae.jemison@example.com', amount: 70.86, status: 'Paid' }\n  ];\n\n  public ngOnInit(): void {\n    // Simulate async request:\n    setTimeout(() => {\n      this.asyncHeading.next('Amount');\n    }, 1000);\n  }\n\n  public onSortChangeForGrid(activeSort: ListSortFieldSelectorModel): void {\n    this.data = this.sortGridData(activeSort, this.data);\n  }\n\n  private sortGridData(activeSort: ListSortFieldSelectorModel, data: any[]): any[] {\n    const sortField = activeSort.fieldSelector;\n    const descending = activeSort.descending;\n\n    return data.sort((a: any, b: any) => {\n      let value1 = a[sortField];\n      let value2 = b[sortField];\n\n      if (value1 && typeof value1 === 'string') {\n        value1 = value1.toLowerCase();\n      }\n\n      if (value2 && typeof value2 === 'string') {\n        value2 = value2.toLowerCase();\n      }\n\n      if (value1 === value2) {\n        return 0;\n      }\n\n      let result = value1 > value2 ? 1 : -1;\n\n      if (descending) {\n        result *= -1;\n      }\n\n      return result;\n    }).slice();\n  }\n\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { ListSortFieldSelectorModel } from '@skyux/list-builder-common';\n\nimport { BehaviorSubject } from 'rxjs';\n\n@Component({\n  selector: 'app-grid-demo',\n  templateUrl: './grid-demo.component.html',\n})\nexport class GridDemoComponent implements OnInit {\n  public asyncHeading = new BehaviorSubject<string>('');\n\n  public data: any[] = [\n    {\n      id: '1',\n      name: 'Niels Bohr',\n      email: 'niels.bohr@example.com',\n      amount: 170.75,\n      status: 'Paid',\n    },\n    {\n      id: '2',\n      name: 'Ada Lovelace',\n      email: 'ada.lovelace@example.com',\n      amount: 114.13,\n      status: 'Paid',\n    },\n    {\n      id: '3',\n      name: 'Marie Curie',\n      email: 'marie.curie@example.com',\n      amount: 111,\n      status: 'Past due',\n    },\n    {\n      id: '4',\n      name: 'Barbara McClintock',\n      email: 'barbara.mcclintock@example.com',\n      amount: 84.63,\n      status: 'Paid',\n    },\n    {\n      id: '5',\n      name: 'Michael Faraday',\n      email: 'michael.faraday@example.com',\n      amount: 83.97,\n      status: 'Paid',\n    },\n    {\n      id: '6',\n      name: 'Enrico Fermi',\n      email: 'enrico.fermi@example.com',\n      amount: 74.5,\n      status: 'Past due',\n    },\n    {\n      id: '7',\n      name: 'Mae C. Jemison',\n      email: 'mae.jemison@example.com',\n      amount: 70.86,\n      status: 'Paid',\n    },\n  ];\n\n  public ngOnInit(): void {\n    // Simulate async request:\n    setTimeout(() => {\n      this.asyncHeading.next('Amount');\n    }, 1000);\n  }\n\n  public onSortChangeForGrid(activeSort: ListSortFieldSelectorModel): void {\n    this.data = this.sortGridData(activeSort, this.data);\n  }\n\n  private sortGridData(\n    activeSort: ListSortFieldSelectorModel,\n    data: any[]\n  ): any[] {\n    const sortField = activeSort.fieldSelector;\n    const descending = activeSort.descending;\n\n    return data\n      .sort((a: any, b: any) => {\n        let value1 = a[sortField];\n        let value2 = b[sortField];\n\n        if (value1 && typeof value1 === 'string') {\n          value1 = value1.toLowerCase();\n        }\n\n        if (value2 && typeof value2 === 'string') {\n          value2 = value2.toLowerCase();\n        }\n\n        if (value1 === value2) {\n          return 0;\n        }\n\n        let result = value1 > value2 ? 1 : -1;\n\n        if (descending) {\n          result *= -1;\n        }\n\n        return result;\n      })\n      .slice();\n  }\n}\n"
     },
     {
       "fileName": "grid-demo.module.ts",
       "filePath": "/projects/grids/documentation/code-examples/grid/column-template/grid-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyGridModule\n} from '@skyux/grids';\n\nimport {\n  GridDemoComponent\n} from './grid-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyGridModule\n  ],\n  declarations: [\n    GridDemoComponent\n  ],\n  exports: [\n    GridDemoComponent\n  ]\n})\nexport class GridDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyGridModule } from '@skyux/grids';\n\nimport { GridDemoComponent } from './grid-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyGridModule],\n  declarations: [GridDemoComponent],\n  exports: [GridDemoComponent],\n})\nexport class GridDemoModule {}\n"
     },
     {
       "fileName": "grid-demo.component.html",
       "filePath": "/projects/grids/documentation/code-examples/grid/multiselect/grid-demo.component.html",
-      "rawContents": "<sky-grid\n  [data]=\"data\"\n  [enableMultiselect]=\"true\"\n  (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n  (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n  <sky-grid-column\n    field=\"name\"\n    heading=\"Name\"\n  ></sky-grid-column>\n  <sky-grid-column\n    field=\"email\"\n    heading=\"Email\"\n  ></sky-grid-column>\n  <sky-grid-column\n    field=\"amount\"\n    heading=\"Amount\"\n  ></sky-grid-column>\n  <sky-grid-column\n    field=\"status\"\n    heading=\"Status\"\n  ></sky-grid-column>\n</sky-grid>\n\n<p>\n  Selected rows:\n</p>\n<p>\n  {{ selectedRows }}\n</p>\n"
+      "rawContents": "<sky-grid\n  [data]=\"data\"\n  [enableMultiselect]=\"true\"\n  (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n  (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n  <sky-grid-column field=\"name\" heading=\"Name\"></sky-grid-column>\n  <sky-grid-column field=\"email\" heading=\"Email\"></sky-grid-column>\n  <sky-grid-column field=\"amount\" heading=\"Amount\"></sky-grid-column>\n  <sky-grid-column field=\"status\" heading=\"Status\"></sky-grid-column>\n</sky-grid>\n\n<p>Selected rows:</p>\n<p>\n  {{ selectedRows }}\n</p>\n"
     },
     {
       "fileName": "grid-demo.component.ts",
       "filePath": "/projects/grids/documentation/code-examples/grid/multiselect/grid-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  ListSortFieldSelectorModel\n} from '@skyux/list-builder-common';\n\nimport {\n  SkyGridSelectedRowsModelChange\n} from '@skyux/grids';\n\n@Component({\n  selector: 'sky-grid-demo',\n  templateUrl: './grid-demo.component.html'\n})\nexport class GridDemoComponent {\n\n  public data: any[] = [\n    { id: '1', name: 'Niels Bohr', email: 'niels.bohr@example.com', amount: 170.75, status: 'Paid' },\n    { id: '2', name: 'Ada Lovelace', email: 'ada.lovelace@example.com', amount: 114.13, status: 'Paid' },\n    { id: '3', name: 'Marie Curie', email: 'marie.curie@example.com', amount: 111, status: 'Past due' },\n    { id: '4', name: 'Barbara McClintock', email: 'barbara.mcclintock@example.com', amount: 84.63, status: 'Paid' },\n    { id: '5', name: 'Michael Faraday', email: 'michael.faraday@example.com', amount: 83.97, status: 'Paid' },\n    { id: '6', name: 'Enrico Fermi', email: 'enrico.fermi@example.com', amount: 74.5, status: 'Past due' },\n    { id: '7', name: 'Mae C. Jemison', email: 'mae.jemison@example.com', amount: 70.86, status: 'Paid' }\n  ];\n\n  public selectedRows: string;\n\n  public onMultiselectSelectionChange(value: SkyGridSelectedRowsModelChange): void {\n    this.selectedRows = value.selectedRowIds.toString();\n  }\n\n  public onSortChangeForGrid(activeSort: ListSortFieldSelectorModel): void {\n    this.data = this.sortGridData(activeSort, this.data);\n  }\n\n  private sortGridData(activeSort: ListSortFieldSelectorModel, data: any[]): any[] {\n    const sortField = activeSort.fieldSelector;\n    const descending = activeSort.descending;\n\n    return data.sort((a: any, b: any) => {\n      let value1 = a[sortField];\n      let value2 = b[sortField];\n\n      if (value1 && typeof value1 === 'string') {\n        value1 = value1.toLowerCase();\n      }\n\n      if (value2 && typeof value2 === 'string') {\n        value2 = value2.toLowerCase();\n      }\n\n      if (value1 === value2) {\n        return 0;\n      }\n\n      let result = value1 > value2 ? 1 : -1;\n\n      if (descending) {\n        result *= -1;\n      }\n\n      return result;\n    }).slice();\n  }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { ListSortFieldSelectorModel } from '@skyux/list-builder-common';\n\nimport { SkyGridSelectedRowsModelChange } from '@skyux/grids';\n\n@Component({\n  selector: 'app-grid-demo',\n  templateUrl: './grid-demo.component.html',\n})\nexport class GridDemoComponent {\n  public data: any[] = [\n    {\n      id: '1',\n      name: 'Niels Bohr',\n      email: 'niels.bohr@example.com',\n      amount: 170.75,\n      status: 'Paid',\n    },\n    {\n      id: '2',\n      name: 'Ada Lovelace',\n      email: 'ada.lovelace@example.com',\n      amount: 114.13,\n      status: 'Paid',\n    },\n    {\n      id: '3',\n      name: 'Marie Curie',\n      email: 'marie.curie@example.com',\n      amount: 111,\n      status: 'Past due',\n    },\n    {\n      id: '4',\n      name: 'Barbara McClintock',\n      email: 'barbara.mcclintock@example.com',\n      amount: 84.63,\n      status: 'Paid',\n    },\n    {\n      id: '5',\n      name: 'Michael Faraday',\n      email: 'michael.faraday@example.com',\n      amount: 83.97,\n      status: 'Paid',\n    },\n    {\n      id: '6',\n      name: 'Enrico Fermi',\n      email: 'enrico.fermi@example.com',\n      amount: 74.5,\n      status: 'Past due',\n    },\n    {\n      id: '7',\n      name: 'Mae C. Jemison',\n      email: 'mae.jemison@example.com',\n      amount: 70.86,\n      status: 'Paid',\n    },\n  ];\n\n  public selectedRows: string;\n\n  public onMultiselectSelectionChange(\n    value: SkyGridSelectedRowsModelChange\n  ): void {\n    this.selectedRows = value.selectedRowIds.toString();\n  }\n\n  public onSortChangeForGrid(activeSort: ListSortFieldSelectorModel): void {\n    this.data = this.sortGridData(activeSort, this.data);\n  }\n\n  private sortGridData(\n    activeSort: ListSortFieldSelectorModel,\n    data: any[]\n  ): any[] {\n    const sortField = activeSort.fieldSelector;\n    const descending = activeSort.descending;\n\n    return data\n      .sort((a: any, b: any) => {\n        let value1 = a[sortField];\n        let value2 = b[sortField];\n\n        if (value1 && typeof value1 === 'string') {\n          value1 = value1.toLowerCase();\n        }\n\n        if (value2 && typeof value2 === 'string') {\n          value2 = value2.toLowerCase();\n        }\n\n        if (value1 === value2) {\n          return 0;\n        }\n\n        let result = value1 > value2 ? 1 : -1;\n\n        if (descending) {\n          result *= -1;\n        }\n\n        return result;\n      })\n      .slice();\n  }\n}\n"
     },
     {
       "fileName": "grid-demo.module.ts",
       "filePath": "/projects/grids/documentation/code-examples/grid/multiselect/grid-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyGridModule\n} from '@skyux/grids';\n\nimport {\n  GridDemoComponent\n} from './grid-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyGridModule\n  ],\n  declarations: [\n    GridDemoComponent\n  ],\n  exports: [\n    GridDemoComponent\n  ]\n})\nexport class GridDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyGridModule } from '@skyux/grids';\n\nimport { GridDemoComponent } from './grid-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyGridModule],\n  declarations: [GridDemoComponent],\n  exports: [GridDemoComponent],\n})\nexport class GridDemoModule {}\n"
     }
   ]
-}
+}