@skyux/list-builder-view-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-list-builder-view-grids-testing.umd.js +6 -6
- package/bundles/skyux-list-builder-view-grids-testing.umd.js.map +1 -1
- package/bundles/skyux-list-builder-view-grids.umd.js +147 -130
- package/bundles/skyux-list-builder-view-grids.umd.js.map +1 -1
- package/documentation.json +80 -75
- package/esm2015/modules/column-selector/column-selector-modal.component.js +5 -5
- package/esm2015/modules/column-selector/column-selector-modal.module.js +9 -13
- package/esm2015/modules/list-column-selector-action/list-column-selector-action.component.js +29 -27
- package/esm2015/modules/list-column-selector-action/list-column-selector-action.module.js +11 -15
- package/esm2015/modules/list-column-selector-action/list-column-selector-button.component.js +5 -5
- package/esm2015/modules/list-view-grid/list-view-grid.component.js +73 -58
- package/esm2015/modules/list-view-grid/list-view-grid.module.js +10 -12
- package/esm2015/modules/list-view-grid/state/columns/columns.orchestrator.js +3 -4
- package/esm2015/modules/list-view-grid/state/columns/load.action.js +1 -1
- package/esm2015/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.js +3 -4
- package/esm2015/modules/list-view-grid/state/displayed-columns/load.action.js +1 -1
- package/esm2015/modules/list-view-grid/state/grid-state-action.type.js +1 -1
- package/esm2015/modules/list-view-grid/state/grid-state.model.js +1 -1
- package/esm2015/modules/list-view-grid/state/grid-state.rxstate.js +4 -4
- package/esm2015/modules/list-view-grid/state/grid-state.state-node.js +5 -6
- package/esm2015/modules/list-view-grid/types/list-view-grid-message-type.js +1 -1
- package/esm2015/modules/list-view-grid/types/list-view-grid-message.js +1 -1
- package/esm2015/modules/shared/sky-list-builder-view-grids-resources.module.js +27 -12
- package/esm2015/testing/list-view-grid-fixture-cell.js +1 -1
- package/esm2015/testing/list-view-grid-fixture-header.js +1 -1
- package/esm2015/testing/list-view-grid-fixture-row.js +1 -1
- package/esm2015/testing/list-view-grid-fixture.js +4 -4
- package/fesm2015/skyux-list-builder-view-grids-testing.js +3 -3
- package/fesm2015/skyux-list-builder-view-grids-testing.js.map +1 -1
- package/fesm2015/skyux-list-builder-view-grids.js +161 -142
- package/fesm2015/skyux-list-builder-view-grids.js.map +1 -1
- package/package.json +9 -9
package/documentation.json
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"sources": [
|
|
43
43
|
{
|
|
44
44
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message-type.ts",
|
|
45
|
-
"line":
|
|
45
|
+
"line": 13,
|
|
46
46
|
"character": 2
|
|
47
47
|
}
|
|
48
48
|
],
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"sources": [
|
|
61
61
|
{
|
|
62
62
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message-type.ts",
|
|
63
|
-
"line":
|
|
63
|
+
"line": 8,
|
|
64
64
|
"character": 2
|
|
65
65
|
}
|
|
66
66
|
],
|
|
@@ -315,7 +315,7 @@
|
|
|
315
315
|
"name": "NgModule"
|
|
316
316
|
},
|
|
317
317
|
"arguments": {
|
|
318
|
-
"obj": "{\n declarations: [
|
|
318
|
+
"obj": "{\n declarations: [SkyColumnSelectorComponent],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyModalModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewChecklistModule,\n ],\n entryComponents: [SkyColumnSelectorComponent],\n}"
|
|
319
319
|
}
|
|
320
320
|
}
|
|
321
321
|
],
|
|
@@ -354,7 +354,7 @@
|
|
|
354
354
|
"sources": [
|
|
355
355
|
{
|
|
356
356
|
"fileName": "projects/list-builder-view-grids/src/modules/column-selector/column-selector-modal.module.ts",
|
|
357
|
-
"line":
|
|
357
|
+
"line": 25,
|
|
358
358
|
"character": 13
|
|
359
359
|
}
|
|
360
360
|
]
|
|
@@ -373,7 +373,7 @@
|
|
|
373
373
|
"name": "NgModule"
|
|
374
374
|
},
|
|
375
375
|
"arguments": {
|
|
376
|
-
"obj": "{\n declarations: [\n SkyListColumnSelectorActionComponent,\n SkyListColumnSelectorButtonComponent
|
|
376
|
+
"obj": "{\n declarations: [\n SkyListColumnSelectorActionComponent,\n SkyListColumnSelectorButtonComponent,\n ],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyModalModule,\n SkyListSecondaryActionsModule,\n SkyListToolbarModule,\n SkyIconModule,\n ],\n exports: [SkyListColumnSelectorActionComponent, SkyColumnSelectorModule],\n}"
|
|
377
377
|
}
|
|
378
378
|
}
|
|
379
379
|
],
|
|
@@ -412,7 +412,7 @@
|
|
|
412
412
|
"sources": [
|
|
413
413
|
{
|
|
414
414
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.module.ts",
|
|
415
|
-
"line":
|
|
415
|
+
"line": 36,
|
|
416
416
|
"character": 13
|
|
417
417
|
}
|
|
418
418
|
]
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
"name": "Component"
|
|
435
435
|
},
|
|
436
436
|
"arguments": {
|
|
437
|
-
"obj": "{\n selector: 'sky-list-view-grid',\n templateUrl: './list-view-grid.component.html',\n styleUrls: ['./list-view-grid.component.scss'],\n providers: [\n /* tslint:disable */\n {
|
|
437
|
+
"obj": "{\n selector: 'sky-list-view-grid',\n templateUrl: './list-view-grid.component.html',\n styleUrls: ['./list-view-grid.component.scss'],\n providers: [\n /* tslint:disable */\n {\n provide: ListViewComponent,\n useExisting: forwardRef(() => SkyListViewGridComponent),\n },\n /* tslint:enable */\n GridState,\n GridStateDispatcher,\n GridStateModel,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
440
|
],
|
|
@@ -448,7 +448,7 @@
|
|
|
448
448
|
"sources": [
|
|
449
449
|
{
|
|
450
450
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
451
|
-
"line":
|
|
451
|
+
"line": 269,
|
|
452
452
|
"character": 2
|
|
453
453
|
}
|
|
454
454
|
],
|
|
@@ -532,7 +532,7 @@
|
|
|
532
532
|
"sources": [
|
|
533
533
|
{
|
|
534
534
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
535
|
-
"line":
|
|
535
|
+
"line": 233,
|
|
536
536
|
"character": 9
|
|
537
537
|
}
|
|
538
538
|
],
|
|
@@ -561,7 +561,7 @@
|
|
|
561
561
|
"sources": [
|
|
562
562
|
{
|
|
563
563
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
564
|
-
"line":
|
|
564
|
+
"line": 249,
|
|
565
565
|
"character": 9
|
|
566
566
|
}
|
|
567
567
|
],
|
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
"sources": [
|
|
601
601
|
{
|
|
602
602
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
603
|
-
"line":
|
|
603
|
+
"line": 112,
|
|
604
604
|
"character": 9
|
|
605
605
|
}
|
|
606
606
|
],
|
|
@@ -660,7 +660,7 @@
|
|
|
660
660
|
"sources": [
|
|
661
661
|
{
|
|
662
662
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
663
|
-
"line":
|
|
663
|
+
"line": 185,
|
|
664
664
|
"character": 9
|
|
665
665
|
}
|
|
666
666
|
],
|
|
@@ -700,7 +700,7 @@
|
|
|
700
700
|
"sources": [
|
|
701
701
|
{
|
|
702
702
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
703
|
-
"line":
|
|
703
|
+
"line": 127,
|
|
704
704
|
"character": 9
|
|
705
705
|
}
|
|
706
706
|
],
|
|
@@ -733,7 +733,7 @@
|
|
|
733
733
|
"sources": [
|
|
734
734
|
{
|
|
735
735
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
736
|
-
"line":
|
|
736
|
+
"line": 217,
|
|
737
737
|
"character": 9
|
|
738
738
|
}
|
|
739
739
|
],
|
|
@@ -775,7 +775,7 @@
|
|
|
775
775
|
"sources": [
|
|
776
776
|
{
|
|
777
777
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
778
|
-
"line":
|
|
778
|
+
"line": 243,
|
|
779
779
|
"character": 9
|
|
780
780
|
}
|
|
781
781
|
],
|
|
@@ -828,7 +828,7 @@
|
|
|
828
828
|
"sources": [
|
|
829
829
|
{
|
|
830
830
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
831
|
-
"line":
|
|
831
|
+
"line": 139,
|
|
832
832
|
"character": 9
|
|
833
833
|
}
|
|
834
834
|
],
|
|
@@ -876,7 +876,7 @@
|
|
|
876
876
|
"sources": [
|
|
877
877
|
{
|
|
878
878
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
879
|
-
"line":
|
|
879
|
+
"line": 118,
|
|
880
880
|
"character": 9
|
|
881
881
|
}
|
|
882
882
|
],
|
|
@@ -936,7 +936,7 @@
|
|
|
936
936
|
"sources": [
|
|
937
937
|
{
|
|
938
938
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
939
|
-
"line":
|
|
939
|
+
"line": 146,
|
|
940
940
|
"character": 9
|
|
941
941
|
}
|
|
942
942
|
],
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
"sources": [
|
|
958
958
|
{
|
|
959
959
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
960
|
-
"line":
|
|
960
|
+
"line": 237,
|
|
961
961
|
"character": 9
|
|
962
962
|
}
|
|
963
963
|
],
|
|
@@ -986,7 +986,7 @@
|
|
|
986
986
|
"sources": [
|
|
987
987
|
{
|
|
988
988
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
989
|
-
"line":
|
|
989
|
+
"line": 245,
|
|
990
990
|
"character": 9
|
|
991
991
|
}
|
|
992
992
|
],
|
|
@@ -1012,7 +1012,7 @@
|
|
|
1012
1012
|
"sources": [
|
|
1013
1013
|
{
|
|
1014
1014
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1015
|
-
"line":
|
|
1015
|
+
"line": 251,
|
|
1016
1016
|
"character": 9
|
|
1017
1017
|
}
|
|
1018
1018
|
],
|
|
@@ -1049,7 +1049,7 @@
|
|
|
1049
1049
|
"sources": [
|
|
1050
1050
|
{
|
|
1051
1051
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1052
|
-
"line":
|
|
1052
|
+
"line": 200,
|
|
1053
1053
|
"character": 9
|
|
1054
1054
|
}
|
|
1055
1055
|
],
|
|
@@ -1090,7 +1090,7 @@
|
|
|
1090
1090
|
"sources": [
|
|
1091
1091
|
{
|
|
1092
1092
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1093
|
-
"line":
|
|
1093
|
+
"line": 206,
|
|
1094
1094
|
"character": 9
|
|
1095
1095
|
}
|
|
1096
1096
|
],
|
|
@@ -1131,7 +1131,7 @@
|
|
|
1131
1131
|
"sources": [
|
|
1132
1132
|
{
|
|
1133
1133
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1134
|
-
"line":
|
|
1134
|
+
"line": 175,
|
|
1135
1135
|
"character": 9
|
|
1136
1136
|
}
|
|
1137
1137
|
],
|
|
@@ -1163,7 +1163,7 @@
|
|
|
1163
1163
|
"sources": [
|
|
1164
1164
|
{
|
|
1165
1165
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1166
|
-
"line":
|
|
1166
|
+
"line": 260,
|
|
1167
1167
|
"character": 9
|
|
1168
1168
|
}
|
|
1169
1169
|
],
|
|
@@ -1235,7 +1235,7 @@
|
|
|
1235
1235
|
"sources": [
|
|
1236
1236
|
{
|
|
1237
1237
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1238
|
-
"line":
|
|
1238
|
+
"line": 235,
|
|
1239
1239
|
"character": 9
|
|
1240
1240
|
}
|
|
1241
1241
|
],
|
|
@@ -1277,7 +1277,7 @@
|
|
|
1277
1277
|
"sources": [
|
|
1278
1278
|
{
|
|
1279
1279
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1280
|
-
"line":
|
|
1280
|
+
"line": 214,
|
|
1281
1281
|
"character": 9
|
|
1282
1282
|
}
|
|
1283
1283
|
],
|
|
@@ -1320,7 +1320,7 @@
|
|
|
1320
1320
|
"sources": [
|
|
1321
1321
|
{
|
|
1322
1322
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1323
|
-
"line":
|
|
1323
|
+
"line": 194,
|
|
1324
1324
|
"character": 9
|
|
1325
1325
|
}
|
|
1326
1326
|
],
|
|
@@ -1340,7 +1340,7 @@
|
|
|
1340
1340
|
"sources": [
|
|
1341
1341
|
{
|
|
1342
1342
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1343
|
-
"line":
|
|
1343
|
+
"line": 247,
|
|
1344
1344
|
"character": 9
|
|
1345
1345
|
}
|
|
1346
1346
|
],
|
|
@@ -1379,7 +1379,7 @@
|
|
|
1379
1379
|
"sources": [
|
|
1380
1380
|
{
|
|
1381
1381
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1382
|
-
"line":
|
|
1382
|
+
"line": 133,
|
|
1383
1383
|
"character": 9
|
|
1384
1384
|
}
|
|
1385
1385
|
],
|
|
@@ -1414,7 +1414,7 @@
|
|
|
1414
1414
|
"sources": [
|
|
1415
1415
|
{
|
|
1416
1416
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1417
|
-
"line":
|
|
1417
|
+
"line": 219,
|
|
1418
1418
|
"character": 13
|
|
1419
1419
|
}
|
|
1420
1420
|
],
|
|
@@ -1449,7 +1449,7 @@
|
|
|
1449
1449
|
"sources": [
|
|
1450
1450
|
{
|
|
1451
1451
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1452
|
-
"line":
|
|
1452
|
+
"line": 226,
|
|
1453
1453
|
"character": 13
|
|
1454
1454
|
}
|
|
1455
1455
|
],
|
|
@@ -1494,7 +1494,7 @@
|
|
|
1494
1494
|
"sources": [
|
|
1495
1495
|
{
|
|
1496
1496
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1497
|
-
"line":
|
|
1497
|
+
"line": 153,
|
|
1498
1498
|
"character": 13
|
|
1499
1499
|
}
|
|
1500
1500
|
],
|
|
@@ -1579,7 +1579,7 @@
|
|
|
1579
1579
|
"sources": [
|
|
1580
1580
|
{
|
|
1581
1581
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1582
|
-
"line":
|
|
1582
|
+
"line": 104,
|
|
1583
1583
|
"character": 13
|
|
1584
1584
|
}
|
|
1585
1585
|
],
|
|
@@ -1630,7 +1630,7 @@
|
|
|
1630
1630
|
"sources": [
|
|
1631
1631
|
{
|
|
1632
1632
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1633
|
-
"line":
|
|
1633
|
+
"line": 477,
|
|
1634
1634
|
"character": 9
|
|
1635
1635
|
}
|
|
1636
1636
|
],
|
|
@@ -1673,7 +1673,7 @@
|
|
|
1673
1673
|
"sources": [
|
|
1674
1674
|
{
|
|
1675
1675
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1676
|
-
"line":
|
|
1676
|
+
"line": 457,
|
|
1677
1677
|
"character": 9
|
|
1678
1678
|
}
|
|
1679
1679
|
],
|
|
@@ -1718,7 +1718,7 @@
|
|
|
1718
1718
|
"sources": [
|
|
1719
1719
|
{
|
|
1720
1720
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1721
|
-
"line":
|
|
1721
|
+
"line": 481,
|
|
1722
1722
|
"character": 9
|
|
1723
1723
|
}
|
|
1724
1724
|
],
|
|
@@ -1761,7 +1761,7 @@
|
|
|
1761
1761
|
"sources": [
|
|
1762
1762
|
{
|
|
1763
1763
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1764
|
-
"line":
|
|
1764
|
+
"line": 278,
|
|
1765
1765
|
"character": 9
|
|
1766
1766
|
}
|
|
1767
1767
|
],
|
|
@@ -1798,7 +1798,7 @@
|
|
|
1798
1798
|
"sources": [
|
|
1799
1799
|
{
|
|
1800
1800
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1801
|
-
"line":
|
|
1801
|
+
"line": 414,
|
|
1802
1802
|
"character": 9
|
|
1803
1803
|
}
|
|
1804
1804
|
],
|
|
@@ -1835,7 +1835,7 @@
|
|
|
1835
1835
|
"sources": [
|
|
1836
1836
|
{
|
|
1837
1837
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1838
|
-
"line":
|
|
1838
|
+
"line": 423,
|
|
1839
1839
|
"character": 9
|
|
1840
1840
|
}
|
|
1841
1841
|
],
|
|
@@ -1880,7 +1880,7 @@
|
|
|
1880
1880
|
"sources": [
|
|
1881
1881
|
{
|
|
1882
1882
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1883
|
-
"line":
|
|
1883
|
+
"line": 489,
|
|
1884
1884
|
"character": 9
|
|
1885
1885
|
}
|
|
1886
1886
|
],
|
|
@@ -1917,7 +1917,7 @@
|
|
|
1917
1917
|
"sources": [
|
|
1918
1918
|
{
|
|
1919
1919
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
1920
|
-
"line":
|
|
1920
|
+
"line": 485,
|
|
1921
1921
|
"character": 9
|
|
1922
1922
|
}
|
|
1923
1923
|
],
|
|
@@ -2015,7 +2015,7 @@
|
|
|
2015
2015
|
"sources": [
|
|
2016
2016
|
{
|
|
2017
2017
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.component.ts",
|
|
2018
|
-
"line":
|
|
2018
|
+
"line": 95,
|
|
2019
2019
|
"character": 13
|
|
2020
2020
|
}
|
|
2021
2021
|
],
|
|
@@ -2050,7 +2050,7 @@
|
|
|
2050
2050
|
"name": "NgModule"
|
|
2051
2051
|
},
|
|
2052
2052
|
"arguments": {
|
|
2053
|
-
"obj": "{\n declarations: [
|
|
2053
|
+
"obj": "{\n declarations: [SkyListViewGridComponent],\n imports: [\n CommonModule,\n SkyWaitModule,\n SkyGridModule,\n SkyListBuilderViewGridsResourcesModule,\n ],\n exports: [\n SkyListViewGridComponent,\n SkyListColumnSelectorActionModule,\n SkyGridModule,\n ],\n}"
|
|
2054
2054
|
}
|
|
2055
2055
|
}
|
|
2056
2056
|
],
|
|
@@ -2089,7 +2089,7 @@
|
|
|
2089
2089
|
"sources": [
|
|
2090
2090
|
{
|
|
2091
2091
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/list-view-grid.module.ts",
|
|
2092
|
-
"line":
|
|
2092
|
+
"line": 29,
|
|
2093
2093
|
"character": 13
|
|
2094
2094
|
}
|
|
2095
2095
|
]
|
|
@@ -2111,7 +2111,7 @@
|
|
|
2111
2111
|
"name": "Component"
|
|
2112
2112
|
},
|
|
2113
2113
|
"arguments": {
|
|
2114
|
-
"obj": "{\n selector: 'sky-list-column-selector-action',\n templateUrl: './list-column-selector-action.component.html'
|
|
2114
|
+
"obj": "{\n selector: 'sky-list-column-selector-action',\n templateUrl: './list-column-selector-action.component.html',\n}"
|
|
2115
2115
|
}
|
|
2116
2116
|
}
|
|
2117
2117
|
],
|
|
@@ -2125,7 +2125,7 @@
|
|
|
2125
2125
|
"sources": [
|
|
2126
2126
|
{
|
|
2127
2127
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2128
|
-
"line":
|
|
2128
|
+
"line": 80,
|
|
2129
2129
|
"character": 2
|
|
2130
2130
|
}
|
|
2131
2131
|
],
|
|
@@ -2224,7 +2224,7 @@
|
|
|
2224
2224
|
"sources": [
|
|
2225
2225
|
{
|
|
2226
2226
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2227
|
-
"line":
|
|
2227
|
+
"line": 58,
|
|
2228
2228
|
"character": 9
|
|
2229
2229
|
}
|
|
2230
2230
|
],
|
|
@@ -2258,7 +2258,7 @@
|
|
|
2258
2258
|
"sources": [
|
|
2259
2259
|
{
|
|
2260
2260
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2261
|
-
"line":
|
|
2261
|
+
"line": 65,
|
|
2262
2262
|
"character": 9
|
|
2263
2263
|
}
|
|
2264
2264
|
],
|
|
@@ -2291,7 +2291,7 @@
|
|
|
2291
2291
|
"sources": [
|
|
2292
2292
|
{
|
|
2293
2293
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2294
|
-
"line":
|
|
2294
|
+
"line": 71,
|
|
2295
2295
|
"character": 9
|
|
2296
2296
|
}
|
|
2297
2297
|
],
|
|
@@ -2342,7 +2342,7 @@
|
|
|
2342
2342
|
"sources": [
|
|
2343
2343
|
{
|
|
2344
2344
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2345
|
-
"line":
|
|
2345
|
+
"line": 102,
|
|
2346
2346
|
"character": 6
|
|
2347
2347
|
}
|
|
2348
2348
|
],
|
|
@@ -2375,7 +2375,7 @@
|
|
|
2375
2375
|
"sources": [
|
|
2376
2376
|
{
|
|
2377
2377
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2378
|
-
"line":
|
|
2378
|
+
"line": 112,
|
|
2379
2379
|
"character": 6
|
|
2380
2380
|
}
|
|
2381
2381
|
],
|
|
@@ -2410,7 +2410,7 @@
|
|
|
2410
2410
|
"sources": [
|
|
2411
2411
|
{
|
|
2412
2412
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2413
|
-
"line":
|
|
2413
|
+
"line": 87,
|
|
2414
2414
|
"character": 9
|
|
2415
2415
|
}
|
|
2416
2416
|
],
|
|
@@ -2447,7 +2447,7 @@
|
|
|
2447
2447
|
"sources": [
|
|
2448
2448
|
{
|
|
2449
2449
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2450
|
-
"line":
|
|
2450
|
+
"line": 126,
|
|
2451
2451
|
"character": 9
|
|
2452
2452
|
}
|
|
2453
2453
|
],
|
|
@@ -2505,7 +2505,7 @@
|
|
|
2505
2505
|
"sources": [
|
|
2506
2506
|
{
|
|
2507
2507
|
"fileName": "projects/list-builder-view-grids/src/modules/list-column-selector-action/list-column-selector-action.component.ts",
|
|
2508
|
-
"line":
|
|
2508
|
+
"line": 52,
|
|
2509
2509
|
"character": 13
|
|
2510
2510
|
}
|
|
2511
2511
|
],
|
|
@@ -2540,7 +2540,7 @@
|
|
|
2540
2540
|
"sources": [
|
|
2541
2541
|
{
|
|
2542
2542
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
|
|
2543
|
-
"line":
|
|
2543
|
+
"line": 15,
|
|
2544
2544
|
"character": 2
|
|
2545
2545
|
}
|
|
2546
2546
|
],
|
|
@@ -2564,7 +2564,7 @@
|
|
|
2564
2564
|
"sources": [
|
|
2565
2565
|
{
|
|
2566
2566
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
|
|
2567
|
-
"line":
|
|
2567
|
+
"line": 16,
|
|
2568
2568
|
"character": 4
|
|
2569
2569
|
}
|
|
2570
2570
|
],
|
|
@@ -2586,7 +2586,7 @@
|
|
|
2586
2586
|
"sources": [
|
|
2587
2587
|
{
|
|
2588
2588
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
|
|
2589
|
-
"line":
|
|
2589
|
+
"line": 17,
|
|
2590
2590
|
"character": 6
|
|
2591
2591
|
}
|
|
2592
2592
|
],
|
|
@@ -2619,7 +2619,7 @@
|
|
|
2619
2619
|
"sources": [
|
|
2620
2620
|
{
|
|
2621
2621
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
|
|
2622
|
-
"line":
|
|
2622
|
+
"line": 19,
|
|
2623
2623
|
"character": 4
|
|
2624
2624
|
}
|
|
2625
2625
|
],
|
|
@@ -2641,7 +2641,7 @@
|
|
|
2641
2641
|
"sources": [
|
|
2642
2642
|
{
|
|
2643
2643
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
|
|
2644
|
-
"line":
|
|
2644
|
+
"line": 20,
|
|
2645
2645
|
"character": 6
|
|
2646
2646
|
}
|
|
2647
2647
|
],
|
|
@@ -2689,7 +2689,7 @@
|
|
|
2689
2689
|
"sources": [
|
|
2690
2690
|
{
|
|
2691
2691
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
|
|
2692
|
-
"line":
|
|
2692
|
+
"line": 10,
|
|
2693
2693
|
"character": 2
|
|
2694
2694
|
}
|
|
2695
2695
|
],
|
|
@@ -2713,7 +2713,7 @@
|
|
|
2713
2713
|
"sources": [
|
|
2714
2714
|
{
|
|
2715
2715
|
"fileName": "projects/list-builder-view-grids/src/modules/list-view-grid/types/list-view-grid-message.ts",
|
|
2716
|
-
"line":
|
|
2716
|
+
"line": 6,
|
|
2717
2717
|
"character": 17
|
|
2718
2718
|
}
|
|
2719
2719
|
]
|
|
@@ -2851,70 +2851,75 @@
|
|
|
2851
2851
|
]
|
|
2852
2852
|
},
|
|
2853
2853
|
"codeExamples": [
|
|
2854
|
+
{
|
|
2855
|
+
"fileName": ".eslintrc.json",
|
|
2856
|
+
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/.eslintrc.json",
|
|
2857
|
+
"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"
|
|
2858
|
+
},
|
|
2854
2859
|
{
|
|
2855
2860
|
"fileName": "list-view-grid-demo.component.html",
|
|
2856
2861
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/column-selector/list-view-grid-demo.component.html",
|
|
2857
|
-
"rawContents": "<sky-list
|
|
2862
|
+
"rawContents": "<sky-list [data]=\"data\">\n <sky-list-toolbar>\n <sky-list-column-selector-action\n helpKey=\"default.htm\"\n [gridView]=\"grid\"\n (helpOpened)=\"onHelpOpened($event)\"\n >\n </sky-list-column-selector-action>\n </sky-list-toolbar>\n <sky-list-view-grid #grid>\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-list-view-grid>\n</sky-list>\n"
|
|
2858
2863
|
},
|
|
2859
2864
|
{
|
|
2860
2865
|
"fileName": "list-view-grid-demo.component.ts",
|
|
2861
2866
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/column-selector/list-view-grid-demo.component.ts",
|
|
2862
|
-
"rawContents": "import {
|
|
2867
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-view-grid-demo',\n templateUrl: './list-view-grid-demo.component.html',\n})\nexport class ListViewGridDemoComponent {\n public data: any[] = [\n {\n id: '1',\n name: 'Niels Bohr',\n email: 'niels.bohr@example.com',\n amount: 170.75,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Ada Lovelace',\n email: 'ada.lovelace@example.com',\n amount: 114.13,\n status: 'Paid',\n },\n {\n id: '3',\n name: 'Marie Curie',\n email: 'marie.curie@example.com',\n amount: 111,\n status: 'Past due',\n },\n {\n id: '4',\n name: 'Barbara McClintock',\n email: 'barbara.mcclintock@example.com',\n amount: 84.63,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Michael Faraday',\n email: 'michael.faraday@example.com',\n amount: 83.97,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Enrico Fermi',\n email: 'enrico.fermi@example.com',\n amount: 74.5,\n status: 'Past due',\n },\n {\n id: '7',\n name: 'Mae C. Jemison',\n email: 'mae.jemison@example.com',\n amount: 70.86,\n status: 'Paid',\n },\n {\n id: '8',\n name: 'Nikola Tesla',\n email: 'nikola.tesla@example.com',\n amount: 15.0,\n status: 'Paid',\n },\n {\n id: '9',\n name: 'Hubert J. Farnsworth',\n email: 'hubert.j.farnsworth@example.com',\n amount: 999.99,\n status: 'Past Due',\n },\n ];\n\n public onHelpOpened(helpKey: string): void {\n console.log(\n `Modal header help was invoked with the following help key: ${helpKey}`\n );\n }\n}\n"
|
|
2863
2868
|
},
|
|
2864
2869
|
{
|
|
2865
2870
|
"fileName": "list-view-grid-demo.module.ts",
|
|
2866
2871
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/column-selector/list-view-grid-demo.module.ts",
|
|
2867
|
-
"rawContents": "import {
|
|
2872
|
+
"rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';\n\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListViewGridDemoComponent],\n exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDemoModule {}\n"
|
|
2868
2873
|
},
|
|
2869
2874
|
{
|
|
2870
2875
|
"fileName": "list-view-grid-demo.component.html",
|
|
2871
2876
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/data-provider/list-view-grid-demo.component.html",
|
|
2872
|
-
"rawContents": "<sky-list
|
|
2877
|
+
"rawContents": "<sky-list [dataProvider]=\"listDataProvider\">\n <sky-list-toolbar>\n <sky-list-filter-inline>\n <sky-list-filter-inline-item\n defaultValue=\"any\"\n name=\"fruitType\"\n value=\"any\"\n >\n <ng-template let-filter=\"filter\">\n <label [for]=\"fruitTypeSelect.id\"> Fruit type </label>\n <select\n skyId\n [ngModel]=\"filter.value\"\n (ngModelChange)=\"filter.changed($event)\"\n #fruitTypeSelect=\"skyId\"\n >\n <option value=\"any\">Any fruit</option>\n <option value=\"citrus\">Citrus</option>\n <option value=\"berry\">Berry</option>\n </select>\n </ng-template>\n </sky-list-filter-inline-item>\n <sky-list-filter-inline-item\n name=\"hideOrange\"\n [filter]=\"hideOrangeFilterFunction\"\n >\n <ng-template let-filter=\"filter\">\n <sky-checkbox\n [ngModel]=\"filter.value\"\n (ngModelChange)=\"filter.changed($event)\"\n >\n <sky-checkbox-label> Hide orange fruits </sky-checkbox-label>\n </sky-checkbox>\n </ng-template>\n </sky-list-filter-inline-item>\n </sky-list-filter-inline>\n </sky-list-toolbar>\n <sky-list-view-grid>\n <sky-grid-column field=\"name\" heading=\"Name\"></sky-grid-column>\n <sky-grid-column\n field=\"description\"\n heading=\"Description\"\n ></sky-grid-column>\n <sky-grid-column\n field=\"highAcidity\"\n heading=\"High Acidity (<5 pH)\"\n ></sky-grid-column>\n </sky-list-view-grid>\n <sky-list-paging pageSize=\"5\"></sky-list-paging>\n</sky-list>\n"
|
|
2873
2878
|
},
|
|
2874
2879
|
{
|
|
2875
2880
|
"fileName": "list-view-grid-demo.component.ts",
|
|
2876
2881
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/data-provider/list-view-grid-demo.component.ts",
|
|
2877
|
-
"rawContents": "import {
|
|
2882
|
+
"rawContents": "import { Component, Injectable } from '@angular/core';\n\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport {\n ListDataProvider,\n ListDataRequestModel,\n ListDataResponseModel,\n} from '@skyux/list-builder';\n\nimport { BehaviorSubject, Observable, of } from 'rxjs';\n\nimport { map } from 'rxjs/operators';\n\n@Injectable()\nexport class DemoListProvider extends ListDataProvider {\n public items: Observable<ListItemModel[]>;\n\n public remoteCount: BehaviorSubject<number> = new BehaviorSubject<number>(0);\n\n constructor() {\n super();\n this.items = of([\n {\n id: '0',\n data: {\n name: 'Orange',\n description: 'A round, orange fruit.',\n type: 'citrus',\n color: 'orange',\n highAcidity: 'True',\n ph: 3.71,\n },\n },\n {\n id: '1',\n data: {\n name: 'Mango',\n description: \"Delicious in smoothies, but don't eat the skin.\",\n type: 'other',\n color: 'orange',\n highAcidity: 'False',\n ph: 5.92,\n },\n },\n {\n id: '2',\n data: {\n name: 'Lime',\n description: 'A sour, green fruit used in many drinks.',\n type: 'citrus',\n color: 'green',\n highAcidity: 'True',\n ph: 2.5,\n },\n },\n {\n id: '3',\n data: {\n name: 'Strawberry',\n description: 'A red fruit that goes well with shortcake.',\n type: 'berry',\n color: 'red',\n highAcidity: 'True',\n ph: 3.84,\n },\n },\n {\n id: '4',\n data: {\n name: 'Blueberry',\n description: 'A small, blue fruit often found in muffins.',\n type: 'berry',\n color: 'blue',\n highAcidity: 'True',\n ph: 3.21,\n },\n },\n {\n id: '5',\n data: {\n name: 'Black Olives',\n description: 'A small fruit used on pizza.',\n type: 'other',\n color: 'black',\n highAcidity: 'False',\n ph: 6.14,\n },\n },\n ]);\n }\n\n public get(request: ListDataRequestModel): Observable<ListDataResponseModel> {\n /*\n In get() you get data based on a given ListDataRequestModel.\n You can fetch data remotely here and return an Observable<ListDataResponseModel>.\n */\n return this.fakeHttpRequest(request);\n }\n\n public count(): Observable<number> {\n return this.remoteCount;\n }\n\n private fakeHttpRequest(\n request: ListDataRequestModel\n ): Observable<ListDataResponseModel> {\n return this.items.pipe(\n map((items: ListItemModel[]) => {\n let modifiedList = items;\n\n if (request.search.searchText) {\n let searchText = request.search.searchText.toLowerCase();\n\n modifiedList = modifiedList.filter((item) => {\n return (\n item.data.name.toLowerCase().indexOf(searchText) > -1 ||\n item.data.description.toLowerCase().indexOf(searchText) > -1\n );\n });\n }\n\n if (request.filters) {\n for (let filter of request.filters) {\n if (filter.name === 'fruitType' && filter.value !== 'any') {\n modifiedList = modifiedList.filter((item) => {\n return item.data.type === request.filters[0].value;\n });\n } else if (filter.name === 'hideOrange' && filter.value) {\n modifiedList = modifiedList.filter(filter.filterFunction);\n }\n }\n }\n\n if (request.sort) {\n for (let fieldSelector of request.sort.fieldSelectors) {\n if (fieldSelector.fieldSelector === 'highAcidity') {\n modifiedList = modifiedList.sort((itemA: any, itemB: any) => {\n if (fieldSelector.descending) {\n return itemA.data.ph < itemB.data.ph ? 1 : -1;\n } else {\n return itemA.data.ph < itemB.data.ph ? -1 : 1;\n }\n });\n }\n }\n }\n\n let itemStart = (request.pageNumber - 1) * request.pageSize;\n let pagedResult = modifiedList.slice(\n itemStart,\n itemStart + request.pageSize\n );\n\n this.remoteCount.next(modifiedList.length);\n\n return new ListDataResponseModel({\n count: modifiedList.length,\n items: pagedResult,\n });\n })\n );\n }\n}\n\n@Component({\n selector: 'app-list-view-grid-demo',\n templateUrl: './list-view-grid-demo.component.html',\n providers: [DemoListProvider],\n})\nexport class ListViewGridDemoComponent {\n constructor(public listDataProvider: DemoListProvider) {}\n\n public hideOrangeFilterFunction(\n item: ListItemModel,\n filterValue: any\n ): boolean {\n return !filterValue || (filterValue && item.data.color !== 'orange');\n }\n}\n"
|
|
2878
2883
|
},
|
|
2879
2884
|
{
|
|
2880
2885
|
"fileName": "list-view-grid-demo.module.ts",
|
|
2881
2886
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/data-provider/list-view-grid-demo.module.ts",
|
|
2882
|
-
"rawContents": "import {
|
|
2887
|
+
"rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport {\n SkyListFiltersModule,\n SkyListModule,\n SkyListPagingModule,\n SkyListToolbarModule,\n} from '@skyux/list-builder';\n\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyIdModule,\n SkyListFiltersModule,\n SkyListModule,\n SkyListPagingModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListViewGridDemoComponent],\n exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDemoModule {}\n"
|
|
2883
2888
|
},
|
|
2884
2889
|
{
|
|
2885
2890
|
"fileName": "list-view-grid-demo.component.html",
|
|
2886
2891
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/multiselect/list-view-grid-demo.component.html",
|
|
2887
|
-
"rawContents": "<sky-list
|
|
2892
|
+
"rawContents": "<sky-list [data]=\"data\" (selectedIdsChange)=\"onSelectedIdsChange($event)\">\n <sky-list-toolbar></sky-list-toolbar>\n <sky-list-view-grid [enableMultiselect]=\"true\" #grid>\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-list-view-grid>\n</sky-list>\n"
|
|
2888
2893
|
},
|
|
2889
2894
|
{
|
|
2890
2895
|
"fileName": "list-view-grid-demo.component.ts",
|
|
2891
2896
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/multiselect/list-view-grid-demo.component.ts",
|
|
2892
|
-
"rawContents": "import {
|
|
2897
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-view-grid-demo',\n templateUrl: './list-view-grid-demo.component.html',\n})\nexport class ListViewGridDemoComponent {\n public data: any[] = [\n {\n id: '1',\n name: 'Niels Bohr',\n email: 'niels.bohr@example.com',\n amount: 170.75,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Ada Lovelace',\n email: 'ada.lovelace@example.com',\n amount: 114.13,\n status: 'Paid',\n },\n {\n id: '3',\n name: 'Marie Curie',\n email: 'marie.curie@example.com',\n amount: 111,\n status: 'Past due',\n },\n {\n id: '4',\n name: 'Barbara McClintock',\n email: 'barbara.mcclintock@example.com',\n amount: 84.63,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Michael Faraday',\n email: 'michael.faraday@example.com',\n amount: 83.97,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Enrico Fermi',\n email: 'enrico.fermi@example.com',\n amount: 74.5,\n status: 'Past due',\n },\n {\n id: '7',\n name: 'Mae C. Jemison',\n email: 'mae.jemison@example.com',\n amount: 70.86,\n status: 'Paid',\n },\n {\n id: '8',\n name: 'Nikola Tesla',\n email: 'nikola.tesla@example.com',\n amount: 15.0,\n status: 'Paid',\n },\n {\n id: '9',\n name: 'Hubert J. Farnsworth',\n email: 'hubert.j.farnsworth@example.com',\n amount: 999.99,\n status: 'Past Due',\n },\n ];\n\n public onSelectedIdsChange(selectedRowsChange: Map<string, boolean>): void {\n console.log(selectedRowsChange);\n }\n}\n"
|
|
2893
2898
|
},
|
|
2894
2899
|
{
|
|
2895
2900
|
"fileName": "list-view-grid-demo.module.ts",
|
|
2896
2901
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/multiselect/list-view-grid-demo.module.ts",
|
|
2897
|
-
"rawContents": "import {
|
|
2902
|
+
"rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';\n\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListViewGridDemoComponent],\n exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDemoModule {}\n"
|
|
2898
2903
|
},
|
|
2899
2904
|
{
|
|
2900
2905
|
"fileName": "list-view-grid-demo.component.html",
|
|
2901
2906
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/templated-column/list-view-grid-demo.component.html",
|
|
2902
|
-
"rawContents": "<sky-list
|
|
2907
|
+
"rawContents": "<sky-list [data]=\"data\">\n <sky-list-view-grid fit=\"scroll\" #grid>\n <sky-grid-column\n id=\"contextMenuColumn\"\n [locked]=\"true\"\n [template]=\"contextMenuTemplate\"\n [width]=\"50\"\n >\n </sky-grid-column>\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-list-view-grid>\n</sky-list>\n\n<ng-template #contextMenuTemplate>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\">Make admin</button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\">Disable</button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\">Delete</button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n</ng-template>\n"
|
|
2903
2908
|
},
|
|
2904
2909
|
{
|
|
2905
2910
|
"fileName": "list-view-grid-demo.component.scss",
|
|
2906
2911
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/templated-column/list-view-grid-demo.component.scss",
|
|
2907
|
-
"rawContents": "@import
|
|
2912
|
+
"rawContents": "@import '~@skyux/theme/scss/mixins';\n\n::ng-deep .sky-grid-table {\n @include sky-border(dark, top);\n}\n"
|
|
2908
2913
|
},
|
|
2909
2914
|
{
|
|
2910
2915
|
"fileName": "list-view-grid-demo.component.ts",
|
|
2911
2916
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/templated-column/list-view-grid-demo.component.ts",
|
|
2912
|
-
"rawContents": "import {
|
|
2917
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-view-grid-demo',\n templateUrl: './list-view-grid-demo.component.html',\n styleUrls: ['./list-view-grid-demo.component.scss'],\n})\nexport class ListViewGridDemoComponent {\n public data: any[] = [\n {\n id: '1',\n name: 'Niels Bohr',\n email: 'niels.bohr@example.com',\n amount: 170.75,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Ada Lovelace',\n email: 'ada.lovelace@example.com',\n amount: 114.13,\n status: 'Paid',\n },\n {\n id: '3',\n name: 'Marie Curie',\n email: 'marie.curie@example.com',\n amount: 111,\n status: 'Past due',\n },\n {\n id: '4',\n name: 'Barbara McClintock',\n email: 'barbara.mcclintock@example.com',\n amount: 84.63,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Michael Faraday',\n email: 'michael.faraday@example.com',\n amount: 83.97,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Enrico Fermi',\n email: 'enrico.fermi@example.com',\n amount: 74.5,\n status: 'Past due',\n },\n {\n id: '7',\n name: 'Mae C. Jemison',\n email: 'mae.jemison@example.com',\n amount: 70.86,\n status: 'Paid',\n },\n {\n id: '8',\n name: 'Nikola Tesla',\n email: 'nikola.tesla@example.com',\n amount: 15.0,\n status: 'Paid',\n },\n {\n id: '9',\n name: 'Hubert J. Farnsworth',\n email: 'hubert.j.farnsworth@example.com',\n amount: 999.99,\n status: 'Past Due',\n },\n ];\n}\n"
|
|
2913
2918
|
},
|
|
2914
2919
|
{
|
|
2915
2920
|
"fileName": "list-view-grid-demo.module.ts",
|
|
2916
2921
|
"filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/templated-column/list-view-grid-demo.module.ts",
|
|
2917
|
-
"rawContents": "import {
|
|
2922
|
+
"rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';\n\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyDropdownModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListViewGridDemoComponent],\n exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDDemoModule {}\n"
|
|
2918
2923
|
}
|
|
2919
2924
|
]
|
|
2920
2925
|
}
|