@skyux/progress-indicator 5.0.0 → 5.0.3
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-progress-indicator.umd.js +93 -95
- package/documentation.json +101 -100
- package/esm2015/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.js +6 -6
- package/esm2015/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.js +15 -21
- package/esm2015/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.js +7 -7
- package/esm2015/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.js +7 -7
- package/esm2015/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component.js +5 -5
- package/esm2015/modules/progress-indicator/progress-indicator.component.js +17 -20
- package/esm2015/modules/progress-indicator/progress-indicator.module.js +10 -10
- package/esm2015/modules/progress-indicator/types/progress-indicator-action-click-args.js +1 -1
- package/esm2015/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.js +1 -1
- package/esm2015/modules/progress-indicator/types/progress-indicator-change.js +1 -1
- package/esm2015/modules/progress-indicator/types/progress-indicator-display-mode-type.js +1 -1
- package/esm2015/modules/progress-indicator/types/progress-indicator-item-status.js +1 -1
- package/esm2015/modules/progress-indicator/types/progress-indicator-message-type.js +1 -1
- package/esm2015/modules/progress-indicator/types/progress-indicator-message.js +1 -1
- package/esm2015/modules/progress-indicator/types/progress-indicator-mode.js +1 -1
- package/esm2015/modules/progress-indicator/types/progress-indicator-nav-button-type.js +1 -1
- package/esm2015/modules/shared/sky-progress-indicator-resources.module.js +21 -12
- package/fesm2015/skyux-progress-indicator.js +74 -74
- package/fesm2015/skyux-progress-indicator.js.map +1 -1
- package/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.d.ts +3 -3
- package/modules/progress-indicator/progress-indicator.component.d.ts +1 -1
- package/package.json +7 -7
- package/bundles/skyux-progress-indicator.umd.js.map +0 -1
package/documentation.json
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"typedoc": {
|
|
19
19
|
"id": 0,
|
|
20
20
|
"name": "@skyux/progress-indicator",
|
|
21
|
-
"kind":
|
|
21
|
+
"kind": 1,
|
|
22
22
|
"kindString": "Project",
|
|
23
23
|
"flags": {},
|
|
24
24
|
"originalName": "",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
{
|
|
27
27
|
"id": 177,
|
|
28
28
|
"name": "SkyProgressIndicatorItemStatus",
|
|
29
|
-
"kind":
|
|
29
|
+
"kind": 8,
|
|
30
30
|
"kindString": "Enumeration",
|
|
31
31
|
"flags": {},
|
|
32
32
|
"children": [
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"sources": [
|
|
43
43
|
{
|
|
44
44
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-item-status.ts",
|
|
45
|
-
"line":
|
|
45
|
+
"line": 5,
|
|
46
46
|
"character": 2
|
|
47
47
|
}
|
|
48
48
|
],
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"sources": [
|
|
61
61
|
{
|
|
62
62
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-item-status.ts",
|
|
63
|
-
"line":
|
|
63
|
+
"line": 10,
|
|
64
64
|
"character": 2
|
|
65
65
|
}
|
|
66
66
|
],
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"sources": [
|
|
79
79
|
{
|
|
80
80
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-item-status.ts",
|
|
81
|
-
"line":
|
|
81
|
+
"line": 15,
|
|
82
82
|
"character": 2
|
|
83
83
|
}
|
|
84
84
|
],
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"sources": [
|
|
97
97
|
{
|
|
98
98
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-item-status.ts",
|
|
99
|
-
"line":
|
|
99
|
+
"line": 20,
|
|
100
100
|
"character": 2
|
|
101
101
|
}
|
|
102
102
|
],
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
{
|
|
127
127
|
"id": 189,
|
|
128
128
|
"name": "SkyProgressIndicatorMessageType",
|
|
129
|
-
"kind":
|
|
129
|
+
"kind": 8,
|
|
130
130
|
"kindString": "Enumeration",
|
|
131
131
|
"flags": {},
|
|
132
132
|
"children": [
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
"sources": [
|
|
143
143
|
{
|
|
144
144
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
|
|
145
|
-
"line":
|
|
145
|
+
"line": 24,
|
|
146
146
|
"character": 2
|
|
147
147
|
}
|
|
148
148
|
],
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
"sources": [
|
|
161
161
|
{
|
|
162
162
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
|
|
163
|
-
"line":
|
|
163
|
+
"line": 29,
|
|
164
164
|
"character": 2
|
|
165
165
|
}
|
|
166
166
|
],
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
"sources": [
|
|
179
179
|
{
|
|
180
180
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
|
|
181
|
-
"line":
|
|
181
|
+
"line": 6,
|
|
182
182
|
"character": 2
|
|
183
183
|
}
|
|
184
184
|
],
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
"sources": [
|
|
197
197
|
{
|
|
198
198
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
|
|
199
|
-
"line":
|
|
199
|
+
"line": 12,
|
|
200
200
|
"character": 2
|
|
201
201
|
}
|
|
202
202
|
],
|
|
@@ -214,7 +214,7 @@
|
|
|
214
214
|
"sources": [
|
|
215
215
|
{
|
|
216
216
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
|
|
217
|
-
"line":
|
|
217
|
+
"line": 18,
|
|
218
218
|
"character": 2
|
|
219
219
|
}
|
|
220
220
|
],
|
|
@@ -258,11 +258,10 @@
|
|
|
258
258
|
"kind": 512,
|
|
259
259
|
"kindString": "Constructor",
|
|
260
260
|
"flags": {},
|
|
261
|
-
"comment": {},
|
|
262
261
|
"sources": [
|
|
263
262
|
{
|
|
264
263
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.ts",
|
|
265
|
-
"line":
|
|
264
|
+
"line": 10,
|
|
266
265
|
"character": 2
|
|
267
266
|
}
|
|
268
267
|
],
|
|
@@ -351,7 +350,7 @@
|
|
|
351
350
|
"name": "NgModule"
|
|
352
351
|
},
|
|
353
352
|
"arguments": {
|
|
354
|
-
"obj": "{\n declarations: [\n SkyProgressIndicatorComponent,\n SkyProgressIndicatorItemComponent,\n SkyProgressIndicatorNavButtonComponent,\n SkyProgressIndicatorResetButtonComponent,\n SkyProgressIndicatorStatusMarkerComponent,\n SkyProgressIndicatorTitleComponent
|
|
353
|
+
"obj": "{\n declarations: [\n SkyProgressIndicatorComponent,\n SkyProgressIndicatorItemComponent,\n SkyProgressIndicatorNavButtonComponent,\n SkyProgressIndicatorResetButtonComponent,\n SkyProgressIndicatorStatusMarkerComponent,\n SkyProgressIndicatorTitleComponent,\n ],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyIconModule,\n SkyProgressIndicatorResourcesModule,\n SkyThemeModule,\n ],\n exports: [\n SkyProgressIndicatorComponent,\n SkyProgressIndicatorItemComponent,\n SkyProgressIndicatorNavButtonComponent,\n SkyProgressIndicatorResetButtonComponent,\n SkyProgressIndicatorTitleComponent,\n ],\n}"
|
|
355
354
|
}
|
|
356
355
|
}
|
|
357
356
|
],
|
|
@@ -390,7 +389,7 @@
|
|
|
390
389
|
"sources": [
|
|
391
390
|
{
|
|
392
391
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.module.ts",
|
|
393
|
-
"line":
|
|
392
|
+
"line": 49,
|
|
394
393
|
"character": 13
|
|
395
394
|
}
|
|
396
395
|
]
|
|
@@ -412,7 +411,7 @@
|
|
|
412
411
|
"name": "Component"
|
|
413
412
|
},
|
|
414
413
|
"arguments": {
|
|
415
|
-
"obj": "{\n selector: 'sky-progress-indicator-item',\n templateUrl: './progress-indicator-item.component.html',\n styleUrls: ['./progress-indicator-item.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush
|
|
414
|
+
"obj": "{\n selector: 'sky-progress-indicator-item',\n templateUrl: './progress-indicator-item.component.html',\n styleUrls: ['./progress-indicator-item.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
416
415
|
}
|
|
417
416
|
}
|
|
418
417
|
],
|
|
@@ -426,7 +425,7 @@
|
|
|
426
425
|
"sources": [
|
|
427
426
|
{
|
|
428
427
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
429
|
-
"line":
|
|
428
|
+
"line": 83,
|
|
430
429
|
"character": 2
|
|
431
430
|
}
|
|
432
431
|
],
|
|
@@ -469,7 +468,7 @@
|
|
|
469
468
|
"sources": [
|
|
470
469
|
{
|
|
471
470
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
472
|
-
"line":
|
|
471
|
+
"line": 75,
|
|
473
472
|
"character": 9
|
|
474
473
|
}
|
|
475
474
|
],
|
|
@@ -490,7 +489,7 @@
|
|
|
490
489
|
"sources": [
|
|
491
490
|
{
|
|
492
491
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
493
|
-
"line":
|
|
492
|
+
"line": 76,
|
|
494
493
|
"character": 9
|
|
495
494
|
}
|
|
496
495
|
],
|
|
@@ -511,7 +510,7 @@
|
|
|
511
510
|
"sources": [
|
|
512
511
|
{
|
|
513
512
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
514
|
-
"line":
|
|
513
|
+
"line": 77,
|
|
515
514
|
"character": 9
|
|
516
515
|
}
|
|
517
516
|
],
|
|
@@ -551,7 +550,7 @@
|
|
|
551
550
|
"sources": [
|
|
552
551
|
{
|
|
553
552
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
554
|
-
"line":
|
|
553
|
+
"line": 26,
|
|
555
554
|
"character": 9
|
|
556
555
|
}
|
|
557
556
|
],
|
|
@@ -571,7 +570,7 @@
|
|
|
571
570
|
"sources": [
|
|
572
571
|
{
|
|
573
572
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
574
|
-
"line":
|
|
573
|
+
"line": 28,
|
|
575
574
|
"character": 13
|
|
576
575
|
}
|
|
577
576
|
],
|
|
@@ -600,7 +599,7 @@
|
|
|
600
599
|
"sources": [
|
|
601
600
|
{
|
|
602
601
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
603
|
-
"line":
|
|
602
|
+
"line": 32,
|
|
604
603
|
"character": 13
|
|
605
604
|
}
|
|
606
605
|
],
|
|
@@ -657,7 +656,7 @@
|
|
|
657
656
|
"sources": [
|
|
658
657
|
{
|
|
659
658
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
660
|
-
"line":
|
|
659
|
+
"line": 50,
|
|
661
660
|
"character": 13
|
|
662
661
|
}
|
|
663
662
|
],
|
|
@@ -686,7 +685,7 @@
|
|
|
686
685
|
"sources": [
|
|
687
686
|
{
|
|
688
687
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
689
|
-
"line":
|
|
688
|
+
"line": 89,
|
|
690
689
|
"character": 9
|
|
691
690
|
}
|
|
692
691
|
],
|
|
@@ -715,7 +714,7 @@
|
|
|
715
714
|
"sources": [
|
|
716
715
|
{
|
|
717
716
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
718
|
-
"line":
|
|
717
|
+
"line": 85,
|
|
719
718
|
"character": 9
|
|
720
719
|
}
|
|
721
720
|
],
|
|
@@ -786,7 +785,7 @@
|
|
|
786
785
|
"sources": [
|
|
787
786
|
{
|
|
788
787
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
|
|
789
|
-
"line":
|
|
788
|
+
"line": 20,
|
|
790
789
|
"character": 13
|
|
791
790
|
}
|
|
792
791
|
]
|
|
@@ -805,7 +804,7 @@
|
|
|
805
804
|
"name": "Component"
|
|
806
805
|
},
|
|
807
806
|
"arguments": {
|
|
808
|
-
"obj": "{\n selector: 'sky-progress-indicator',\n templateUrl: './progress-indicator.component.html',\n styleUrls: ['./progress-indicator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush
|
|
807
|
+
"obj": "{\n selector: 'sky-progress-indicator',\n templateUrl: './progress-indicator.component.html',\n styleUrls: ['./progress-indicator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
809
808
|
}
|
|
810
809
|
}
|
|
811
810
|
],
|
|
@@ -819,7 +818,7 @@
|
|
|
819
818
|
"sources": [
|
|
820
819
|
{
|
|
821
820
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
822
|
-
"line":
|
|
821
|
+
"line": 196,
|
|
823
822
|
"character": 2
|
|
824
823
|
}
|
|
825
824
|
],
|
|
@@ -886,7 +885,7 @@
|
|
|
886
885
|
"sources": [
|
|
887
886
|
{
|
|
888
887
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
889
|
-
"line":
|
|
888
|
+
"line": 118,
|
|
890
889
|
"character": 9
|
|
891
890
|
}
|
|
892
891
|
],
|
|
@@ -914,7 +913,7 @@
|
|
|
914
913
|
"sources": [
|
|
915
914
|
{
|
|
916
915
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
917
|
-
"line":
|
|
916
|
+
"line": 120,
|
|
918
917
|
"character": 13
|
|
919
918
|
}
|
|
920
919
|
],
|
|
@@ -953,7 +952,7 @@
|
|
|
953
952
|
"sources": [
|
|
954
953
|
{
|
|
955
954
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
956
|
-
"line":
|
|
955
|
+
"line": 53,
|
|
957
956
|
"character": 13
|
|
958
957
|
}
|
|
959
958
|
],
|
|
@@ -986,7 +985,7 @@
|
|
|
986
985
|
"tags": [
|
|
987
986
|
{
|
|
988
987
|
"tag": "default",
|
|
989
|
-
"text": "
|
|
988
|
+
"text": "\"vertical\"\n"
|
|
990
989
|
}
|
|
991
990
|
]
|
|
992
991
|
},
|
|
@@ -1022,7 +1021,7 @@
|
|
|
1022
1021
|
"sources": [
|
|
1023
1022
|
{
|
|
1024
1023
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1025
|
-
"line":
|
|
1024
|
+
"line": 146,
|
|
1026
1025
|
"character": 13
|
|
1027
1026
|
}
|
|
1028
1027
|
],
|
|
@@ -1087,7 +1086,7 @@
|
|
|
1087
1086
|
"sources": [
|
|
1088
1087
|
{
|
|
1089
1088
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1090
|
-
"line":
|
|
1089
|
+
"line": 71,
|
|
1091
1090
|
"character": 13
|
|
1092
1091
|
}
|
|
1093
1092
|
],
|
|
@@ -1154,7 +1153,7 @@
|
|
|
1154
1153
|
"sources": [
|
|
1155
1154
|
{
|
|
1156
1155
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1157
|
-
"line":
|
|
1156
|
+
"line": 154,
|
|
1158
1157
|
"character": 13
|
|
1159
1158
|
}
|
|
1160
1159
|
],
|
|
@@ -1184,9 +1183,6 @@
|
|
|
1184
1183
|
"flags": {
|
|
1185
1184
|
"isPublic": true
|
|
1186
1185
|
},
|
|
1187
|
-
"comment": {
|
|
1188
|
-
"shortText": "Specifies an observable of `SkyProgressIndicatorMessage` that determines the status to\ndisplay for items in the progress indicator. The message stream is a queue of\ncommanding messages to change the state of the progress indicator based on the message type."
|
|
1189
|
-
},
|
|
1190
1186
|
"decorators": [
|
|
1191
1187
|
{
|
|
1192
1188
|
"name": "Input",
|
|
@@ -1200,7 +1196,7 @@
|
|
|
1200
1196
|
"sources": [
|
|
1201
1197
|
{
|
|
1202
1198
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1203
|
-
"line":
|
|
1199
|
+
"line": 90,
|
|
1204
1200
|
"character": 13
|
|
1205
1201
|
}
|
|
1206
1202
|
],
|
|
@@ -1272,7 +1268,7 @@
|
|
|
1272
1268
|
"sources": [
|
|
1273
1269
|
{
|
|
1274
1270
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1275
|
-
"line":
|
|
1271
|
+
"line": 106,
|
|
1276
1272
|
"character": 13
|
|
1277
1273
|
}
|
|
1278
1274
|
],
|
|
@@ -1333,7 +1329,7 @@
|
|
|
1333
1329
|
"sources": [
|
|
1334
1330
|
{
|
|
1335
1331
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1336
|
-
"line":
|
|
1332
|
+
"line": 207,
|
|
1337
1333
|
"character": 9
|
|
1338
1334
|
}
|
|
1339
1335
|
],
|
|
@@ -1370,7 +1366,7 @@
|
|
|
1370
1366
|
"sources": [
|
|
1371
1367
|
{
|
|
1372
1368
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1373
|
-
"line":
|
|
1369
|
+
"line": 228,
|
|
1374
1370
|
"character": 9
|
|
1375
1371
|
}
|
|
1376
1372
|
],
|
|
@@ -1407,7 +1403,7 @@
|
|
|
1407
1403
|
"sources": [
|
|
1408
1404
|
{
|
|
1409
1405
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1410
|
-
"line":
|
|
1406
|
+
"line": 201,
|
|
1411
1407
|
"character": 9
|
|
1412
1408
|
}
|
|
1413
1409
|
],
|
|
@@ -1444,7 +1440,7 @@
|
|
|
1444
1440
|
"sources": [
|
|
1445
1441
|
{
|
|
1446
1442
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1447
|
-
"line":
|
|
1443
|
+
"line": 233,
|
|
1448
1444
|
"character": 9
|
|
1449
1445
|
}
|
|
1450
1446
|
],
|
|
@@ -1519,7 +1515,7 @@
|
|
|
1519
1515
|
"sources": [
|
|
1520
1516
|
{
|
|
1521
1517
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
|
|
1522
|
-
"line":
|
|
1518
|
+
"line": 41,
|
|
1523
1519
|
"character": 13
|
|
1524
1520
|
}
|
|
1525
1521
|
],
|
|
@@ -1555,7 +1551,7 @@
|
|
|
1555
1551
|
"name": "Component"
|
|
1556
1552
|
},
|
|
1557
1553
|
"arguments": {
|
|
1558
|
-
"obj": "{\n selector: 'sky-progress-indicator-nav-button',\n templateUrl: './progress-indicator-nav-button.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush
|
|
1554
|
+
"obj": "{\n selector: 'sky-progress-indicator-nav-button',\n templateUrl: './progress-indicator-nav-button.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
1559
1555
|
}
|
|
1560
1556
|
}
|
|
1561
1557
|
],
|
|
@@ -1569,7 +1565,7 @@
|
|
|
1569
1565
|
"sources": [
|
|
1570
1566
|
{
|
|
1571
1567
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1572
|
-
"line":
|
|
1568
|
+
"line": 195,
|
|
1573
1569
|
"character": 2
|
|
1574
1570
|
}
|
|
1575
1571
|
],
|
|
@@ -1647,7 +1643,7 @@
|
|
|
1647
1643
|
"sources": [
|
|
1648
1644
|
{
|
|
1649
1645
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1650
|
-
"line":
|
|
1646
|
+
"line": 148,
|
|
1651
1647
|
"character": 9
|
|
1652
1648
|
}
|
|
1653
1649
|
],
|
|
@@ -1677,7 +1673,7 @@
|
|
|
1677
1673
|
"tags": [
|
|
1678
1674
|
{
|
|
1679
1675
|
"tag": "default",
|
|
1680
|
-
"text": "
|
|
1676
|
+
"text": "\"Next\"\n"
|
|
1681
1677
|
}
|
|
1682
1678
|
]
|
|
1683
1679
|
},
|
|
@@ -1694,7 +1690,7 @@
|
|
|
1694
1690
|
"sources": [
|
|
1695
1691
|
{
|
|
1696
1692
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1697
|
-
"line":
|
|
1693
|
+
"line": 46,
|
|
1698
1694
|
"character": 9
|
|
1699
1695
|
}
|
|
1700
1696
|
],
|
|
@@ -1714,7 +1710,7 @@
|
|
|
1714
1710
|
"sources": [
|
|
1715
1711
|
{
|
|
1716
1712
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1717
|
-
"line":
|
|
1713
|
+
"line": 173,
|
|
1718
1714
|
"character": 13
|
|
1719
1715
|
}
|
|
1720
1716
|
],
|
|
@@ -1753,7 +1749,7 @@
|
|
|
1753
1749
|
"sources": [
|
|
1754
1750
|
{
|
|
1755
1751
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1756
|
-
"line":
|
|
1752
|
+
"line": 54,
|
|
1757
1753
|
"character": 13
|
|
1758
1754
|
}
|
|
1759
1755
|
],
|
|
@@ -1765,7 +1761,7 @@
|
|
|
1765
1761
|
"kindString": "Get signature",
|
|
1766
1762
|
"flags": {},
|
|
1767
1763
|
"comment": {
|
|
1768
|
-
"shortText": "Specifies the type of nav button to include.\nThe valid options are
|
|
1764
|
+
"shortText": "Specifies the type of nav button to include.\nThe valid options are `\"finish\"`, `\"next\"`, `\"previous\"`, and `\"reset\"`."
|
|
1769
1765
|
},
|
|
1770
1766
|
"type": {
|
|
1771
1767
|
"type": "reference",
|
|
@@ -1782,11 +1778,11 @@
|
|
|
1782
1778
|
"kindString": "Set signature",
|
|
1783
1779
|
"flags": {},
|
|
1784
1780
|
"comment": {
|
|
1785
|
-
"shortText": "Specifies the type of nav button to include.\nThe valid options are
|
|
1781
|
+
"shortText": "Specifies the type of nav button to include.\nThe valid options are `\"finish\"`, `\"next\"`, `\"previous\"`, and `\"reset\"`.",
|
|
1786
1782
|
"tags": [
|
|
1787
1783
|
{
|
|
1788
1784
|
"tag": "default",
|
|
1789
|
-
"text": "next\n"
|
|
1785
|
+
"text": "\"next\"\n"
|
|
1790
1786
|
}
|
|
1791
1787
|
]
|
|
1792
1788
|
},
|
|
@@ -1822,7 +1818,7 @@
|
|
|
1822
1818
|
"sources": [
|
|
1823
1819
|
{
|
|
1824
1820
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1825
|
-
"line":
|
|
1821
|
+
"line": 150,
|
|
1826
1822
|
"character": 13
|
|
1827
1823
|
}
|
|
1828
1824
|
],
|
|
@@ -1861,7 +1857,7 @@
|
|
|
1861
1857
|
"sources": [
|
|
1862
1858
|
{
|
|
1863
1859
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1864
|
-
"line":
|
|
1860
|
+
"line": 71,
|
|
1865
1861
|
"character": 13
|
|
1866
1862
|
}
|
|
1867
1863
|
],
|
|
@@ -1928,7 +1924,7 @@
|
|
|
1928
1924
|
"sources": [
|
|
1929
1925
|
{
|
|
1930
1926
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1931
|
-
"line":
|
|
1927
|
+
"line": 177,
|
|
1932
1928
|
"character": 13
|
|
1933
1929
|
}
|
|
1934
1930
|
],
|
|
@@ -1993,7 +1989,7 @@
|
|
|
1993
1989
|
"sources": [
|
|
1994
1990
|
{
|
|
1995
1991
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
1996
|
-
"line":
|
|
1992
|
+
"line": 98,
|
|
1997
1993
|
"character": 13
|
|
1998
1994
|
}
|
|
1999
1995
|
],
|
|
@@ -2062,7 +2058,7 @@
|
|
|
2062
2058
|
"sources": [
|
|
2063
2059
|
{
|
|
2064
2060
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
2065
|
-
"line":
|
|
2061
|
+
"line": 200,
|
|
2066
2062
|
"character": 9
|
|
2067
2063
|
}
|
|
2068
2064
|
],
|
|
@@ -2099,7 +2095,7 @@
|
|
|
2099
2095
|
"sources": [
|
|
2100
2096
|
{
|
|
2101
2097
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
2102
|
-
"line":
|
|
2098
|
+
"line": 208,
|
|
2103
2099
|
"character": 9
|
|
2104
2100
|
}
|
|
2105
2101
|
],
|
|
@@ -2136,7 +2132,7 @@
|
|
|
2136
2132
|
"sources": [
|
|
2137
2133
|
{
|
|
2138
2134
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
2139
|
-
"line":
|
|
2135
|
+
"line": 214,
|
|
2140
2136
|
"character": 9
|
|
2141
2137
|
}
|
|
2142
2138
|
],
|
|
@@ -2209,7 +2205,7 @@
|
|
|
2209
2205
|
"sources": [
|
|
2210
2206
|
{
|
|
2211
2207
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
|
|
2212
|
-
"line":
|
|
2208
|
+
"line": 38,
|
|
2213
2209
|
"character": 13
|
|
2214
2210
|
}
|
|
2215
2211
|
],
|
|
@@ -2241,7 +2237,7 @@
|
|
|
2241
2237
|
"name": "Component"
|
|
2242
2238
|
},
|
|
2243
2239
|
"arguments": {
|
|
2244
|
-
"obj": "{\n selector: 'sky-progress-indicator-reset-button',\n templateUrl: './progress-indicator-reset-button.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush
|
|
2240
|
+
"obj": "{\n selector: 'sky-progress-indicator-reset-button',\n templateUrl: './progress-indicator-reset-button.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
2245
2241
|
}
|
|
2246
2242
|
}
|
|
2247
2243
|
],
|
|
@@ -2255,7 +2251,7 @@
|
|
|
2255
2251
|
"sources": [
|
|
2256
2252
|
{
|
|
2257
2253
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
|
|
2258
|
-
"line":
|
|
2254
|
+
"line": 56,
|
|
2259
2255
|
"character": 2
|
|
2260
2256
|
}
|
|
2261
2257
|
],
|
|
@@ -2317,7 +2313,7 @@
|
|
|
2317
2313
|
"sources": [
|
|
2318
2314
|
{
|
|
2319
2315
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
|
|
2320
|
-
"line":
|
|
2316
|
+
"line": 45,
|
|
2321
2317
|
"character": 9
|
|
2322
2318
|
}
|
|
2323
2319
|
],
|
|
@@ -2351,7 +2347,7 @@
|
|
|
2351
2347
|
"sources": [
|
|
2352
2348
|
{
|
|
2353
2349
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
|
|
2354
|
-
"line":
|
|
2350
|
+
"line": 52,
|
|
2355
2351
|
"character": 9
|
|
2356
2352
|
}
|
|
2357
2353
|
],
|
|
@@ -2388,7 +2384,7 @@
|
|
|
2388
2384
|
"sources": [
|
|
2389
2385
|
{
|
|
2390
2386
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
|
|
2391
|
-
"line":
|
|
2387
|
+
"line": 31,
|
|
2392
2388
|
"character": 13
|
|
2393
2389
|
}
|
|
2394
2390
|
],
|
|
@@ -2455,7 +2451,7 @@
|
|
|
2455
2451
|
"sources": [
|
|
2456
2452
|
{
|
|
2457
2453
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
|
|
2458
|
-
"line":
|
|
2454
|
+
"line": 64,
|
|
2459
2455
|
"character": 9
|
|
2460
2456
|
}
|
|
2461
2457
|
],
|
|
@@ -2492,7 +2488,7 @@
|
|
|
2492
2488
|
"sources": [
|
|
2493
2489
|
{
|
|
2494
2490
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
|
|
2495
|
-
"line":
|
|
2491
|
+
"line": 68,
|
|
2496
2492
|
"character": 9
|
|
2497
2493
|
}
|
|
2498
2494
|
],
|
|
@@ -2546,7 +2542,7 @@
|
|
|
2546
2542
|
"sources": [
|
|
2547
2543
|
{
|
|
2548
2544
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
|
|
2549
|
-
"line":
|
|
2545
|
+
"line": 25,
|
|
2550
2546
|
"character": 13
|
|
2551
2547
|
}
|
|
2552
2548
|
],
|
|
@@ -2574,7 +2570,7 @@
|
|
|
2574
2570
|
"name": "Component"
|
|
2575
2571
|
},
|
|
2576
2572
|
"arguments": {
|
|
2577
|
-
"obj": "{\n selector: 'sky-progress-indicator-title',\n templateUrl: './progress-indicator-title.component.html',\n styleUrls: ['./progress-indicator-title.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush
|
|
2573
|
+
"obj": "{\n selector: 'sky-progress-indicator-title',\n templateUrl: './progress-indicator-title.component.html',\n styleUrls: ['./progress-indicator-title.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
2578
2574
|
}
|
|
2579
2575
|
}
|
|
2580
2576
|
],
|
|
@@ -2613,7 +2609,7 @@
|
|
|
2613
2609
|
"sources": [
|
|
2614
2610
|
{
|
|
2615
2611
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component.ts",
|
|
2616
|
-
"line":
|
|
2612
|
+
"line": 12,
|
|
2617
2613
|
"character": 13
|
|
2618
2614
|
}
|
|
2619
2615
|
]
|
|
@@ -2640,7 +2636,7 @@
|
|
|
2640
2636
|
"sources": [
|
|
2641
2637
|
{
|
|
2642
2638
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-action-click-args.ts",
|
|
2643
|
-
"line":
|
|
2639
|
+
"line": 15,
|
|
2644
2640
|
"character": 2
|
|
2645
2641
|
}
|
|
2646
2642
|
],
|
|
@@ -2661,7 +2657,7 @@
|
|
|
2661
2657
|
"sources": [
|
|
2662
2658
|
{
|
|
2663
2659
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-action-click-args.ts",
|
|
2664
|
-
"line":
|
|
2660
|
+
"line": 10,
|
|
2665
2661
|
"character": 2
|
|
2666
2662
|
}
|
|
2667
2663
|
],
|
|
@@ -2685,7 +2681,7 @@
|
|
|
2685
2681
|
"sources": [
|
|
2686
2682
|
{
|
|
2687
2683
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-action-click-args.ts",
|
|
2688
|
-
"line":
|
|
2684
|
+
"line": 6,
|
|
2689
2685
|
"character": 17
|
|
2690
2686
|
}
|
|
2691
2687
|
]
|
|
@@ -2711,7 +2707,7 @@
|
|
|
2711
2707
|
"sources": [
|
|
2712
2708
|
{
|
|
2713
2709
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-change.ts",
|
|
2714
|
-
"line":
|
|
2710
|
+
"line": 7,
|
|
2715
2711
|
"character": 2
|
|
2716
2712
|
}
|
|
2717
2713
|
],
|
|
@@ -2734,7 +2730,7 @@
|
|
|
2734
2730
|
"sources": [
|
|
2735
2731
|
{
|
|
2736
2732
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-change.ts",
|
|
2737
|
-
"line":
|
|
2733
|
+
"line": 12,
|
|
2738
2734
|
"character": 2
|
|
2739
2735
|
}
|
|
2740
2736
|
],
|
|
@@ -2757,7 +2753,7 @@
|
|
|
2757
2753
|
"sources": [
|
|
2758
2754
|
{
|
|
2759
2755
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-change.ts",
|
|
2760
|
-
"line":
|
|
2756
|
+
"line": 17,
|
|
2761
2757
|
"character": 2
|
|
2762
2758
|
}
|
|
2763
2759
|
],
|
|
@@ -2785,7 +2781,7 @@
|
|
|
2785
2781
|
"sources": [
|
|
2786
2782
|
{
|
|
2787
2783
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-change.ts",
|
|
2788
|
-
"line":
|
|
2784
|
+
"line": 3,
|
|
2789
2785
|
"character": 17
|
|
2790
2786
|
}
|
|
2791
2787
|
]
|
|
@@ -2811,7 +2807,7 @@
|
|
|
2811
2807
|
"sources": [
|
|
2812
2808
|
{
|
|
2813
2809
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
|
|
2814
|
-
"line":
|
|
2810
|
+
"line": 13,
|
|
2815
2811
|
"character": 2
|
|
2816
2812
|
}
|
|
2817
2813
|
],
|
|
@@ -2835,7 +2831,7 @@
|
|
|
2835
2831
|
"sources": [
|
|
2836
2832
|
{
|
|
2837
2833
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
|
|
2838
|
-
"line":
|
|
2834
|
+
"line": 14,
|
|
2839
2835
|
"character": 4
|
|
2840
2836
|
}
|
|
2841
2837
|
],
|
|
@@ -2892,7 +2888,7 @@
|
|
|
2892
2888
|
"sources": [
|
|
2893
2889
|
{
|
|
2894
2890
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
|
|
2895
|
-
"line":
|
|
2891
|
+
"line": 7,
|
|
2896
2892
|
"character": 2
|
|
2897
2893
|
}
|
|
2898
2894
|
],
|
|
@@ -2916,7 +2912,7 @@
|
|
|
2916
2912
|
"sources": [
|
|
2917
2913
|
{
|
|
2918
2914
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
|
|
2919
|
-
"line":
|
|
2915
|
+
"line": 3,
|
|
2920
2916
|
"character": 17
|
|
2921
2917
|
}
|
|
2922
2918
|
]
|
|
@@ -2998,7 +2994,7 @@
|
|
|
2998
2994
|
"groups": [
|
|
2999
2995
|
{
|
|
3000
2996
|
"title": "Enumerations",
|
|
3001
|
-
"kind":
|
|
2997
|
+
"kind": 8,
|
|
3002
2998
|
"children": [
|
|
3003
2999
|
177,
|
|
3004
3000
|
189
|
|
@@ -3044,20 +3040,25 @@
|
|
|
3044
3040
|
]
|
|
3045
3041
|
},
|
|
3046
3042
|
"codeExamples": [
|
|
3043
|
+
{
|
|
3044
|
+
"fileName": ".eslintrc.json",
|
|
3045
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/.eslintrc.json",
|
|
3046
|
+
"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"
|
|
3047
|
+
},
|
|
3047
3048
|
{
|
|
3048
3049
|
"fileName": "progress-indicator-passive-demo.component.html",
|
|
3049
3050
|
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.component.html",
|
|
3050
|
-
"rawContents": "<sky-progress-indicator
|
|
3051
|
+
"rawContents": "<sky-progress-indicator [isPassive]=\"true\" [startingIndex]=\"1\">\n <sky-progress-indicator-item title=\"Finished step\"\n >Optional details about this step\n </sky-progress-indicator-item>\n <sky-progress-indicator-item title=\"Current step\">\n </sky-progress-indicator-item>\n <sky-progress-indicator-item title=\"HIDDEN TITLE\">\n </sky-progress-indicator-item>\n</sky-progress-indicator>\n"
|
|
3051
3052
|
},
|
|
3052
3053
|
{
|
|
3053
3054
|
"fileName": "progress-indicator-passive-demo.component.ts",
|
|
3054
3055
|
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.component.ts",
|
|
3055
|
-
"rawContents": "import {
|
|
3056
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-progress-indicator-passive-demo',\n templateUrl: './progress-indicator-passive-demo.component.html',\n})\nexport class SkyProgressIndicatorPassiveDemoComponent {}\n"
|
|
3056
3057
|
},
|
|
3057
3058
|
{
|
|
3058
3059
|
"fileName": "progress-indicator-passive-demo.module.ts",
|
|
3059
3060
|
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.module.ts",
|
|
3060
|
-
"rawContents": "import {
|
|
3061
|
+
"rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorPassiveDemoComponent } from './progress-indicator-passive-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyProgressIndicatorModule],\n exports: [SkyProgressIndicatorPassiveDemoComponent],\n declarations: [SkyProgressIndicatorPassiveDemoComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
|
|
3061
3062
|
},
|
|
3062
3063
|
{
|
|
3063
3064
|
"fileName": "progress-indicator-waterfall-demo-context.ts",
|
|
@@ -3067,52 +3068,52 @@
|
|
|
3067
3068
|
{
|
|
3068
3069
|
"fileName": "progress-indicator-waterfall-demo-form.component.html",
|
|
3069
3070
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-form.component.html",
|
|
3070
|
-
"rawContents": "<sky-modal>\n <sky-modal-header>\n {{ context.title }}\n </sky-modal-header>\n <sky-modal-content>\n <br
|
|
3071
|
+
"rawContents": "<sky-modal>\n <sky-modal-header>\n {{ context.title }}\n </sky-modal-header>\n <sky-modal-content>\n <br />\n <br />\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n style=\"margin: 0 auto; vertical-align: middle\"\n type=\"button\"\n (click)=\"submit()\"\n >\n {{ context.buttonText }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n"
|
|
3071
3072
|
},
|
|
3072
3073
|
{
|
|
3073
3074
|
"fileName": "progress-indicator-waterfall-demo-form.component.ts",
|
|
3074
3075
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-form.component.ts",
|
|
3075
|
-
"rawContents": "import {
|
|
3076
|
+
"rawContents": "import { Component } from '@angular/core';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\n\n@Component({\n selector: 'app-progress-indicator-waterfall-horizontal-demo',\n templateUrl: './progress-indicator-waterfall-demo-form.component.html',\n})\nexport class SkyProgressIndicatorWaterfallDemoFormComponent {\n constructor(\n public instance: SkyModalInstance,\n public context: SkyProgressIndicatorWaterfallDemoContext\n ) {}\n\n public submit(): void {\n this.instance.close(undefined, 'save');\n }\n}\n"
|
|
3076
3077
|
},
|
|
3077
3078
|
{
|
|
3078
3079
|
"fileName": "progress-indicator-waterfall-demo.component.html",
|
|
3079
3080
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.component.html",
|
|
3080
|
-
"rawContents": "<sky-progress-indicator\n
|
|
3081
|
+
"rawContents": "<sky-progress-indicator\n id=\"progress-indicator-waterfall\"\n [messageStream]=\"progressMessageStream\"\n [startingIndex]=\"2\"\n (progressChanges)=\"updateIndex($event)\"\n #progressIndicator\n>\n <sky-progress-indicator-title>\n Set up my connection\n </sky-progress-indicator-title>\n\n <sky-progress-indicator-item title=\"Configure connection\">\n <div>\n <button\n *ngIf=\"activeIndex === 0\"\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"configureConnection(true)\"\n >\n Set up connection\n </button>\n <button\n *ngIf=\"activeIndex > 0\"\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"configureConnection(false)\"\n >\n Edit connection\n </button>\n </div>\n </sky-progress-indicator-item>\n\n <sky-progress-indicator-item title=\"Select remote server\">\n <div *ngIf=\"activeIndex >= 1\">\n <button\n *ngIf=\"activeIndex === 1\"\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"setServer(true)\"\n >\n Select server\n </button>\n <button\n *ngIf=\"activeIndex > 1\"\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"setServer(false)\"\n >\n Change server\n </button>\n </div>\n </sky-progress-indicator-item>\n\n <sky-progress-indicator-item title=\"Test connection\">\n <div *ngIf=\"activeIndex >= 2\">\n <button\n *ngIf=\"activeIndex === 2\"\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"testConnection(true)\"\n >\n Test connection\n </button>\n <button\n *ngIf=\"activeIndex > 2\"\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"testConnection(false)\"\n >\n Retest connection\n </button>\n </div>\n </sky-progress-indicator-item>\n\n <sky-progress-indicator-item title=\"Turn on connection\">\n <div *ngIf=\"activeIndex >= 3\">\n <button\n *ngIf=\"activeIndex === 3\"\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"alertMessage('Form completed')\"\n >\n Turn on\n </button>\n </div>\n </sky-progress-indicator-item>\n\n <sky-progress-indicator-reset-button [progressIndicator]=\"progressIndicator\">\n Erase all settings\n </sky-progress-indicator-reset-button>\n</sky-progress-indicator>\n"
|
|
3081
3082
|
},
|
|
3082
3083
|
{
|
|
3083
3084
|
"fileName": "progress-indicator-waterfall-demo.component.ts",
|
|
3084
3085
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.component.ts",
|
|
3085
|
-
"rawContents": "import {\n Component,\n ChangeDetectionStrategy,\n ChangeDetectorRef
|
|
3086
|
+
"rawContents": "import {\n Component,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n} from '@angular/core';\n\nimport { SkyModalService, SkyModalCloseArgs } from '@skyux/modals';\n\nimport {\n SkyProgressIndicatorChange,\n SkyProgressIndicatorMessageType,\n} from '@skyux/progress-indicator';\n\nimport { Subject } from 'rxjs';\n\nimport { take } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\n\n@Component({\n selector: 'app-waterfall-indicator-docs',\n templateUrl: './progress-indicator-waterfall-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WaterfallIndicatorDocsComponent {\n public activeIndex = 0;\n\n public progressMessageStream = new Subject<SkyProgressIndicatorMessageType>();\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private modal: SkyModalService\n ) {}\n\n public configureConnection(isProgress: boolean): void {\n this.openModalForm(\n {\n title: 'Configure connection',\n buttonText: 'Submit connection settings',\n },\n isProgress\n );\n }\n\n public setServer(isProgress: boolean): void {\n this.openModalForm(\n {\n title: 'Select remote server',\n buttonText: 'Submit server choice',\n },\n isProgress\n );\n }\n\n public testConnection(isProgress: boolean): void {\n this.openModalForm(\n {\n title: 'Connection confirmed.',\n buttonText: 'OK',\n },\n isProgress\n );\n }\n\n public alertMessage(message: string): void {\n alert(message);\n }\n\n public updateIndex(changes: SkyProgressIndicatorChange): void {\n this.activeIndex = changes.activeIndex;\n this.changeDetector.detectChanges();\n }\n\n public resetClicked(): void {\n this.progressMessageStream.next(SkyProgressIndicatorMessageType.Reset);\n }\n\n private progress(): void {\n this.progressMessageStream.next(SkyProgressIndicatorMessageType.Progress);\n }\n\n private openModalForm(\n context: SkyProgressIndicatorWaterfallDemoContext,\n isProgress: boolean\n ): void {\n const modalForm = this.modal.open(\n SkyProgressIndicatorWaterfallDemoFormComponent,\n [\n {\n provide: SkyProgressIndicatorWaterfallDemoContext,\n useValue: context,\n },\n ]\n );\n\n modalForm.closed.pipe(take(1)).subscribe((args: SkyModalCloseArgs) => {\n if (args.reason === 'save' && isProgress) {\n this.progress();\n }\n });\n }\n}\n"
|
|
3086
3087
|
},
|
|
3087
3088
|
{
|
|
3088
3089
|
"fileName": "progress-indicator-waterfall-demo.module.ts",
|
|
3089
3090
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.module.ts",
|
|
3090
|
-
"rawContents": "import {
|
|
3091
|
+
"rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\n\n@NgModule({\n imports: [CommonModule, SkyProgressIndicatorModule, SkyModalModule],\n exports: [WaterfallIndicatorDocsComponent],\n declarations: [\n WaterfallIndicatorDocsComponent,\n SkyProgressIndicatorWaterfallDemoFormComponent,\n ],\n entryComponents: [\n WaterfallIndicatorDocsComponent,\n SkyProgressIndicatorWaterfallDemoFormComponent,\n ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
|
|
3091
3092
|
},
|
|
3092
3093
|
{
|
|
3093
3094
|
"fileName": "wizard-demo-modal.component.html",
|
|
3094
3095
|
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.html",
|
|
3095
|
-
"rawContents": "<sky-modal>\n <sky-modal-header>\n {{ title }}\n </sky-modal-header>\n <sky-modal-content>\n <form
|
|
3096
|
+
"rawContents": "<sky-modal>\n <sky-modal-header>\n {{ title }}\n </sky-modal-header>\n <sky-modal-content>\n <form [formGroup]=\"myForm\">\n <sky-progress-indicator\n [displayMode]=\"displayMode\"\n (progressChanges)=\"updateIndex($event)\"\n #wizardDemo\n >\n <sky-progress-indicator-item title=\"First step\">\n <div>\n <label class=\"sky-control-label sky-control-label-required\">\n Enter text to continue\n </label>\n <input\n class=\"sky-form-control\"\n type=\"text\"\n formControlName=\"requiredValue1\"\n />\n </div>\n </sky-progress-indicator-item>\n\n <sky-progress-indicator-item title=\"Second step\">\n <div>\n <sky-checkbox formControlName=\"requiredValue2\">\n <sky-checkbox-label> Select to continue </sky-checkbox-label>\n </sky-checkbox>\n </div>\n </sky-progress-indicator-item>\n\n <sky-progress-indicator-item title=\"Third step\">\n <div>Additional content or tasks go here.</div>\n </sky-progress-indicator-item>\n </sky-progress-indicator>\n </form>\n </sky-modal-content>\n <sky-modal-footer>\n <sky-progress-indicator-nav-button\n buttonType=\"previous\"\n [progressIndicator]=\"wizardDemo\"\n >\n </sky-progress-indicator-nav-button>\n <sky-progress-indicator-nav-button\n buttonType=\"next\"\n [disabled]=\"!requirementsMet\"\n [progressIndicator]=\"wizardDemo\"\n >\n </sky-progress-indicator-nav-button>\n <sky-progress-indicator-nav-button\n buttonType=\"finish\"\n buttonText=\"Save and close\"\n [progressIndicator]=\"wizardDemo\"\n (actionClick)=\"onSaveClick($event)\"\n >\n </sky-progress-indicator-nav-button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"onCancelClick()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n"
|
|
3096
3097
|
},
|
|
3097
3098
|
{
|
|
3098
3099
|
"fileName": "wizard-demo-modal.component.ts",
|
|
3099
3100
|
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.ts",
|
|
3100
|
-
"rawContents": "import {
|
|
3101
|
+
"rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport {\n SkyProgressIndicatorActionClickArgs,\n SkyProgressIndicatorChange,\n SkyProgressIndicatorDisplayMode,\n} from '@skyux/progress-indicator';\n\n@Component({\n selector: 'app-wizard-demo-modal',\n templateUrl: './wizard-demo-modal.component.html',\n})\nexport class WizardDemoModalComponent implements OnInit {\n public activeIndex = 0;\n\n public displayMode = SkyProgressIndicatorDisplayMode.Horizontal;\n\n public myForm: FormGroup;\n\n public title = 'Wizard example';\n\n public get requirementsMet(): boolean {\n switch (this.activeIndex) {\n case 0:\n return !!this.myForm.get('requiredValue1').value;\n case 1:\n return !!this.myForm.get('requiredValue2').value;\n default:\n return false;\n }\n }\n\n constructor(\n private formBuilder: FormBuilder,\n public instance: SkyModalInstance\n ) {}\n\n public ngOnInit() {\n this.myForm = this.formBuilder.group({\n requiredValue1: undefined,\n requiredValue2: undefined,\n });\n }\n\n public onCancelClick(): void {\n this.instance.cancel();\n }\n\n public onSaveClick(args: SkyProgressIndicatorActionClickArgs): void {\n args.progressHandler.advance();\n this.instance.save();\n }\n\n public updateIndex(changes: SkyProgressIndicatorChange): void {\n this.activeIndex = changes.activeIndex;\n }\n}\n"
|
|
3101
3102
|
},
|
|
3102
3103
|
{
|
|
3103
3104
|
"fileName": "wizard-demo.component.html",
|
|
3104
3105
|
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.html",
|
|
3105
|
-
"rawContents": "<button
|
|
3106
|
+
"rawContents": "<button type=\"button\" class=\"sky-btn sky-btn-default\" (click)=\"openWizard()\">\n Open wizard\n</button>\n"
|
|
3106
3107
|
},
|
|
3107
3108
|
{
|
|
3108
3109
|
"fileName": "wizard-demo.component.ts",
|
|
3109
3110
|
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.ts",
|
|
3110
|
-
"rawContents": "import {
|
|
3111
|
+
"rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\nimport { SkyModalService } from '@skyux/modals';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@Component({\n selector: 'app-wizard-demo',\n templateUrl: './wizard-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WizardDemoComponent {\n constructor(private modal: SkyModalService) {}\n\n public openWizard(): void {\n this.modal.open(WizardDemoModalComponent);\n }\n}\n"
|
|
3111
3112
|
},
|
|
3112
3113
|
{
|
|
3113
3114
|
"fileName": "wizard-demo.module.ts",
|
|
3114
3115
|
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
|
|
3115
|
-
"rawContents": "import {
|
|
3116
|
+
"rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WizardDemoComponent } from './wizard-demo.component';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyCheckboxModule,\n SkyModalModule,\n SkyProgressIndicatorModule,\n ],\n exports: [WizardDemoComponent],\n declarations: [WizardDemoComponent, WizardDemoModalComponent],\n entryComponents: [WizardDemoModalComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
|
|
3116
3117
|
}
|
|
3117
3118
|
]
|
|
3118
3119
|
}
|