@skyux/grids 5.0.0 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-grids.umd.js +322 -303
- package/bundles/skyux-grids.umd.js.map +1 -1
- package/documentation.json +116 -111
- package/esm2015/modules/grid/grid-adapter.service.js +17 -17
- package/esm2015/modules/grid/grid-cell.component.js +7 -7
- package/esm2015/modules/grid/grid-column.component.js +12 -11
- package/esm2015/modules/grid/grid-column.model.js +1 -1
- package/esm2015/modules/grid/grid.component.js +119 -99
- package/esm2015/modules/grid/grid.module.js +11 -15
- package/esm2015/modules/grid/types/grid-column-width-model-change.js +1 -1
- package/esm2015/modules/grid/types/grid-message-type.js +1 -1
- package/esm2015/modules/grid/types/grid-message.js +1 -1
- package/esm2015/modules/grid/types/grid-row-delete-contents.js +1 -1
- package/esm2015/modules/grid/types/grid-selected-rows-model-change.js +1 -1
- package/esm2015/modules/grid/types/grid-selected-rows-source.js +1 -1
- package/esm2015/modules/shared/skyux-grids-resources.module.js +16 -12
- package/fesm2015/skyux-grids.js +256 -235
- package/fesm2015/skyux-grids.js.map +1 -1
- package/modules/grid/grid.component.d.ts +3 -3
- package/package.json +12 -12
package/documentation.json
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"sources": [
|
|
37
37
|
{
|
|
38
38
|
"fileName": "projects/grids/src/modules/grid/types/grid-message-type.ts",
|
|
39
|
-
"line":
|
|
39
|
+
"line": 10,
|
|
40
40
|
"character": 2
|
|
41
41
|
}
|
|
42
42
|
],
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"sources": [
|
|
55
55
|
{
|
|
56
56
|
"fileName": "projects/grids/src/modules/grid/types/grid-message-type.ts",
|
|
57
|
-
"line":
|
|
57
|
+
"line": 5,
|
|
58
58
|
"character": 2
|
|
59
59
|
}
|
|
60
60
|
],
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"name": "Component"
|
|
97
97
|
},
|
|
98
98
|
"arguments": {
|
|
99
|
-
"obj": "{\n selector: 'sky-grid-column',\n template: '<ng-content></ng-content>',\n changeDetection: ChangeDetectionStrategy.OnPush
|
|
99
|
+
"obj": "{\n selector: 'sky-grid-column',\n template: '<ng-content></ng-content>',\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
],
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
"sources": [
|
|
153
153
|
{
|
|
154
154
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
155
|
-
"line":
|
|
155
|
+
"line": 35,
|
|
156
156
|
"character": 9
|
|
157
157
|
}
|
|
158
158
|
],
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
"sources": [
|
|
188
188
|
{
|
|
189
189
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
190
|
-
"line":
|
|
190
|
+
"line": 41,
|
|
191
191
|
"character": 9
|
|
192
192
|
}
|
|
193
193
|
],
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
"sources": [
|
|
208
208
|
{
|
|
209
209
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
210
|
-
"line":
|
|
210
|
+
"line": 136,
|
|
211
211
|
"character": 9
|
|
212
212
|
}
|
|
213
213
|
],
|
|
@@ -234,7 +234,7 @@
|
|
|
234
234
|
"sources": [
|
|
235
235
|
{
|
|
236
236
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
237
|
-
"line":
|
|
237
|
+
"line": 138,
|
|
238
238
|
"character": 9
|
|
239
239
|
}
|
|
240
240
|
],
|
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
"sources": [
|
|
281
281
|
{
|
|
282
282
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
283
|
-
"line":
|
|
283
|
+
"line": 48,
|
|
284
284
|
"character": 9
|
|
285
285
|
}
|
|
286
286
|
],
|
|
@@ -313,7 +313,7 @@
|
|
|
313
313
|
"sources": [
|
|
314
314
|
{
|
|
315
315
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
316
|
-
"line":
|
|
316
|
+
"line": 57,
|
|
317
317
|
"character": 9
|
|
318
318
|
}
|
|
319
319
|
],
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
"sources": [
|
|
347
347
|
{
|
|
348
348
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
349
|
-
"line":
|
|
349
|
+
"line": 63,
|
|
350
350
|
"character": 9
|
|
351
351
|
}
|
|
352
352
|
],
|
|
@@ -366,7 +366,7 @@
|
|
|
366
366
|
"sources": [
|
|
367
367
|
{
|
|
368
368
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
369
|
-
"line":
|
|
369
|
+
"line": 141,
|
|
370
370
|
"character": 9
|
|
371
371
|
}
|
|
372
372
|
],
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
"sources": [
|
|
394
394
|
{
|
|
395
395
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
396
|
-
"line":
|
|
396
|
+
"line": 143,
|
|
397
397
|
"character": 9
|
|
398
398
|
}
|
|
399
399
|
],
|
|
@@ -439,7 +439,7 @@
|
|
|
439
439
|
"sources": [
|
|
440
440
|
{
|
|
441
441
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
442
|
-
"line":
|
|
442
|
+
"line": 70,
|
|
443
443
|
"character": 9
|
|
444
444
|
}
|
|
445
445
|
],
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
"sources": [
|
|
473
473
|
{
|
|
474
474
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
475
|
-
"line":
|
|
475
|
+
"line": 78,
|
|
476
476
|
"character": 9
|
|
477
477
|
}
|
|
478
478
|
],
|
|
@@ -505,7 +505,7 @@
|
|
|
505
505
|
"sources": [
|
|
506
506
|
{
|
|
507
507
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
508
|
-
"line":
|
|
508
|
+
"line": 84,
|
|
509
509
|
"character": 9
|
|
510
510
|
}
|
|
511
511
|
],
|
|
@@ -525,7 +525,7 @@
|
|
|
525
525
|
"sources": [
|
|
526
526
|
{
|
|
527
527
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
528
|
-
"line":
|
|
528
|
+
"line": 146,
|
|
529
529
|
"character": 9
|
|
530
530
|
}
|
|
531
531
|
],
|
|
@@ -571,7 +571,7 @@
|
|
|
571
571
|
"sources": [
|
|
572
572
|
{
|
|
573
573
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
574
|
-
"line":
|
|
574
|
+
"line": 91,
|
|
575
575
|
"character": 9
|
|
576
576
|
}
|
|
577
577
|
],
|
|
@@ -611,7 +611,7 @@
|
|
|
611
611
|
"sources": [
|
|
612
612
|
{
|
|
613
613
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
614
|
-
"line":
|
|
614
|
+
"line": 100,
|
|
615
615
|
"character": 9
|
|
616
616
|
}
|
|
617
617
|
],
|
|
@@ -643,7 +643,7 @@
|
|
|
643
643
|
"sources": [
|
|
644
644
|
{
|
|
645
645
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
646
|
-
"line":
|
|
646
|
+
"line": 109,
|
|
647
647
|
"character": 9
|
|
648
648
|
}
|
|
649
649
|
],
|
|
@@ -731,7 +731,7 @@
|
|
|
731
731
|
"sources": [
|
|
732
732
|
{
|
|
733
733
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
734
|
-
"line":
|
|
734
|
+
"line": 127,
|
|
735
735
|
"character": 9
|
|
736
736
|
}
|
|
737
737
|
],
|
|
@@ -770,7 +770,7 @@
|
|
|
770
770
|
"sources": [
|
|
771
771
|
{
|
|
772
772
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
773
|
-
"line":
|
|
773
|
+
"line": 134,
|
|
774
774
|
"character": 9
|
|
775
775
|
}
|
|
776
776
|
],
|
|
@@ -790,7 +790,7 @@
|
|
|
790
790
|
"sources": [
|
|
791
791
|
{
|
|
792
792
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
793
|
-
"line":
|
|
793
|
+
"line": 181,
|
|
794
794
|
"character": 13
|
|
795
795
|
}
|
|
796
796
|
],
|
|
@@ -825,7 +825,7 @@
|
|
|
825
825
|
"sources": [
|
|
826
826
|
{
|
|
827
827
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
828
|
-
"line":
|
|
828
|
+
"line": 152,
|
|
829
829
|
"character": 9
|
|
830
830
|
}
|
|
831
831
|
],
|
|
@@ -915,7 +915,7 @@
|
|
|
915
915
|
"sources": [
|
|
916
916
|
{
|
|
917
917
|
"fileName": "projects/grids/src/modules/grid/grid-column.component.ts",
|
|
918
|
-
"line":
|
|
918
|
+
"line": 29,
|
|
919
919
|
"character": 13
|
|
920
920
|
}
|
|
921
921
|
],
|
|
@@ -940,7 +940,7 @@
|
|
|
940
940
|
"name": "Component"
|
|
941
941
|
},
|
|
942
942
|
"arguments": {
|
|
943
|
-
"obj": "{\n selector: 'sky-grid',\n templateUrl: './grid.component.html',\n styleUrls: ['./grid.component.scss'],\n viewProviders: [DragulaService],\n providers: [
|
|
943
|
+
"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}"
|
|
944
944
|
}
|
|
945
945
|
}
|
|
946
946
|
],
|
|
@@ -954,7 +954,7 @@
|
|
|
954
954
|
"sources": [
|
|
955
955
|
{
|
|
956
956
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
957
|
-
"line":
|
|
957
|
+
"line": 346,
|
|
958
958
|
"character": 2
|
|
959
959
|
}
|
|
960
960
|
],
|
|
@@ -1063,7 +1063,7 @@
|
|
|
1063
1063
|
"sources": [
|
|
1064
1064
|
{
|
|
1065
1065
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1066
|
-
"line":
|
|
1066
|
+
"line": 297,
|
|
1067
1067
|
"character": 9
|
|
1068
1068
|
}
|
|
1069
1069
|
],
|
|
@@ -1097,7 +1097,7 @@
|
|
|
1097
1097
|
"sources": [
|
|
1098
1098
|
{
|
|
1099
1099
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1100
|
-
"line":
|
|
1100
|
+
"line": 260,
|
|
1101
1101
|
"character": 9
|
|
1102
1102
|
}
|
|
1103
1103
|
],
|
|
@@ -1141,7 +1141,7 @@
|
|
|
1141
1141
|
"sources": [
|
|
1142
1142
|
{
|
|
1143
1143
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1144
|
-
"line":
|
|
1144
|
+
"line": 104,
|
|
1145
1145
|
"character": 9
|
|
1146
1146
|
}
|
|
1147
1147
|
],
|
|
@@ -1164,7 +1164,7 @@
|
|
|
1164
1164
|
"sources": [
|
|
1165
1165
|
{
|
|
1166
1166
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1167
|
-
"line":
|
|
1167
|
+
"line": 298,
|
|
1168
1168
|
"character": 9
|
|
1169
1169
|
}
|
|
1170
1170
|
],
|
|
@@ -1203,7 +1203,7 @@
|
|
|
1203
1203
|
"sources": [
|
|
1204
1204
|
{
|
|
1205
1205
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1206
|
-
"line":
|
|
1206
|
+
"line": 111,
|
|
1207
1207
|
"character": 9
|
|
1208
1208
|
}
|
|
1209
1209
|
],
|
|
@@ -1226,7 +1226,7 @@
|
|
|
1226
1226
|
"sources": [
|
|
1227
1227
|
{
|
|
1228
1228
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1229
|
-
"line":
|
|
1229
|
+
"line": 299,
|
|
1230
1230
|
"character": 9
|
|
1231
1231
|
}
|
|
1232
1232
|
],
|
|
@@ -1268,7 +1268,7 @@
|
|
|
1268
1268
|
"sources": [
|
|
1269
1269
|
{
|
|
1270
1270
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1271
|
-
"line":
|
|
1271
|
+
"line": 122,
|
|
1272
1272
|
"character": 9
|
|
1273
1273
|
}
|
|
1274
1274
|
],
|
|
@@ -1302,7 +1302,7 @@
|
|
|
1302
1302
|
"sources": [
|
|
1303
1303
|
{
|
|
1304
1304
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1305
|
-
"line":
|
|
1305
|
+
"line": 131,
|
|
1306
1306
|
"character": 9
|
|
1307
1307
|
}
|
|
1308
1308
|
],
|
|
@@ -1323,7 +1323,7 @@
|
|
|
1323
1323
|
"sources": [
|
|
1324
1324
|
{
|
|
1325
1325
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1326
|
-
"line":
|
|
1326
|
+
"line": 300,
|
|
1327
1327
|
"character": 9
|
|
1328
1328
|
}
|
|
1329
1329
|
],
|
|
@@ -1357,7 +1357,7 @@
|
|
|
1357
1357
|
"sources": [
|
|
1358
1358
|
{
|
|
1359
1359
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1360
|
-
"line":
|
|
1360
|
+
"line": 137,
|
|
1361
1361
|
"character": 9
|
|
1362
1362
|
}
|
|
1363
1363
|
],
|
|
@@ -1391,7 +1391,7 @@
|
|
|
1391
1391
|
"sources": [
|
|
1392
1392
|
{
|
|
1393
1393
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1394
|
-
"line":
|
|
1394
|
+
"line": 143,
|
|
1395
1395
|
"character": 9
|
|
1396
1396
|
}
|
|
1397
1397
|
],
|
|
@@ -1424,7 +1424,7 @@
|
|
|
1424
1424
|
"sources": [
|
|
1425
1425
|
{
|
|
1426
1426
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1427
|
-
"line":
|
|
1427
|
+
"line": 150,
|
|
1428
1428
|
"character": 9
|
|
1429
1429
|
}
|
|
1430
1430
|
],
|
|
@@ -1444,7 +1444,7 @@
|
|
|
1444
1444
|
"sources": [
|
|
1445
1445
|
{
|
|
1446
1446
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1447
|
-
"line":
|
|
1447
|
+
"line": 302,
|
|
1448
1448
|
"character": 9
|
|
1449
1449
|
}
|
|
1450
1450
|
],
|
|
@@ -1467,7 +1467,7 @@
|
|
|
1467
1467
|
"sources": [
|
|
1468
1468
|
{
|
|
1469
1469
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1470
|
-
"line":
|
|
1470
|
+
"line": 303,
|
|
1471
1471
|
"character": 9
|
|
1472
1472
|
}
|
|
1473
1473
|
],
|
|
@@ -1501,7 +1501,7 @@
|
|
|
1501
1501
|
"sources": [
|
|
1502
1502
|
{
|
|
1503
1503
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1504
|
-
"line":
|
|
1504
|
+
"line": 156,
|
|
1505
1505
|
"character": 9
|
|
1506
1506
|
}
|
|
1507
1507
|
],
|
|
@@ -1529,7 +1529,7 @@
|
|
|
1529
1529
|
"sources": [
|
|
1530
1530
|
{
|
|
1531
1531
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1532
|
-
"line":
|
|
1532
|
+
"line": 304,
|
|
1533
1533
|
"character": 9
|
|
1534
1534
|
}
|
|
1535
1535
|
],
|
|
@@ -1563,7 +1563,7 @@
|
|
|
1563
1563
|
"sources": [
|
|
1564
1564
|
{
|
|
1565
1565
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1566
|
-
"line":
|
|
1566
|
+
"line": 163,
|
|
1567
1567
|
"character": 9
|
|
1568
1568
|
}
|
|
1569
1569
|
],
|
|
@@ -1596,7 +1596,7 @@
|
|
|
1596
1596
|
"sources": [
|
|
1597
1597
|
{
|
|
1598
1598
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1599
|
-
"line":
|
|
1599
|
+
"line": 270,
|
|
1600
1600
|
"character": 9
|
|
1601
1601
|
}
|
|
1602
1602
|
],
|
|
@@ -1624,7 +1624,7 @@
|
|
|
1624
1624
|
"sources": [
|
|
1625
1625
|
{
|
|
1626
1626
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1627
|
-
"line":
|
|
1627
|
+
"line": 301,
|
|
1628
1628
|
"character": 9
|
|
1629
1629
|
}
|
|
1630
1630
|
],
|
|
@@ -1661,7 +1661,7 @@
|
|
|
1661
1661
|
"sources": [
|
|
1662
1662
|
{
|
|
1663
1663
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1664
|
-
"line":
|
|
1664
|
+
"line": 171,
|
|
1665
1665
|
"character": 9
|
|
1666
1666
|
}
|
|
1667
1667
|
],
|
|
@@ -1694,7 +1694,7 @@
|
|
|
1694
1694
|
"sources": [
|
|
1695
1695
|
{
|
|
1696
1696
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1697
|
-
"line":
|
|
1697
|
+
"line": 289,
|
|
1698
1698
|
"character": 9
|
|
1699
1699
|
}
|
|
1700
1700
|
],
|
|
@@ -1737,7 +1737,7 @@
|
|
|
1737
1737
|
"sources": [
|
|
1738
1738
|
{
|
|
1739
1739
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1740
|
-
"line":
|
|
1740
|
+
"line": 236,
|
|
1741
1741
|
"character": 9
|
|
1742
1742
|
}
|
|
1743
1743
|
],
|
|
@@ -1757,7 +1757,7 @@
|
|
|
1757
1757
|
"sources": [
|
|
1758
1758
|
{
|
|
1759
1759
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1760
|
-
"line":
|
|
1760
|
+
"line": 305,
|
|
1761
1761
|
"character": 9
|
|
1762
1762
|
}
|
|
1763
1763
|
],
|
|
@@ -1778,7 +1778,7 @@
|
|
|
1778
1778
|
"sources": [
|
|
1779
1779
|
{
|
|
1780
1780
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1781
|
-
"line":
|
|
1781
|
+
"line": 306,
|
|
1782
1782
|
"character": 9
|
|
1783
1783
|
}
|
|
1784
1784
|
],
|
|
@@ -1812,7 +1812,7 @@
|
|
|
1812
1812
|
"sources": [
|
|
1813
1813
|
{
|
|
1814
1814
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1815
|
-
"line":
|
|
1815
|
+
"line": 248,
|
|
1816
1816
|
"character": 9
|
|
1817
1817
|
}
|
|
1818
1818
|
],
|
|
@@ -1845,7 +1845,7 @@
|
|
|
1845
1845
|
"sources": [
|
|
1846
1846
|
{
|
|
1847
1847
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1848
|
-
"line":
|
|
1848
|
+
"line": 295,
|
|
1849
1849
|
"character": 9
|
|
1850
1850
|
}
|
|
1851
1851
|
],
|
|
@@ -1885,7 +1885,7 @@
|
|
|
1885
1885
|
"sources": [
|
|
1886
1886
|
{
|
|
1887
1887
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1888
|
-
"line":
|
|
1888
|
+
"line": 254,
|
|
1889
1889
|
"character": 9
|
|
1890
1890
|
}
|
|
1891
1891
|
],
|
|
@@ -1915,7 +1915,7 @@
|
|
|
1915
1915
|
"sources": [
|
|
1916
1916
|
{
|
|
1917
1917
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1918
|
-
"line":
|
|
1918
|
+
"line": 178,
|
|
1919
1919
|
"character": 13
|
|
1920
1920
|
}
|
|
1921
1921
|
],
|
|
@@ -1992,7 +1992,7 @@
|
|
|
1992
1992
|
"sources": [
|
|
1993
1993
|
{
|
|
1994
1994
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
1995
|
-
"line":
|
|
1995
|
+
"line": 216,
|
|
1996
1996
|
"character": 13
|
|
1997
1997
|
}
|
|
1998
1998
|
],
|
|
@@ -2059,7 +2059,7 @@
|
|
|
2059
2059
|
"sources": [
|
|
2060
2060
|
{
|
|
2061
2061
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2062
|
-
"line":
|
|
2062
|
+
"line": 308,
|
|
2063
2063
|
"character": 13
|
|
2064
2064
|
}
|
|
2065
2065
|
],
|
|
@@ -2088,7 +2088,7 @@
|
|
|
2088
2088
|
"sources": [
|
|
2089
2089
|
{
|
|
2090
2090
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2091
|
-
"line":
|
|
2091
|
+
"line": 770,
|
|
2092
2092
|
"character": 9
|
|
2093
2093
|
}
|
|
2094
2094
|
],
|
|
@@ -2130,7 +2130,7 @@
|
|
|
2130
2130
|
"sources": [
|
|
2131
2131
|
{
|
|
2132
2132
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2133
|
-
"line":
|
|
2133
|
+
"line": 779,
|
|
2134
2134
|
"character": 9
|
|
2135
2135
|
}
|
|
2136
2136
|
],
|
|
@@ -2172,7 +2172,7 @@
|
|
|
2172
2172
|
"sources": [
|
|
2173
2173
|
{
|
|
2174
2174
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2175
|
-
"line":
|
|
2175
|
+
"line": 553,
|
|
2176
2176
|
"character": 9
|
|
2177
2177
|
}
|
|
2178
2178
|
],
|
|
@@ -2220,7 +2220,7 @@
|
|
|
2220
2220
|
"sources": [
|
|
2221
2221
|
{
|
|
2222
2222
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2223
|
-
"line":
|
|
2223
|
+
"line": 489,
|
|
2224
2224
|
"character": 9
|
|
2225
2225
|
}
|
|
2226
2226
|
],
|
|
@@ -2262,7 +2262,7 @@
|
|
|
2262
2262
|
"sources": [
|
|
2263
2263
|
{
|
|
2264
2264
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2265
|
-
"line":
|
|
2265
|
+
"line": 568,
|
|
2266
2266
|
"character": 9
|
|
2267
2267
|
}
|
|
2268
2268
|
],
|
|
@@ -2310,7 +2310,7 @@
|
|
|
2310
2310
|
"sources": [
|
|
2311
2311
|
{
|
|
2312
2312
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2313
|
-
"line":
|
|
2313
|
+
"line": 577,
|
|
2314
2314
|
"character": 9
|
|
2315
2315
|
}
|
|
2316
2316
|
],
|
|
@@ -2358,7 +2358,7 @@
|
|
|
2358
2358
|
"sources": [
|
|
2359
2359
|
{
|
|
2360
2360
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2361
|
-
"line":
|
|
2361
|
+
"line": 784,
|
|
2362
2362
|
"character": 9
|
|
2363
2363
|
}
|
|
2364
2364
|
],
|
|
@@ -2400,7 +2400,7 @@
|
|
|
2400
2400
|
"sources": [
|
|
2401
2401
|
{
|
|
2402
2402
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2403
|
-
"line":
|
|
2403
|
+
"line": 766,
|
|
2404
2404
|
"character": 9
|
|
2405
2405
|
}
|
|
2406
2406
|
],
|
|
@@ -2442,7 +2442,7 @@
|
|
|
2442
2442
|
"sources": [
|
|
2443
2443
|
{
|
|
2444
2444
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2445
|
-
"line":
|
|
2445
|
+
"line": 540,
|
|
2446
2446
|
"character": 9
|
|
2447
2447
|
}
|
|
2448
2448
|
],
|
|
@@ -2490,7 +2490,7 @@
|
|
|
2490
2490
|
"sources": [
|
|
2491
2491
|
{
|
|
2492
2492
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2493
|
-
"line":
|
|
2493
|
+
"line": 465,
|
|
2494
2494
|
"character": 9
|
|
2495
2495
|
}
|
|
2496
2496
|
],
|
|
@@ -2519,7 +2519,7 @@
|
|
|
2519
2519
|
"sources": [
|
|
2520
2520
|
{
|
|
2521
2521
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2522
|
-
"line":
|
|
2522
|
+
"line": 479,
|
|
2523
2523
|
"character": 9
|
|
2524
2524
|
}
|
|
2525
2525
|
],
|
|
@@ -2561,7 +2561,7 @@
|
|
|
2561
2561
|
"sources": [
|
|
2562
2562
|
{
|
|
2563
2563
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2564
|
-
"line":
|
|
2564
|
+
"line": 461,
|
|
2565
2565
|
"character": 9
|
|
2566
2566
|
}
|
|
2567
2567
|
],
|
|
@@ -2590,7 +2590,7 @@
|
|
|
2590
2590
|
"sources": [
|
|
2591
2591
|
{
|
|
2592
2592
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2593
|
-
"line":
|
|
2593
|
+
"line": 759,
|
|
2594
2594
|
"character": 9
|
|
2595
2595
|
}
|
|
2596
2596
|
],
|
|
@@ -2632,7 +2632,7 @@
|
|
|
2632
2632
|
"sources": [
|
|
2633
2633
|
{
|
|
2634
2634
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2635
|
-
"line":
|
|
2635
|
+
"line": 371,
|
|
2636
2636
|
"character": 9
|
|
2637
2637
|
}
|
|
2638
2638
|
],
|
|
@@ -2669,7 +2669,7 @@
|
|
|
2669
2669
|
"sources": [
|
|
2670
2670
|
{
|
|
2671
2671
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2672
|
-
"line":
|
|
2672
|
+
"line": 391,
|
|
2673
2673
|
"character": 9
|
|
2674
2674
|
}
|
|
2675
2675
|
],
|
|
@@ -2706,7 +2706,7 @@
|
|
|
2706
2706
|
"sources": [
|
|
2707
2707
|
{
|
|
2708
2708
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2709
|
-
"line":
|
|
2709
|
+
"line": 395,
|
|
2710
2710
|
"character": 9
|
|
2711
2711
|
}
|
|
2712
2712
|
],
|
|
@@ -2756,7 +2756,7 @@
|
|
|
2756
2756
|
"sources": [
|
|
2757
2757
|
{
|
|
2758
2758
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2759
|
-
"line":
|
|
2759
|
+
"line": 442,
|
|
2760
2760
|
"character": 9
|
|
2761
2761
|
}
|
|
2762
2762
|
],
|
|
@@ -2793,7 +2793,7 @@
|
|
|
2793
2793
|
"sources": [
|
|
2794
2794
|
{
|
|
2795
2795
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2796
|
-
"line":
|
|
2796
|
+
"line": 363,
|
|
2797
2797
|
"character": 9
|
|
2798
2798
|
}
|
|
2799
2799
|
],
|
|
@@ -2830,7 +2830,7 @@
|
|
|
2830
2830
|
"sources": [
|
|
2831
2831
|
{
|
|
2832
2832
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2833
|
-
"line":
|
|
2833
|
+
"line": 807,
|
|
2834
2834
|
"character": 9
|
|
2835
2835
|
}
|
|
2836
2836
|
],
|
|
@@ -2872,7 +2872,7 @@
|
|
|
2872
2872
|
"sources": [
|
|
2873
2873
|
{
|
|
2874
2874
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2875
|
-
"line":
|
|
2875
|
+
"line": 693,
|
|
2876
2876
|
"character": 9
|
|
2877
2877
|
}
|
|
2878
2878
|
],
|
|
@@ -2914,7 +2914,7 @@
|
|
|
2914
2914
|
"sources": [
|
|
2915
2915
|
{
|
|
2916
2916
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2917
|
-
"line":
|
|
2917
|
+
"line": 504,
|
|
2918
2918
|
"character": 9
|
|
2919
2919
|
}
|
|
2920
2920
|
],
|
|
@@ -2967,7 +2967,7 @@
|
|
|
2967
2967
|
"sources": [
|
|
2968
2968
|
{
|
|
2969
2969
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
2970
|
-
"line":
|
|
2970
|
+
"line": 683,
|
|
2971
2971
|
"character": 9
|
|
2972
2972
|
}
|
|
2973
2973
|
],
|
|
@@ -3009,7 +3009,7 @@
|
|
|
3009
3009
|
"sources": [
|
|
3010
3010
|
{
|
|
3011
3011
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3012
|
-
"line":
|
|
3012
|
+
"line": 585,
|
|
3013
3013
|
"character": 9
|
|
3014
3014
|
}
|
|
3015
3015
|
],
|
|
@@ -3038,7 +3038,7 @@
|
|
|
3038
3038
|
"sources": [
|
|
3039
3039
|
{
|
|
3040
3040
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3041
|
-
"line":
|
|
3041
|
+
"line": 636,
|
|
3042
3042
|
"character": 9
|
|
3043
3043
|
}
|
|
3044
3044
|
],
|
|
@@ -3080,7 +3080,7 @@
|
|
|
3080
3080
|
"sources": [
|
|
3081
3081
|
{
|
|
3082
3082
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3083
|
-
"line":
|
|
3083
|
+
"line": 720,
|
|
3084
3084
|
"character": 9
|
|
3085
3085
|
}
|
|
3086
3086
|
],
|
|
@@ -3122,7 +3122,7 @@
|
|
|
3122
3122
|
"sources": [
|
|
3123
3123
|
{
|
|
3124
3124
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3125
|
-
"line":
|
|
3125
|
+
"line": 724,
|
|
3126
3126
|
"character": 9
|
|
3127
3127
|
}
|
|
3128
3128
|
],
|
|
@@ -3164,7 +3164,7 @@
|
|
|
3164
3164
|
"sources": [
|
|
3165
3165
|
{
|
|
3166
3166
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3167
|
-
"line":
|
|
3167
|
+
"line": 702,
|
|
3168
3168
|
"character": 9
|
|
3169
3169
|
}
|
|
3170
3170
|
],
|
|
@@ -3206,7 +3206,7 @@
|
|
|
3206
3206
|
"sources": [
|
|
3207
3207
|
{
|
|
3208
3208
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3209
|
-
"line":
|
|
3209
|
+
"line": 733,
|
|
3210
3210
|
"character": 9
|
|
3211
3211
|
}
|
|
3212
3212
|
],
|
|
@@ -3248,7 +3248,7 @@
|
|
|
3248
3248
|
"sources": [
|
|
3249
3249
|
{
|
|
3250
3250
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3251
|
-
"line":
|
|
3251
|
+
"line": 745,
|
|
3252
3252
|
"character": 9
|
|
3253
3253
|
}
|
|
3254
3254
|
],
|
|
@@ -3301,7 +3301,7 @@
|
|
|
3301
3301
|
"sources": [
|
|
3302
3302
|
{
|
|
3303
3303
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3304
|
-
"line":
|
|
3304
|
+
"line": 793,
|
|
3305
3305
|
"character": 9
|
|
3306
3306
|
}
|
|
3307
3307
|
],
|
|
@@ -3343,7 +3343,7 @@
|
|
|
3343
3343
|
"sources": [
|
|
3344
3344
|
{
|
|
3345
3345
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3346
|
-
"line":
|
|
3346
|
+
"line": 789,
|
|
3347
3347
|
"character": 9
|
|
3348
3348
|
}
|
|
3349
3349
|
],
|
|
@@ -3397,7 +3397,7 @@
|
|
|
3397
3397
|
"sources": [
|
|
3398
3398
|
{
|
|
3399
3399
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3400
|
-
"line":
|
|
3400
|
+
"line": 457,
|
|
3401
3401
|
"character": 9
|
|
3402
3402
|
}
|
|
3403
3403
|
],
|
|
@@ -3426,7 +3426,7 @@
|
|
|
3426
3426
|
"sources": [
|
|
3427
3427
|
{
|
|
3428
3428
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3429
|
-
"line":
|
|
3429
|
+
"line": 511,
|
|
3430
3430
|
"character": 9
|
|
3431
3431
|
}
|
|
3432
3432
|
],
|
|
@@ -3468,7 +3468,7 @@
|
|
|
3468
3468
|
"sources": [
|
|
3469
3469
|
{
|
|
3470
3470
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3471
|
-
"line":
|
|
3471
|
+
"line": 621,
|
|
3472
3472
|
"character": 9
|
|
3473
3473
|
}
|
|
3474
3474
|
],
|
|
@@ -3510,7 +3510,7 @@
|
|
|
3510
3510
|
"sources": [
|
|
3511
3511
|
{
|
|
3512
3512
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3513
|
-
"line":
|
|
3513
|
+
"line": 589,
|
|
3514
3514
|
"character": 9
|
|
3515
3515
|
}
|
|
3516
3516
|
],
|
|
@@ -3552,7 +3552,7 @@
|
|
|
3552
3552
|
"sources": [
|
|
3553
3553
|
{
|
|
3554
3554
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3555
|
-
"line":
|
|
3555
|
+
"line": 604,
|
|
3556
3556
|
"character": 9
|
|
3557
3557
|
}
|
|
3558
3558
|
],
|
|
@@ -3680,7 +3680,7 @@
|
|
|
3680
3680
|
"sources": [
|
|
3681
3681
|
{
|
|
3682
3682
|
"fileName": "projects/grids/src/modules/grid/grid.component.ts",
|
|
3683
|
-
"line":
|
|
3683
|
+
"line": 97,
|
|
3684
3684
|
"character": 13
|
|
3685
3685
|
}
|
|
3686
3686
|
],
|
|
@@ -3721,7 +3721,7 @@
|
|
|
3721
3721
|
"name": "NgModule"
|
|
3722
3722
|
},
|
|
3723
3723
|
"arguments": {
|
|
3724
|
-
"obj": "{\n declarations: [\n SkyGridComponent,\n SkyGridColumnComponent,\n SkyGridCellComponent
|
|
3724
|
+
"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}"
|
|
3725
3725
|
}
|
|
3726
3726
|
}
|
|
3727
3727
|
],
|
|
@@ -3760,7 +3760,7 @@
|
|
|
3760
3760
|
"sources": [
|
|
3761
3761
|
{
|
|
3762
3762
|
"fileName": "projects/grids/src/modules/grid/grid.module.ts",
|
|
3763
|
-
"line":
|
|
3763
|
+
"line": 53,
|
|
3764
3764
|
"character": 13
|
|
3765
3765
|
}
|
|
3766
3766
|
]
|
|
@@ -3786,7 +3786,7 @@
|
|
|
3786
3786
|
"sources": [
|
|
3787
3787
|
{
|
|
3788
3788
|
"fileName": "projects/grids/src/modules/grid/types/grid-column-width-model-change.ts",
|
|
3789
|
-
"line":
|
|
3789
|
+
"line": 10,
|
|
3790
3790
|
"character": 2
|
|
3791
3791
|
}
|
|
3792
3792
|
],
|
|
@@ -3809,7 +3809,7 @@
|
|
|
3809
3809
|
"sources": [
|
|
3810
3810
|
{
|
|
3811
3811
|
"fileName": "projects/grids/src/modules/grid/types/grid-column-width-model-change.ts",
|
|
3812
|
-
"line":
|
|
3812
|
+
"line": 5,
|
|
3813
3813
|
"character": 2
|
|
3814
3814
|
}
|
|
3815
3815
|
],
|
|
@@ -3830,7 +3830,7 @@
|
|
|
3830
3830
|
"sources": [
|
|
3831
3831
|
{
|
|
3832
3832
|
"fileName": "projects/grids/src/modules/grid/types/grid-column-width-model-change.ts",
|
|
3833
|
-
"line":
|
|
3833
|
+
"line": 15,
|
|
3834
3834
|
"character": 2
|
|
3835
3835
|
}
|
|
3836
3836
|
],
|
|
@@ -3878,7 +3878,7 @@
|
|
|
3878
3878
|
"sources": [
|
|
3879
3879
|
{
|
|
3880
3880
|
"fileName": "projects/grids/src/modules/grid/types/grid-message.ts",
|
|
3881
|
-
"line":
|
|
3881
|
+
"line": 7,
|
|
3882
3882
|
"character": 2
|
|
3883
3883
|
}
|
|
3884
3884
|
],
|
|
@@ -3901,7 +3901,7 @@
|
|
|
3901
3901
|
"sources": [
|
|
3902
3902
|
{
|
|
3903
3903
|
"fileName": "projects/grids/src/modules/grid/types/grid-message.ts",
|
|
3904
|
-
"line":
|
|
3904
|
+
"line": 3,
|
|
3905
3905
|
"character": 17
|
|
3906
3906
|
}
|
|
3907
3907
|
]
|
|
@@ -3927,7 +3927,7 @@
|
|
|
3927
3927
|
"sources": [
|
|
3928
3928
|
{
|
|
3929
3929
|
"fileName": "projects/grids/src/modules/grid/types/grid-selected-rows-model-change.ts",
|
|
3930
|
-
"line":
|
|
3930
|
+
"line": 7,
|
|
3931
3931
|
"character": 2
|
|
3932
3932
|
}
|
|
3933
3933
|
],
|
|
@@ -3952,7 +3952,7 @@
|
|
|
3952
3952
|
"sources": [
|
|
3953
3953
|
{
|
|
3954
3954
|
"fileName": "projects/grids/src/modules/grid/types/grid-selected-rows-model-change.ts",
|
|
3955
|
-
"line":
|
|
3955
|
+
"line": 3,
|
|
3956
3956
|
"character": 17
|
|
3957
3957
|
}
|
|
3958
3958
|
]
|
|
@@ -4035,50 +4035,55 @@
|
|
|
4035
4035
|
]
|
|
4036
4036
|
},
|
|
4037
4037
|
"codeExamples": [
|
|
4038
|
+
{
|
|
4039
|
+
"fileName": ".eslintrc.json",
|
|
4040
|
+
"filePath": "/projects/grids/documentation/code-examples/.eslintrc.json",
|
|
4041
|
+
"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"
|
|
4042
|
+
},
|
|
4038
4043
|
{
|
|
4039
4044
|
"fileName": "grid-demo.component.html",
|
|
4040
4045
|
"filePath": "/projects/grids/documentation/code-examples/grid/basic/grid-demo.component.html",
|
|
4041
|
-
"rawContents": "<sky-grid\n fit=\"scroll\"\n [data]=\"data\"\n (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n <sky-grid-column
|
|
4046
|
+
"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"
|
|
4042
4047
|
},
|
|
4043
4048
|
{
|
|
4044
4049
|
"fileName": "grid-demo.component.ts",
|
|
4045
4050
|
"filePath": "/projects/grids/documentation/code-examples/grid/basic/grid-demo.component.ts",
|
|
4046
|
-
"rawContents": "import {
|
|
4051
|
+
"rawContents": "import { Component } from '@angular/core';\n\nimport { ListSortFieldSelectorModel } from '@skyux/list-builder-common';\n\n@Component({\n selector: 'sky-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"
|
|
4047
4052
|
},
|
|
4048
4053
|
{
|
|
4049
4054
|
"fileName": "grid-demo.module.ts",
|
|
4050
4055
|
"filePath": "/projects/grids/documentation/code-examples/grid/basic/grid-demo.module.ts",
|
|
4051
|
-
"rawContents": "import {
|
|
4056
|
+
"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"
|
|
4052
4057
|
},
|
|
4053
4058
|
{
|
|
4054
4059
|
"fileName": "grid-demo.component.html",
|
|
4055
4060
|
"filePath": "/projects/grids/documentation/code-examples/grid/column-template/grid-demo.component.html",
|
|
4056
|
-
"rawContents": "<sky-grid\n fit=\"scroll\"\n [data]=\"data\"\n (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n <sky-grid-column
|
|
4061
|
+
"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"
|
|
4057
4062
|
},
|
|
4058
4063
|
{
|
|
4059
4064
|
"fileName": "grid-demo.component.ts",
|
|
4060
4065
|
"filePath": "/projects/grids/documentation/code-examples/grid/column-template/grid-demo.component.ts",
|
|
4061
|
-
"rawContents": "import {
|
|
4066
|
+
"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: 'sky-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"
|
|
4062
4067
|
},
|
|
4063
4068
|
{
|
|
4064
4069
|
"fileName": "grid-demo.module.ts",
|
|
4065
4070
|
"filePath": "/projects/grids/documentation/code-examples/grid/column-template/grid-demo.module.ts",
|
|
4066
|
-
"rawContents": "import {
|
|
4071
|
+
"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"
|
|
4067
4072
|
},
|
|
4068
4073
|
{
|
|
4069
4074
|
"fileName": "grid-demo.component.html",
|
|
4070
4075
|
"filePath": "/projects/grids/documentation/code-examples/grid/multiselect/grid-demo.component.html",
|
|
4071
|
-
"rawContents": "<sky-grid\n [data]=\"data\"\n [enableMultiselect]=\"true\"\n (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n (sortFieldChange)=\"onSortChangeForGrid($event)\"\n>\n <sky-grid-column
|
|
4076
|
+
"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"
|
|
4072
4077
|
},
|
|
4073
4078
|
{
|
|
4074
4079
|
"fileName": "grid-demo.component.ts",
|
|
4075
4080
|
"filePath": "/projects/grids/documentation/code-examples/grid/multiselect/grid-demo.component.ts",
|
|
4076
|
-
"rawContents": "import {
|
|
4081
|
+
"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: 'sky-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"
|
|
4077
4082
|
},
|
|
4078
4083
|
{
|
|
4079
4084
|
"fileName": "grid-demo.module.ts",
|
|
4080
4085
|
"filePath": "/projects/grids/documentation/code-examples/grid/multiselect/grid-demo.module.ts",
|
|
4081
|
-
"rawContents": "import {
|
|
4086
|
+
"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"
|
|
4082
4087
|
}
|
|
4083
4088
|
]
|
|
4084
4089
|
}
|