@skyux/progress-indicator 7.0.0-beta.0 → 7.0.0-beta.10
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/documentation.json +96 -15
- package/esm2020/lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.mjs +5 -4
- package/esm2020/lib/modules/progress-indicator/progress-indicator.module.mjs +7 -3
- package/fesm2015/skyux-progress-indicator.mjs +9 -5
- package/fesm2015/skyux-progress-indicator.mjs.map +1 -1
- package/fesm2020/skyux-progress-indicator.mjs +9 -5
- package/fesm2020/skyux-progress-indicator.mjs.map +1 -1
- package/lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.d.ts +1 -1
- package/lib/modules/progress-indicator/progress-indicator.module.d.ts +2 -1
- package/package.json +5 -5
package/documentation.json
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"id": 179,
|
|
35
35
|
"name": "Active",
|
|
36
36
|
"kind": 16,
|
|
37
|
-
"kindString": "Enumeration
|
|
37
|
+
"kindString": "Enumeration Member",
|
|
38
38
|
"flags": {},
|
|
39
39
|
"comment": {
|
|
40
40
|
"shortText": "Indicates the item is active."
|
|
@@ -46,13 +46,17 @@
|
|
|
46
46
|
"character": 2
|
|
47
47
|
}
|
|
48
48
|
],
|
|
49
|
+
"type": {
|
|
50
|
+
"type": "literal",
|
|
51
|
+
"value": 0
|
|
52
|
+
},
|
|
49
53
|
"defaultValue": "0"
|
|
50
54
|
},
|
|
51
55
|
{
|
|
52
56
|
"id": 180,
|
|
53
57
|
"name": "Complete",
|
|
54
58
|
"kind": 16,
|
|
55
|
-
"kindString": "Enumeration
|
|
59
|
+
"kindString": "Enumeration Member",
|
|
56
60
|
"flags": {},
|
|
57
61
|
"comment": {
|
|
58
62
|
"shortText": "Indicates the item is complete."
|
|
@@ -64,13 +68,17 @@
|
|
|
64
68
|
"character": 2
|
|
65
69
|
}
|
|
66
70
|
],
|
|
71
|
+
"type": {
|
|
72
|
+
"type": "literal",
|
|
73
|
+
"value": 1
|
|
74
|
+
},
|
|
67
75
|
"defaultValue": "1"
|
|
68
76
|
},
|
|
69
77
|
{
|
|
70
78
|
"id": 181,
|
|
71
79
|
"name": "Incomplete",
|
|
72
80
|
"kind": 16,
|
|
73
|
-
"kindString": "Enumeration
|
|
81
|
+
"kindString": "Enumeration Member",
|
|
74
82
|
"flags": {},
|
|
75
83
|
"comment": {
|
|
76
84
|
"shortText": "Indicates the item is incomplete."
|
|
@@ -82,13 +90,17 @@
|
|
|
82
90
|
"character": 2
|
|
83
91
|
}
|
|
84
92
|
],
|
|
93
|
+
"type": {
|
|
94
|
+
"type": "literal",
|
|
95
|
+
"value": 2
|
|
96
|
+
},
|
|
85
97
|
"defaultValue": "2"
|
|
86
98
|
},
|
|
87
99
|
{
|
|
88
100
|
"id": 182,
|
|
89
101
|
"name": "Pending",
|
|
90
102
|
"kind": 16,
|
|
91
|
-
"kindString": "Enumeration
|
|
103
|
+
"kindString": "Enumeration Member",
|
|
92
104
|
"flags": {},
|
|
93
105
|
"comment": {
|
|
94
106
|
"shortText": "Indicates the item is pending."
|
|
@@ -100,12 +112,16 @@
|
|
|
100
112
|
"character": 2
|
|
101
113
|
}
|
|
102
114
|
],
|
|
115
|
+
"type": {
|
|
116
|
+
"type": "literal",
|
|
117
|
+
"value": 3
|
|
118
|
+
},
|
|
103
119
|
"defaultValue": "3"
|
|
104
120
|
}
|
|
105
121
|
],
|
|
106
122
|
"groups": [
|
|
107
123
|
{
|
|
108
|
-
"title": "Enumeration
|
|
124
|
+
"title": "Enumeration Members",
|
|
109
125
|
"kind": 16,
|
|
110
126
|
"children": [
|
|
111
127
|
179,
|
|
@@ -134,7 +150,7 @@
|
|
|
134
150
|
"id": 194,
|
|
135
151
|
"name": "Finish",
|
|
136
152
|
"kind": 16,
|
|
137
|
-
"kindString": "Enumeration
|
|
153
|
+
"kindString": "Enumeration Member",
|
|
138
154
|
"flags": {},
|
|
139
155
|
"comment": {
|
|
140
156
|
"shortText": "Indicates that progress is complete.\nThis marks all items as complete and sets the last item as the active item."
|
|
@@ -146,13 +162,17 @@
|
|
|
146
162
|
"character": 2
|
|
147
163
|
}
|
|
148
164
|
],
|
|
165
|
+
"type": {
|
|
166
|
+
"type": "literal",
|
|
167
|
+
"value": 3
|
|
168
|
+
},
|
|
149
169
|
"defaultValue": "3"
|
|
150
170
|
},
|
|
151
171
|
{
|
|
152
172
|
"id": 195,
|
|
153
173
|
"name": "GoTo",
|
|
154
174
|
"kind": 16,
|
|
155
|
-
"kindString": "Enumeration
|
|
175
|
+
"kindString": "Enumeration Member",
|
|
156
176
|
"flags": {},
|
|
157
177
|
"comment": {
|
|
158
178
|
"shortText": "Indicates that progress should move to the item indicated by the `data.activeIndex` property."
|
|
@@ -164,13 +184,17 @@
|
|
|
164
184
|
"character": 2
|
|
165
185
|
}
|
|
166
186
|
],
|
|
187
|
+
"type": {
|
|
188
|
+
"type": "literal",
|
|
189
|
+
"value": 4
|
|
190
|
+
},
|
|
167
191
|
"defaultValue": "4"
|
|
168
192
|
},
|
|
169
193
|
{
|
|
170
194
|
"id": 191,
|
|
171
195
|
"name": "Progress",
|
|
172
196
|
"kind": 16,
|
|
173
|
-
"kindString": "Enumeration
|
|
197
|
+
"kindString": "Enumeration Member",
|
|
174
198
|
"flags": {},
|
|
175
199
|
"comment": {
|
|
176
200
|
"shortText": "Indicates that the current step is complete.\nThis completes the active item and moves to the next item."
|
|
@@ -182,13 +206,17 @@
|
|
|
182
206
|
"character": 2
|
|
183
207
|
}
|
|
184
208
|
],
|
|
209
|
+
"type": {
|
|
210
|
+
"type": "literal",
|
|
211
|
+
"value": 0
|
|
212
|
+
},
|
|
185
213
|
"defaultValue": "0"
|
|
186
214
|
},
|
|
187
215
|
{
|
|
188
216
|
"id": 192,
|
|
189
217
|
"name": "Regress",
|
|
190
218
|
"kind": 16,
|
|
191
|
-
"kindString": "Enumeration
|
|
219
|
+
"kindString": "Enumeration Member",
|
|
192
220
|
"flags": {},
|
|
193
221
|
"comment": {
|
|
194
222
|
"shortText": "Indicates that progress should return to the previous step.\nThis moves from the active item to the item that precedes it."
|
|
@@ -200,13 +228,17 @@
|
|
|
200
228
|
"character": 2
|
|
201
229
|
}
|
|
202
230
|
],
|
|
231
|
+
"type": {
|
|
232
|
+
"type": "literal",
|
|
233
|
+
"value": 1
|
|
234
|
+
},
|
|
203
235
|
"defaultValue": "1"
|
|
204
236
|
},
|
|
205
237
|
{
|
|
206
238
|
"id": 193,
|
|
207
239
|
"name": "Reset",
|
|
208
240
|
"kind": 16,
|
|
209
|
-
"kindString": "Enumeration
|
|
241
|
+
"kindString": "Enumeration Member",
|
|
210
242
|
"flags": {},
|
|
211
243
|
"comment": {
|
|
212
244
|
"shortText": "Indicates that progress is incomplete.\nThis marks all items as incomplete and sets the first item as the active item."
|
|
@@ -218,12 +250,16 @@
|
|
|
218
250
|
"character": 2
|
|
219
251
|
}
|
|
220
252
|
],
|
|
253
|
+
"type": {
|
|
254
|
+
"type": "literal",
|
|
255
|
+
"value": 2
|
|
256
|
+
},
|
|
221
257
|
"defaultValue": "2"
|
|
222
258
|
}
|
|
223
259
|
],
|
|
224
260
|
"groups": [
|
|
225
261
|
{
|
|
226
|
-
"title": "Enumeration
|
|
262
|
+
"title": "Enumeration Members",
|
|
227
263
|
"kind": 16,
|
|
228
264
|
"children": [
|
|
229
265
|
194,
|
|
@@ -340,7 +376,7 @@
|
|
|
340
376
|
"name": "NgModule"
|
|
341
377
|
},
|
|
342
378
|
"arguments": {
|
|
343
|
-
"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}"
|
|
379
|
+
"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 SkyTrimModule,\n ],\n exports: [\n SkyProgressIndicatorComponent,\n SkyProgressIndicatorItemComponent,\n SkyProgressIndicatorNavButtonComponent,\n SkyProgressIndicatorResetButtonComponent,\n SkyProgressIndicatorTitleComponent,\n ],\n}"
|
|
344
380
|
}
|
|
345
381
|
}
|
|
346
382
|
],
|
|
@@ -357,7 +393,7 @@
|
|
|
357
393
|
"sources": [
|
|
358
394
|
{
|
|
359
395
|
"fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.module.ts",
|
|
360
|
-
"line":
|
|
396
|
+
"line": 42,
|
|
361
397
|
"character": 13
|
|
362
398
|
}
|
|
363
399
|
]
|
|
@@ -3096,7 +3132,7 @@
|
|
|
3096
3132
|
]
|
|
3097
3133
|
},
|
|
3098
3134
|
{
|
|
3099
|
-
"title": "Type
|
|
3135
|
+
"title": "Type Aliases",
|
|
3100
3136
|
"kind": 4194304,
|
|
3101
3137
|
"children": [
|
|
3102
3138
|
177,
|
|
@@ -3128,6 +3164,21 @@
|
|
|
3128
3164
|
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.module.ts",
|
|
3129
3165
|
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\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"
|
|
3130
3166
|
},
|
|
3167
|
+
{
|
|
3168
|
+
"fileName": "progress-indicator-passive-demo.component.html",
|
|
3169
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.html",
|
|
3170
|
+
"rawContents": "<sky-progress-indicator [isPassive]=\"true\" [startingIndex]=\"1\">\n <sky-progress-indicator-item title=\"Finished step\"\n >Optional details about this step\n <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\n </sky-progress-indicator-item>\n <sky-progress-indicator-item title=\"Current step\">\n <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\n </sky-progress-indicator-item>\n <sky-progress-indicator-item title=\"HIDDEN TITLE\">\n <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\n </sky-progress-indicator-item>\n</sky-progress-indicator>\n"
|
|
3171
|
+
},
|
|
3172
|
+
{
|
|
3173
|
+
"fileName": "progress-indicator-passive-demo.component.ts",
|
|
3174
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.ts",
|
|
3175
|
+
"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"
|
|
3176
|
+
},
|
|
3177
|
+
{
|
|
3178
|
+
"fileName": "progress-indicator-passive-demo.module.ts",
|
|
3179
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.module.ts",
|
|
3180
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorPassiveDemoComponent } from './progress-indicator-passive-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyProgressIndicatorModule, SkyHelpInlineModule],\n exports: [SkyProgressIndicatorPassiveDemoComponent],\n declarations: [SkyProgressIndicatorPassiveDemoComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
|
|
3181
|
+
},
|
|
3131
3182
|
{
|
|
3132
3183
|
"fileName": "progress-indicator-waterfall-demo-context.ts",
|
|
3133
3184
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-context.ts",
|
|
@@ -3156,7 +3207,37 @@
|
|
|
3156
3207
|
{
|
|
3157
3208
|
"fileName": "progress-indicator-waterfall-demo.module.ts",
|
|
3158
3209
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.module.ts",
|
|
3159
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\n@NgModule({\n imports: [CommonModule
|
|
3210
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyProgressIndicatorModule,\n SkyModalModule,\n SkyHelpInlineModule,\n ],\n exports: [WaterfallIndicatorDocsComponent],\n declarations: [\n WaterfallIndicatorDocsComponent,\n SkyProgressIndicatorWaterfallDemoFormComponent,\n ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
|
|
3211
|
+
},
|
|
3212
|
+
{
|
|
3213
|
+
"fileName": "progress-indicator-waterfall-demo-context.ts",
|
|
3214
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-context.ts",
|
|
3215
|
+
"rawContents": "export class SkyProgressIndicatorWaterfallDemoContext {\n public title: string;\n public buttonText: string;\n}\n"
|
|
3216
|
+
},
|
|
3217
|
+
{
|
|
3218
|
+
"fileName": "progress-indicator-waterfall-demo-form.component.html",
|
|
3219
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-form.component.html",
|
|
3220
|
+
"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"
|
|
3221
|
+
},
|
|
3222
|
+
{
|
|
3223
|
+
"fileName": "progress-indicator-waterfall-demo-form.component.ts",
|
|
3224
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-form.component.ts",
|
|
3225
|
+
"rawContents": "import { Component } from '@angular/core';\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"
|
|
3226
|
+
},
|
|
3227
|
+
{
|
|
3228
|
+
"fileName": "progress-indicator-waterfall-demo.component.html",
|
|
3229
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.component.html",
|
|
3230
|
+
"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 <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\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 <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\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 <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\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 <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\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"
|
|
3231
|
+
},
|
|
3232
|
+
{
|
|
3233
|
+
"fileName": "progress-indicator-waterfall-demo.component.ts",
|
|
3234
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.component.ts",
|
|
3235
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\nimport {\n SkyProgressIndicatorChange,\n SkyProgressIndicatorMessageType,\n} from '@skyux/progress-indicator';\n\nimport { Subject } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\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"
|
|
3236
|
+
},
|
|
3237
|
+
{
|
|
3238
|
+
"fileName": "progress-indicator-waterfall-demo.module.ts",
|
|
3239
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.module.ts",
|
|
3240
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyProgressIndicatorModule,\n SkyModalModule,\n SkyHelpInlineModule,\n ],\n exports: [WaterfallIndicatorDocsComponent],\n declarations: [\n WaterfallIndicatorDocsComponent,\n SkyProgressIndicatorWaterfallDemoFormComponent,\n ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
|
|
3160
3241
|
},
|
|
3161
3242
|
{
|
|
3162
3243
|
"fileName": "wizard-demo-modal.component.html",
|
|
@@ -3,7 +3,8 @@ import { SkyProgressIndicatorItemStatus } from '../types/progress-indicator-item
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "@skyux/theme";
|
|
6
|
-
import * as i3 from "
|
|
6
|
+
import * as i3 from "@skyux/core";
|
|
7
|
+
import * as i4 from "../progress-indicator-status-marker/progress-indicator-status-marker.component";
|
|
7
8
|
/**
|
|
8
9
|
* Specifies a step to include in the progress indicator. Each step requires a label,
|
|
9
10
|
* and you can also specify step details within the `sky-progress-indicator-item` element.
|
|
@@ -58,11 +59,11 @@ export class SkyProgressIndicatorItemComponent {
|
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
61
|
SkyProgressIndicatorItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyProgressIndicatorItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
SkyProgressIndicatorItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyProgressIndicatorItemComponent, selector: "sky-progress-indicator-item", inputs: { title: "title" }, ngImport: i0, template: "<div\n *ngIf=\"isVisible\"\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n <sky-progress-indicator-status-marker\n *ngIf=\"showStatusMarker\"\n [status]=\"status\"\n >\n </sky-progress-indicator-status-marker>\n\n <div class=\"sky-progress-indicator-item-content\">\n <div\n *ngIf=\"showTitle\"\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ formattedTitle }}\n </div>\n <div class=\"sky-progress-indicator-item-body\">\n <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n <ng-content></ng-content>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "component", type:
|
|
62
|
+
SkyProgressIndicatorItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyProgressIndicatorItemComponent, selector: "sky-progress-indicator-item", inputs: { title: "title" }, ngImport: i0, template: "<div\n *ngIf=\"isVisible\"\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n <sky-progress-indicator-status-marker\n *ngIf=\"showStatusMarker\"\n [status]=\"status\"\n >\n </sky-progress-indicator-status-marker>\n\n <div class=\"sky-progress-indicator-item-content\">\n <div\n *ngIf=\"showTitle\"\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n skyTrim\n >\n {{ formattedTitle }}\n <span class=\"sky-control-help-container\" skyTrim\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n <div class=\"sky-progress-indicator-item-body\">\n <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n <ng-content></ng-content>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i3.λ4, selector: "[skyTrim]" }, { kind: "component", type: i4.SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
62
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyProgressIndicatorItemComponent, decorators: [{
|
|
63
64
|
type: Component,
|
|
64
|
-
args: [{ selector: 'sky-progress-indicator-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"isVisible\"\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n <sky-progress-indicator-status-marker\n *ngIf=\"showStatusMarker\"\n [status]=\"status\"\n >\n </sky-progress-indicator-status-marker>\n\n <div class=\"sky-progress-indicator-item-content\">\n <div\n *ngIf=\"showTitle\"\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ formattedTitle }}\n </div>\n <div class=\"sky-progress-indicator-item-body\">\n <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n <ng-content></ng-content>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"] }]
|
|
65
|
+
args: [{ selector: 'sky-progress-indicator-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"isVisible\"\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n <sky-progress-indicator-status-marker\n *ngIf=\"showStatusMarker\"\n [status]=\"status\"\n >\n </sky-progress-indicator-status-marker>\n\n <div class=\"sky-progress-indicator-item-content\">\n <div\n *ngIf=\"showTitle\"\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n skyTrim\n >\n {{ formattedTitle }}\n <span class=\"sky-control-help-container\" skyTrim\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n <div class=\"sky-progress-indicator-item-body\">\n <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n <ng-content></ng-content>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"] }]
|
|
65
66
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
66
67
|
type: Input
|
|
67
68
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3Byb2dyZXNzLWluZGljYXRvci9zcmMvbGliL21vZHVsZXMvcHJvZ3Jlc3MtaW5kaWNhdG9yL3Byb2dyZXNzLWluZGljYXRvci1pdGVtL3Byb2dyZXNzLWluZGljYXRvci1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcm9ncmVzcy1pbmRpY2F0b3Ivc3JjL2xpYi9tb2R1bGVzL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7Ozs7QUFFekY7OztHQUdHO0FBT0gsTUFBTSxPQUFPLGlDQUFpQztJQThENUMsWUFBb0IsY0FBaUM7UUFBakMsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBUjlDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIscUJBQWdCLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLGNBQVMsR0FBRyxJQUFJLENBQUM7SUFNZ0MsQ0FBQztJQXREekQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM1QyxDQUFDO0lBRUQsSUFBVyxNQUFNO1FBQ2YsMEJBQTBCO1FBQzFCLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxTQUFTLEVBQUU7WUFDOUIsT0FBTyw4QkFBOEIsQ0FBQyxVQUFVLENBQUM7U0FDbEQ7UUFFRCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQVcsTUFBTSxDQUFDLEtBQXFDO1FBQ3JELElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDMUIsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLElBQUksSUFBWSxDQUFDO1FBRWpCLFFBQVEsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNuQixLQUFLLDhCQUE4QixDQUFDLE1BQU07Z0JBQ3hDLElBQUksR0FBRyxRQUFRLENBQUM7Z0JBQ2hCLE1BQU07WUFFUixLQUFLLDhCQUE4QixDQUFDLFFBQVE7Z0JBQzFDLElBQUksR0FBRyxVQUFVLENBQUM7Z0JBQ2xCLE1BQU07WUFFUixLQUFLLDhCQUE4QixDQUFDLFVBQVU7Z0JBQzVDLElBQUksR0FBRyxZQUFZLENBQUM7Z0JBQ3BCLE1BQU07WUFFUixLQUFLLDhCQUE4QixDQUFDLE9BQU87Z0JBQ3pDLElBQUksR0FBRyxTQUFTLENBQUM7Z0JBQ2pCLE1BQU07U0FDVDtRQUVELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQVlNLGNBQWMsQ0FBQyxJQUFZO1FBQ2hDLElBQUksQ0FBQyxXQUFXLEdBQUcsR0FBRyxJQUFJLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBRU0sY0FBYztRQUNuQixJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDOzs4SEF0RVUsaUNBQWlDO2tIQUFqQyxpQ0FBaUMsK0ZDbkI5Qyx5aENBcUNBOzJGRGxCYSxpQ0FBaUM7a0JBTjdDLFNBQVM7K0JBQ0UsNkJBQTZCLG1CQUd0Qix1QkFBdUIsQ0FBQyxNQUFNO3dHQVF4QyxLQUFLO3NCQURYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXMgfSBmcm9tICcuLi90eXBlcy9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS1zdGF0dXMnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhIHN0ZXAgdG8gaW5jbHVkZSBpbiB0aGUgcHJvZ3Jlc3MgaW5kaWNhdG9yLiBFYWNoIHN0ZXAgcmVxdWlyZXMgYSBsYWJlbCxcbiAqIGFuZCB5b3UgY2FuIGFsc28gc3BlY2lmeSBzdGVwIGRldGFpbHMgd2l0aGluIHRoZSBgc2t5LXByb2dyZXNzLWluZGljYXRvci1pdGVtYCBlbGVtZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyBhIHN0ZXAgbGFiZWwgZm9yIHRoZSBzdGVwIGluIHRoZSBwcm9ncmVzcyBpbmRpY2F0b3IuXG4gICAqIEByZXF1aXJlZFxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHRpdGxlOiBzdHJpbmc7XG5cbiAgcHVibGljIGdldCBmb3JtYXR0ZWRUaXRsZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHt0aGlzLnRpdGxlUHJlZml4fSR7dGhpcy50aXRsZX1gO1xuICB9XG5cbiAgcHVibGljIGdldCBzdGF0dXMoKTogU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICAgIGlmICh0aGlzLl9zdGF0dXMgPT09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuIFNreVByb2dyZXNzSW5kaWNhdG9ySXRlbVN0YXR1cy5JbmNvbXBsZXRlO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLl9zdGF0dXM7XG4gIH1cblxuICBwdWJsaWMgc2V0IHN0YXR1cyh2YWx1ZTogU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzKSB7XG4gICAgaWYgKHZhbHVlID09PSB0aGlzLl9zdGF0dXMpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9zdGF0dXMgPSB2YWx1ZTtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHVibGljIGdldCBzdGF0dXNOYW1lKCk6IHN0cmluZyB7XG4gICAgbGV0IG5hbWU6IHN0cmluZztcblxuICAgIHN3aXRjaCAodGhpcy5zdGF0dXMpIHtcbiAgICAgIGNhc2UgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzLkFjdGl2ZTpcbiAgICAgICAgbmFtZSA9ICdhY3RpdmUnO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXMuQ29tcGxldGU6XG4gICAgICAgIG5hbWUgPSAnY29tcGxldGUnO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXMuSW5jb21wbGV0ZTpcbiAgICAgICAgbmFtZSA9ICdpbmNvbXBsZXRlJztcbiAgICAgICAgYnJlYWs7XG5cbiAgICAgIGNhc2UgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzLlBlbmRpbmc6XG4gICAgICAgIG5hbWUgPSAncGVuZGluZyc7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiBuYW1lO1xuICB9XG5cbiAgcHVibGljIGlzVmlzaWJsZSA9IGZhbHNlO1xuICBwdWJsaWMgc2hvd1N0YXR1c01hcmtlciA9IHRydWU7XG4gIHB1YmxpYyBzaG93VGl0bGUgPSB0cnVlO1xuXG4gIHByaXZhdGUgdGl0bGVQcmVmaXg6IHN0cmluZztcblxuICBwcml2YXRlIF9zdGF0dXM6IFNreVByb2dyZXNzSW5kaWNhdG9ySXRlbVN0YXR1cztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBwdWJsaWMgc2hvd1N0ZXBOdW1iZXIoc3RlcDogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy50aXRsZVByZWZpeCA9IGAke3N0ZXB9IC0gYDtcbiAgfVxuXG4gIHB1YmxpYyBoaWRlU3RlcE51bWJlcigpOiB2b2lkIHtcbiAgICB0aGlzLnRpdGxlUHJlZml4ID0gJyc7XG4gIH1cbn1cbiIsIjxkaXZcbiAgKm5nSWY9XCJpc1Zpc2libGVcIlxuICBjbGFzcz1cInNreS1wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbVwiXG4gIFtuZ0NsYXNzXT1cIidza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0tc3RhdHVzLScgKyBzdGF0dXNOYW1lXCJcbj5cbiAgPHNreS1wcm9ncmVzcy1pbmRpY2F0b3Itc3RhdHVzLW1hcmtlclxuICAgICpuZ0lmPVwic2hvd1N0YXR1c01hcmtlclwiXG4gICAgW3N0YXR1c109XCJzdGF0dXNcIlxuICA+XG4gIDwvc2t5LXByb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyPlxuXG4gIDxkaXYgY2xhc3M9XCJza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0tY29udGVudFwiPlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwic2hvd1RpdGxlXCJcbiAgICAgIGFyaWEtbGV2ZWw9XCIyXCJcbiAgICAgIGNsYXNzPVwic2t5LXByb2dyZXNzLWluZGljYXRvci1pdGVtLWhlYWRpbmdcIlxuICAgICAgcm9sZT1cImhlYWRpbmdcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnc2t5LWRlZW1waGFzaXplZCc6IHN0YXR1c05hbWUgPT09ICdwZW5kaW5nJ1xuICAgICAgfVwiXG4gICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICdza3ktZm9udC1kaXNwbGF5LTMnOiAnbW9kZXJuJ1xuICAgICAgfVwiXG4gICAgICBza3lUcmltXG4gICAgPlxuICAgICAge3sgZm9ybWF0dGVkVGl0bGUgfX1cbiAgICAgIDxzcGFuIGNsYXNzPVwic2t5LWNvbnRyb2wtaGVscC1jb250YWluZXJcIiBza3lUcmltXG4gICAgICAgID48bmctY29udGVudCBzZWxlY3Q9XCIuc2t5LWNvbnRyb2wtaGVscFwiPjwvbmctY29udGVudFxuICAgICAgPjwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2t5LXByb2dyZXNzLWluZGljYXRvci1pdGVtLWJvZHlcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJzdGF0dXNOYW1lICE9PSAnaW5jb21wbGV0ZSdcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyTrimModule } from '@skyux/core';
|
|
3
4
|
import { SkyI18nModule } from '@skyux/i18n';
|
|
4
5
|
import { SkyIconModule } from '@skyux/indicators';
|
|
5
6
|
import { SkyThemeModule } from '@skyux/theme';
|
|
@@ -23,7 +24,8 @@ SkyProgressIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
23
24
|
SkyI18nModule,
|
|
24
25
|
SkyIconModule,
|
|
25
26
|
SkyProgressIndicatorResourcesModule,
|
|
26
|
-
SkyThemeModule
|
|
27
|
+
SkyThemeModule,
|
|
28
|
+
SkyTrimModule], exports: [SkyProgressIndicatorComponent,
|
|
27
29
|
SkyProgressIndicatorItemComponent,
|
|
28
30
|
SkyProgressIndicatorNavButtonComponent,
|
|
29
31
|
SkyProgressIndicatorResetButtonComponent,
|
|
@@ -32,7 +34,8 @@ SkyProgressIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.
|
|
|
32
34
|
SkyI18nModule,
|
|
33
35
|
SkyIconModule,
|
|
34
36
|
SkyProgressIndicatorResourcesModule,
|
|
35
|
-
SkyThemeModule
|
|
37
|
+
SkyThemeModule,
|
|
38
|
+
SkyTrimModule] });
|
|
36
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyProgressIndicatorModule, decorators: [{
|
|
37
40
|
type: NgModule,
|
|
38
41
|
args: [{
|
|
@@ -50,6 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
50
53
|
SkyIconModule,
|
|
51
54
|
SkyProgressIndicatorResourcesModule,
|
|
52
55
|
SkyThemeModule,
|
|
56
|
+
SkyTrimModule,
|
|
53
57
|
],
|
|
54
58
|
exports: [
|
|
55
59
|
SkyProgressIndicatorComponent,
|
|
@@ -60,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
60
64
|
],
|
|
61
65
|
}]
|
|
62
66
|
}] });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcm9ncmVzcy1pbmRpY2F0b3Ivc3JjL2xpYi9tb2R1bGVzL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3IubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5QyxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUV4RyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUNoSCxPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSx5RUFBeUUsQ0FBQztBQUNqSSxPQUFPLEVBQUUsd0NBQXdDLEVBQUUsTUFBTSw2RUFBNkUsQ0FBQztBQUN2SSxPQUFPLEVBQUUseUNBQXlDLEVBQUUsTUFBTSwrRUFBK0UsQ0FBQztBQUMxSSxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUNuSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7QUEyQi9FLE1BQU0sT0FBTywwQkFBMEI7O3VIQUExQiwwQkFBMEI7d0hBQTFCLDBCQUEwQixpQkF2Qm5DLDZCQUE2QjtRQUM3QixpQ0FBaUM7UUFDakMsc0NBQXNDO1FBQ3RDLHdDQUF3QztRQUN4Qyx5Q0FBeUM7UUFDekMsa0NBQWtDLGFBR2xDLFlBQVk7UUFDWixhQUFhO1FBQ2IsYUFBYTtRQUNiLG1DQUFtQztRQUNuQyxjQUFjO1FBQ2QsYUFBYSxhQUdiLDZCQUE2QjtRQUM3QixpQ0FBaUM7UUFDakMsc0NBQXNDO1FBQ3RDLHdDQUF3QztRQUN4QyxrQ0FBa0M7d0hBR3pCLDBCQUEwQixZQWZuQyxZQUFZO1FBQ1osYUFBYTtRQUNiLGFBQWE7UUFDYixtQ0FBbUM7UUFDbkMsY0FBYztRQUNkLGFBQWE7MkZBVUosMEJBQTBCO2tCQXpCdEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osNkJBQTZCO3dCQUM3QixpQ0FBaUM7d0JBQ2pDLHNDQUFzQzt3QkFDdEMsd0NBQXdDO3dCQUN4Qyx5Q0FBeUM7d0JBQ3pDLGtDQUFrQztxQkFDbkM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixhQUFhO3dCQUNiLG1DQUFtQzt3QkFDbkMsY0FBYzt3QkFDZCxhQUFhO3FCQUNkO29CQUNELE9BQU8sRUFBRTt3QkFDUCw2QkFBNkI7d0JBQzdCLGlDQUFpQzt3QkFDakMsc0NBQXNDO3dCQUN0Qyx3Q0FBd0M7d0JBQ3hDLGtDQUFrQztxQkFDbkM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreVRyaW1Nb2R1bGUgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5pbXBvcnQgeyBTa3lJMThuTW9kdWxlIH0gZnJvbSAnQHNreXV4L2kxOG4nO1xuaW1wb3J0IHsgU2t5SWNvbk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pbmRpY2F0b3JzJztcbmltcG9ydCB7IFNreVRoZW1lTW9kdWxlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LXByb2dyZXNzLWluZGljYXRvci1yZXNvdXJjZXMubW9kdWxlJztcblxuaW1wb3J0IHsgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JOYXZCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzLWluZGljYXRvci1uYXYtYnV0dG9uL3Byb2dyZXNzLWluZGljYXRvci1uYXYtYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lQcm9ncmVzc0luZGljYXRvclJlc2V0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9wcm9ncmVzcy1pbmRpY2F0b3ItcmVzZXQtYnV0dG9uL3Byb2dyZXNzLWluZGljYXRvci1yZXNldC1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFNreVByb2dyZXNzSW5kaWNhdG9yU3RhdHVzTWFya2VyQ29tcG9uZW50IH0gZnJvbSAnLi9wcm9ncmVzcy1pbmRpY2F0b3Itc3RhdHVzLW1hcmtlci9wcm9ncmVzcy1pbmRpY2F0b3Itc3RhdHVzLW1hcmtlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JUaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3MtaW5kaWNhdG9yLXRpdGxlL3Byb2dyZXNzLWluZGljYXRvci10aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JDb21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzLWluZGljYXRvci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lQcm9ncmVzc0luZGljYXRvckNvbXBvbmVudCxcbiAgICBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1Db21wb25lbnQsXG4gICAgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JOYXZCdXR0b25Db21wb25lbnQsXG4gICAgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JSZXNldEJ1dHRvbkNvbXBvbmVudCxcbiAgICBTa3lQcm9ncmVzc0luZGljYXRvclN0YXR1c01hcmtlckNvbXBvbmVudCxcbiAgICBTa3lQcm9ncmVzc0luZGljYXRvclRpdGxlQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNreUkxOG5Nb2R1bGUsXG4gICAgU2t5SWNvbk1vZHVsZSxcbiAgICBTa3lQcm9ncmVzc0luZGljYXRvclJlc291cmNlc01vZHVsZSxcbiAgICBTa3lUaGVtZU1vZHVsZSxcbiAgICBTa3lUcmltTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JDb21wb25lbnQsXG4gICAgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtQ29tcG9uZW50LFxuICAgIFNreVByb2dyZXNzSW5kaWNhdG9yTmF2QnV0dG9uQ29tcG9uZW50LFxuICAgIFNreVByb2dyZXNzSW5kaWNhdG9yUmVzZXRCdXR0b25Db21wb25lbnQsXG4gICAgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JUaXRsZUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JNb2R1bGUge31cbiJdfQ==
|
|
@@ -2,6 +2,8 @@ import * as i2 from '@angular/common';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { NgModule, Component, ChangeDetectionStrategy, Optional, Input, EventEmitter, Output, ContentChildren } from '@angular/core';
|
|
5
|
+
import * as i1$1 from '@skyux/core';
|
|
6
|
+
import { SkyTrimModule } from '@skyux/core';
|
|
5
7
|
import * as i3$1 from '@skyux/i18n';
|
|
6
8
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
7
9
|
import * as i3 from '@skyux/indicators';
|
|
@@ -10,7 +12,6 @@ import * as i1 from '@skyux/theme';
|
|
|
10
12
|
import { SkyThemeModule } from '@skyux/theme';
|
|
11
13
|
import { Subject } from 'rxjs';
|
|
12
14
|
import { takeUntil, delay, distinctUntilChanged } from 'rxjs/operators';
|
|
13
|
-
import * as i1$1 from '@skyux/core';
|
|
14
15
|
|
|
15
16
|
/**
|
|
16
17
|
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
@@ -204,10 +205,10 @@ class SkyProgressIndicatorItemComponent {
|
|
|
204
205
|
}
|
|
205
206
|
}
|
|
206
207
|
SkyProgressIndicatorItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyProgressIndicatorItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
207
|
-
SkyProgressIndicatorItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyProgressIndicatorItemComponent, selector: "sky-progress-indicator-item", inputs: { title: "title" }, ngImport: i0, template: "<div\n *ngIf=\"isVisible\"\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n <sky-progress-indicator-status-marker\n *ngIf=\"showStatusMarker\"\n [status]=\"status\"\n >\n </sky-progress-indicator-status-marker>\n\n <div class=\"sky-progress-indicator-item-content\">\n <div\n *ngIf=\"showTitle\"\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ formattedTitle }}\n </div>\n <div class=\"sky-progress-indicator-item-body\">\n <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n <ng-content></ng-content>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "component", type: SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
208
|
+
SkyProgressIndicatorItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyProgressIndicatorItemComponent, selector: "sky-progress-indicator-item", inputs: { title: "title" }, ngImport: i0, template: "<div\n *ngIf=\"isVisible\"\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n <sky-progress-indicator-status-marker\n *ngIf=\"showStatusMarker\"\n [status]=\"status\"\n >\n </sky-progress-indicator-status-marker>\n\n <div class=\"sky-progress-indicator-item-content\">\n <div\n *ngIf=\"showTitle\"\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n skyTrim\n >\n {{ formattedTitle }}\n <span class=\"sky-control-help-container\" skyTrim\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n <div class=\"sky-progress-indicator-item-body\">\n <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n <ng-content></ng-content>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i1$1.λ4, selector: "[skyTrim]" }, { kind: "component", type: SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
208
209
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyProgressIndicatorItemComponent, decorators: [{
|
|
209
210
|
type: Component,
|
|
210
|
-
args: [{ selector: 'sky-progress-indicator-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"isVisible\"\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n <sky-progress-indicator-status-marker\n *ngIf=\"showStatusMarker\"\n [status]=\"status\"\n >\n </sky-progress-indicator-status-marker>\n\n <div class=\"sky-progress-indicator-item-content\">\n <div\n *ngIf=\"showTitle\"\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n >\n {{ formattedTitle }}\n </div>\n <div class=\"sky-progress-indicator-item-body\">\n <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n <ng-content></ng-content>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"] }]
|
|
211
|
+
args: [{ selector: 'sky-progress-indicator-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"isVisible\"\n class=\"sky-progress-indicator-item\"\n [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n <sky-progress-indicator-status-marker\n *ngIf=\"showStatusMarker\"\n [status]=\"status\"\n >\n </sky-progress-indicator-status-marker>\n\n <div class=\"sky-progress-indicator-item-content\">\n <div\n *ngIf=\"showTitle\"\n aria-level=\"2\"\n class=\"sky-progress-indicator-item-heading\"\n role=\"heading\"\n [ngClass]=\"{\n 'sky-deemphasized': statusName === 'pending'\n }\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern'\n }\"\n skyTrim\n >\n {{ formattedTitle }}\n <span class=\"sky-control-help-container\" skyTrim\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n <div class=\"sky-progress-indicator-item-body\">\n <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n <ng-content></ng-content>\n </ng-template>\n </div>\n </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"] }]
|
|
211
212
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
212
213
|
type: Input
|
|
213
214
|
}] } });
|
|
@@ -865,7 +866,8 @@ SkyProgressIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
865
866
|
SkyI18nModule,
|
|
866
867
|
SkyIconModule,
|
|
867
868
|
SkyProgressIndicatorResourcesModule,
|
|
868
|
-
SkyThemeModule
|
|
869
|
+
SkyThemeModule,
|
|
870
|
+
SkyTrimModule], exports: [SkyProgressIndicatorComponent,
|
|
869
871
|
SkyProgressIndicatorItemComponent,
|
|
870
872
|
SkyProgressIndicatorNavButtonComponent,
|
|
871
873
|
SkyProgressIndicatorResetButtonComponent,
|
|
@@ -874,7 +876,8 @@ SkyProgressIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.
|
|
|
874
876
|
SkyI18nModule,
|
|
875
877
|
SkyIconModule,
|
|
876
878
|
SkyProgressIndicatorResourcesModule,
|
|
877
|
-
SkyThemeModule
|
|
879
|
+
SkyThemeModule,
|
|
880
|
+
SkyTrimModule] });
|
|
878
881
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyProgressIndicatorModule, decorators: [{
|
|
879
882
|
type: NgModule,
|
|
880
883
|
args: [{
|
|
@@ -892,6 +895,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
892
895
|
SkyIconModule,
|
|
893
896
|
SkyProgressIndicatorResourcesModule,
|
|
894
897
|
SkyThemeModule,
|
|
898
|
+
SkyTrimModule,
|
|
895
899
|
],
|
|
896
900
|
exports: [
|
|
897
901
|
SkyProgressIndicatorComponent,
|