@skyux/progress-indicator 8.7.2 → 9.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +62 -62
- package/esm2022/lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.mjs +111 -0
- package/{esm2020 → esm2022}/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button-class.pipe.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button-disabled.pipe.mjs +4 -4
- package/esm2022/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.mjs +200 -0
- package/esm2022/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.mjs +56 -0
- package/{esm2020 → esm2022}/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker-class.pipe.mjs +4 -4
- package/esm2022/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.mjs +62 -0
- package/{esm2020 → esm2022}/lib/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component.mjs +4 -4
- package/esm2022/lib/modules/progress-indicator/progress-indicator.component.mjs +330 -0
- package/{esm2020 → esm2022}/lib/modules/progress-indicator/progress-indicator.module.mjs +27 -27
- package/esm2022/lib/modules/shared/sky-progress-indicator-resources.module.mjs +50 -0
- package/fesm2022/skyux-progress-indicator.mjs +1006 -0
- package/{fesm2020 → fesm2022}/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-nav-button/progress-indicator-nav-button.component.d.ts +1 -1
- package/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.d.ts +1 -1
- package/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.d.ts +1 -1
- package/lib/modules/progress-indicator/progress-indicator.component.d.ts +1 -1
- package/package.json +11 -17
- package/esm2020/lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.mjs +0 -110
- package/esm2020/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.mjs +0 -200
- package/esm2020/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.mjs +0 -59
- package/esm2020/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.mjs +0 -62
- package/esm2020/lib/modules/progress-indicator/progress-indicator.component.mjs +0 -312
- package/esm2020/lib/modules/shared/sky-progress-indicator-resources.module.mjs +0 -50
- package/fesm2015/skyux-progress-indicator.mjs +0 -995
- package/fesm2015/skyux-progress-indicator.mjs.map +0 -1
- package/fesm2020/skyux-progress-indicator.mjs +0 -986
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-action-click-args.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-change.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-display-mode-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-item-status.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-message-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-message.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-mode.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/progress-indicator/types/progress-indicator-nav-button-type.mjs +0 -0
- /package/{esm2020 → esm2022}/skyux-progress-indicator.mjs +0 -0
package/documentation.json
CHANGED
|
@@ -3301,59 +3301,59 @@
|
|
|
3301
3301
|
},
|
|
3302
3302
|
"codeExamples": [
|
|
3303
3303
|
{
|
|
3304
|
-
"fileName": "
|
|
3305
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3306
|
-
"rawContents": "
|
|
3304
|
+
"fileName": "wizard-demo.module.ts",
|
|
3305
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
|
|
3306
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\nimport { WizardDemoComponent } from './wizard-demo.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})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
|
|
3307
3307
|
},
|
|
3308
3308
|
{
|
|
3309
|
-
"fileName": "
|
|
3310
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3311
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-
|
|
3309
|
+
"fileName": "wizard-demo.component.ts",
|
|
3310
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.ts",
|
|
3311
|
+
"rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\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"
|
|
3312
3312
|
},
|
|
3313
3313
|
{
|
|
3314
|
-
"fileName": "
|
|
3315
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3316
|
-
"rawContents": "
|
|
3314
|
+
"fileName": "wizard-demo.component.html",
|
|
3315
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.html",
|
|
3316
|
+
"rawContents": "<button type=\"button\" class=\"sky-btn sky-btn-default\" (click)=\"openWizard()\">\n Open wizard\n</button>\n"
|
|
3317
3317
|
},
|
|
3318
3318
|
{
|
|
3319
|
-
"fileName": "
|
|
3320
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3321
|
-
"rawContents": "
|
|
3319
|
+
"fileName": "wizard-demo-modal.component.ts",
|
|
3320
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.ts",
|
|
3321
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { SkyModalInstance } from '@skyux/modals';\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 {\n public activeIndex: number | undefined = 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(formBuilder: FormBuilder, public instance: SkyModalInstance) {\n this.myForm = 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"
|
|
3322
3322
|
},
|
|
3323
3323
|
{
|
|
3324
|
-
"fileName": "
|
|
3325
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3326
|
-
"rawContents": "
|
|
3324
|
+
"fileName": "wizard-demo-modal.component.html",
|
|
3325
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.html",
|
|
3326
|
+
"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=\"Finish\"\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"
|
|
3327
3327
|
},
|
|
3328
3328
|
{
|
|
3329
|
-
"fileName": "progress-indicator-
|
|
3330
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3331
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport {
|
|
3329
|
+
"fileName": "progress-indicator-waterfall-demo.module.ts",
|
|
3330
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.module.ts",
|
|
3331
|
+
"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"
|
|
3332
3332
|
},
|
|
3333
3333
|
{
|
|
3334
|
-
"fileName": "progress-indicator-waterfall-demo
|
|
3335
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3336
|
-
"rawContents": "
|
|
3334
|
+
"fileName": "progress-indicator-waterfall-demo.component.ts",
|
|
3335
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.component.ts",
|
|
3336
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\nimport {\n SkyProgressIndicatorChange,\n SkyProgressIndicatorMessage,\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: number | undefined = 0;\n\n public progressMessageStream = new Subject<\n SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n >();\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 public onActionClick(): void {\n alert('Help inline button clicked!');\n }\n}\n"
|
|
3337
3337
|
},
|
|
3338
3338
|
{
|
|
3339
|
-
"fileName": "progress-indicator-waterfall-demo
|
|
3340
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3341
|
-
"rawContents": "<sky-
|
|
3339
|
+
"fileName": "progress-indicator-waterfall-demo.component.html",
|
|
3340
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.component.html",
|
|
3341
|
+
"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\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></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 && 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\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></sky-help-inline>\n <div *ngIf=\"activeIndex && 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\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></sky-help-inline>\n <div *ngIf=\"activeIndex && 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\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></sky-help-inline>\n <div *ngIf=\"activeIndex && 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"
|
|
3342
3342
|
},
|
|
3343
3343
|
{
|
|
3344
3344
|
"fileName": "progress-indicator-waterfall-demo-form.component.ts",
|
|
3345
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3345
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-form.component.ts",
|
|
3346
3346
|
"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"
|
|
3347
3347
|
},
|
|
3348
3348
|
{
|
|
3349
|
-
"fileName": "progress-indicator-waterfall-demo.component.html",
|
|
3350
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3351
|
-
"rawContents": "<sky-
|
|
3349
|
+
"fileName": "progress-indicator-waterfall-demo-form.component.html",
|
|
3350
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-form.component.html",
|
|
3351
|
+
"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"
|
|
3352
3352
|
},
|
|
3353
3353
|
{
|
|
3354
|
-
"fileName": "progress-indicator-waterfall-demo.
|
|
3355
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3356
|
-
"rawContents": "
|
|
3354
|
+
"fileName": "progress-indicator-waterfall-demo-context.ts",
|
|
3355
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-context.ts",
|
|
3356
|
+
"rawContents": "export class SkyProgressIndicatorWaterfallDemoContext {\n public title = '';\n public buttonText = '';\n}\n"
|
|
3357
3357
|
},
|
|
3358
3358
|
{
|
|
3359
3359
|
"fileName": "progress-indicator-waterfall-demo.module.ts",
|
|
@@ -3361,59 +3361,59 @@
|
|
|
3361
3361
|
"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"
|
|
3362
3362
|
},
|
|
3363
3363
|
{
|
|
3364
|
-
"fileName": "progress-indicator-waterfall-demo
|
|
3365
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3366
|
-
"rawContents": "
|
|
3364
|
+
"fileName": "progress-indicator-waterfall-demo.component.ts",
|
|
3365
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.component.ts",
|
|
3366
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n} from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\nimport {\n SkyProgressIndicatorChange,\n SkyProgressIndicatorMessage,\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: number | undefined = 0;\n\n public progressMessageStream = new Subject<\n SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n >();\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"
|
|
3367
3367
|
},
|
|
3368
3368
|
{
|
|
3369
|
-
"fileName": "progress-indicator-waterfall-demo
|
|
3370
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3371
|
-
"rawContents": "<sky-
|
|
3369
|
+
"fileName": "progress-indicator-waterfall-demo.component.html",
|
|
3370
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.component.html",
|
|
3371
|
+
"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 && 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 && 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 && 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 && 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"
|
|
3372
3372
|
},
|
|
3373
3373
|
{
|
|
3374
3374
|
"fileName": "progress-indicator-waterfall-demo-form.component.ts",
|
|
3375
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3375
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-form.component.ts",
|
|
3376
3376
|
"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"
|
|
3377
3377
|
},
|
|
3378
3378
|
{
|
|
3379
|
-
"fileName": "progress-indicator-waterfall-demo.component.html",
|
|
3380
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3381
|
-
"rawContents": "<sky-
|
|
3379
|
+
"fileName": "progress-indicator-waterfall-demo-form.component.html",
|
|
3380
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-form.component.html",
|
|
3381
|
+
"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"
|
|
3382
3382
|
},
|
|
3383
3383
|
{
|
|
3384
|
-
"fileName": "progress-indicator-waterfall-demo.
|
|
3385
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/
|
|
3386
|
-
"rawContents": "
|
|
3384
|
+
"fileName": "progress-indicator-waterfall-demo-context.ts",
|
|
3385
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-context.ts",
|
|
3386
|
+
"rawContents": "export class SkyProgressIndicatorWaterfallDemoContext {\n public title = '';\n public buttonText = '';\n}\n"
|
|
3387
3387
|
},
|
|
3388
3388
|
{
|
|
3389
|
-
"fileName": "progress-indicator-
|
|
3390
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3391
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport {
|
|
3389
|
+
"fileName": "progress-indicator-passive-demo.module.ts",
|
|
3390
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.module.ts",
|
|
3391
|
+
"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"
|
|
3392
3392
|
},
|
|
3393
3393
|
{
|
|
3394
|
-
"fileName": "
|
|
3395
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3396
|
-
"rawContents": "
|
|
3394
|
+
"fileName": "progress-indicator-passive-demo.component.ts",
|
|
3395
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.ts",
|
|
3396
|
+
"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 public onActionClick(): void {\n alert('Help inline button clicked!');\n }\n}\n"
|
|
3397
3397
|
},
|
|
3398
3398
|
{
|
|
3399
|
-
"fileName": "
|
|
3400
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3401
|
-
"rawContents": "
|
|
3399
|
+
"fileName": "progress-indicator-passive-demo.component.html",
|
|
3400
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.html",
|
|
3401
|
+
"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\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></sky-help-inline>\n </sky-progress-indicator-item>\n <sky-progress-indicator-item title=\"Current step\">\n <sky-help-inline\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></sky-help-inline>\n </sky-progress-indicator-item>\n <sky-progress-indicator-item title=\"HIDDEN TITLE\">\n <sky-help-inline\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></sky-help-inline>\n </sky-progress-indicator-item>\n</sky-progress-indicator>\n"
|
|
3402
3402
|
},
|
|
3403
3403
|
{
|
|
3404
|
-
"fileName": "
|
|
3405
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3406
|
-
"rawContents": "
|
|
3404
|
+
"fileName": "progress-indicator-passive-demo.module.ts",
|
|
3405
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.module.ts",
|
|
3406
|
+
"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"
|
|
3407
3407
|
},
|
|
3408
3408
|
{
|
|
3409
|
-
"fileName": "
|
|
3410
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3411
|
-
"rawContents": "import {
|
|
3409
|
+
"fileName": "progress-indicator-passive-demo.component.ts",
|
|
3410
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.component.ts",
|
|
3411
|
+
"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"
|
|
3412
3412
|
},
|
|
3413
3413
|
{
|
|
3414
|
-
"fileName": "
|
|
3415
|
-
"filePath": "/projects/progress-indicator/documentation/code-examples/
|
|
3416
|
-
"rawContents": "
|
|
3414
|
+
"fileName": "progress-indicator-passive-demo.component.html",
|
|
3415
|
+
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.component.html",
|
|
3416
|
+
"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"
|
|
3417
3417
|
}
|
|
3418
3418
|
]
|
|
3419
3419
|
}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
2
|
+
import { SkyProgressIndicatorItemStatus } from '../types/progress-indicator-item-status';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@skyux/theme";
|
|
6
|
+
import * as i3 from "@skyux/core";
|
|
7
|
+
import * as i4 from "../progress-indicator-status-marker/progress-indicator-status-marker.component";
|
|
8
|
+
const STATUS_DEFAULT = SkyProgressIndicatorItemStatus.Incomplete;
|
|
9
|
+
const STATUS_NAME_DEFAULT = 'incomplete';
|
|
10
|
+
/**
|
|
11
|
+
* Specifies a step to include in the progress indicator. Each step requires a label,
|
|
12
|
+
* and you can also specify step details within the `sky-progress-indicator-item` element.
|
|
13
|
+
*/
|
|
14
|
+
export class SkyProgressIndicatorItemComponent {
|
|
15
|
+
/**
|
|
16
|
+
* The step label for the step in the progress indicator.
|
|
17
|
+
* @required
|
|
18
|
+
*/
|
|
19
|
+
set title(value) {
|
|
20
|
+
this.#_title = value;
|
|
21
|
+
this.#updateFormattedTitle();
|
|
22
|
+
}
|
|
23
|
+
get title() {
|
|
24
|
+
return this.#_title;
|
|
25
|
+
}
|
|
26
|
+
set status(value) {
|
|
27
|
+
if (value === this.#_status) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
/* istanbul ignore next */
|
|
31
|
+
this.#_status = value ?? STATUS_DEFAULT;
|
|
32
|
+
switch (this.#_status) {
|
|
33
|
+
case SkyProgressIndicatorItemStatus.Active:
|
|
34
|
+
this.statusName = 'active';
|
|
35
|
+
break;
|
|
36
|
+
case SkyProgressIndicatorItemStatus.Complete:
|
|
37
|
+
this.statusName = 'complete';
|
|
38
|
+
break;
|
|
39
|
+
case SkyProgressIndicatorItemStatus.Incomplete:
|
|
40
|
+
this.statusName = 'incomplete';
|
|
41
|
+
break;
|
|
42
|
+
case SkyProgressIndicatorItemStatus.Pending:
|
|
43
|
+
this.statusName = 'pending';
|
|
44
|
+
break;
|
|
45
|
+
}
|
|
46
|
+
this.#changeDetector.markForCheck();
|
|
47
|
+
}
|
|
48
|
+
get status() {
|
|
49
|
+
return this.#_status;
|
|
50
|
+
}
|
|
51
|
+
set isVisible(value) {
|
|
52
|
+
this.#_isVisible = !!value;
|
|
53
|
+
this.#changeDetector.markForCheck();
|
|
54
|
+
}
|
|
55
|
+
get isVisible() {
|
|
56
|
+
return this.#_isVisible;
|
|
57
|
+
}
|
|
58
|
+
set showStatusMarker(value) {
|
|
59
|
+
this.#_showStatusMarker = !!value;
|
|
60
|
+
this.#changeDetector.markForCheck();
|
|
61
|
+
}
|
|
62
|
+
get showStatusMarker() {
|
|
63
|
+
return this.#_showStatusMarker;
|
|
64
|
+
}
|
|
65
|
+
set showTitle(value) {
|
|
66
|
+
this.#_showTitle = !!value;
|
|
67
|
+
this.#changeDetector.markForCheck();
|
|
68
|
+
}
|
|
69
|
+
get showTitle() {
|
|
70
|
+
return this.#_showTitle;
|
|
71
|
+
}
|
|
72
|
+
#titlePrefix;
|
|
73
|
+
#changeDetector;
|
|
74
|
+
#_isVisible;
|
|
75
|
+
#_title;
|
|
76
|
+
#_showStatusMarker;
|
|
77
|
+
#_showTitle;
|
|
78
|
+
#_status;
|
|
79
|
+
constructor(changeDetector) {
|
|
80
|
+
this.statusName = STATUS_NAME_DEFAULT;
|
|
81
|
+
this.#_isVisible = false;
|
|
82
|
+
this.#_showStatusMarker = true;
|
|
83
|
+
this.#_showTitle = true;
|
|
84
|
+
this.#_status = STATUS_DEFAULT;
|
|
85
|
+
this.#changeDetector = changeDetector;
|
|
86
|
+
}
|
|
87
|
+
ngOnInit() {
|
|
88
|
+
this.#updateFormattedTitle();
|
|
89
|
+
}
|
|
90
|
+
showStepNumber(step) {
|
|
91
|
+
this.#titlePrefix = `${step} - `;
|
|
92
|
+
this.#updateFormattedTitle();
|
|
93
|
+
}
|
|
94
|
+
hideStepNumber() {
|
|
95
|
+
this.#titlePrefix = '';
|
|
96
|
+
this.#updateFormattedTitle();
|
|
97
|
+
}
|
|
98
|
+
#updateFormattedTitle() {
|
|
99
|
+
this.formattedTitle = `${this.#titlePrefix}${this.title}`;
|
|
100
|
+
this.#changeDetector.markForCheck();
|
|
101
|
+
}
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyProgressIndicatorItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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 }); }
|
|
104
|
+
}
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyProgressIndicatorItemComponent, decorators: [{
|
|
106
|
+
type: Component,
|
|
107
|
+
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"] }]
|
|
108
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}] } });
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3Byb2dyZXNzLWluZGljYXRvci9zcmMvbGliL21vZHVsZXMvcHJvZ3Jlc3MtaW5kaWNhdG9yL3Byb2dyZXNzLWluZGljYXRvci1pdGVtL3Byb2dyZXNzLWluZGljYXRvci1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcm9ncmVzcy1pbmRpY2F0b3Ivc3JjL2xpYi9tb2R1bGVzL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0seUNBQXlDLENBQUM7Ozs7OztBQUV6RixNQUFNLGNBQWMsR0FBRyw4QkFBOEIsQ0FBQyxVQUFVLENBQUM7QUFDakUsTUFBTSxtQkFBbUIsR0FBRyxZQUFZLENBQUM7QUFFekM7OztHQUdHO0FBT0gsTUFBTSxPQUFPLGlDQUFpQztJQUM1Qzs7O09BR0c7SUFDSCxJQUNXLEtBQUssQ0FBQyxLQUF5QjtRQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUFXLE1BQU0sQ0FBQyxLQUFpRDtRQUNqRSxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQzNCLE9BQU87U0FDUjtRQUVELDBCQUEwQjtRQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssSUFBSSxjQUFjLENBQUM7UUFFeEMsUUFBUSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3JCLEtBQUssOEJBQThCLENBQUMsTUFBTTtnQkFDeEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUM7Z0JBQzNCLE1BQU07WUFDUixLQUFLLDhCQUE4QixDQUFDLFFBQVE7Z0JBQzFDLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO2dCQUM3QixNQUFNO1lBQ1IsS0FBSyw4QkFBOEIsQ0FBQyxVQUFVO2dCQUM1QyxJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQztnQkFDL0IsTUFBTTtZQUNSLEtBQUssOEJBQThCLENBQUMsT0FBTztnQkFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7Z0JBQzVCLE1BQU07U0FDVDtRQUVELElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELElBQVcsTUFBTTtRQUNmLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBSUQsSUFBVyxTQUFTLENBQUMsS0FBMEI7UUFDN0MsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzNCLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQVcsZ0JBQWdCLENBQUMsS0FBMEI7UUFDcEQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDbEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBVyxnQkFBZ0I7UUFDekIsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQztJQUVELElBQVcsU0FBUyxDQUFDLEtBQTBCO1FBQzdDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFJRCxZQUFZLENBQXFCO0lBQ2pDLGVBQWUsQ0FBb0I7SUFFbkMsV0FBVyxDQUFTO0lBQ3BCLE9BQU8sQ0FBcUI7SUFDNUIsa0JBQWtCLENBQVE7SUFDMUIsV0FBVyxDQUFRO0lBQ25CLFFBQVEsQ0FBa0I7SUFFMUIsWUFBWSxjQUFpQztRQVh0QyxlQUFVLEdBQUcsbUJBQW1CLENBQUM7UUFLeEMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsdUJBQWtCLEdBQUcsSUFBSSxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ25CLGFBQVEsR0FBRyxjQUFjLENBQUM7UUFHeEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxjQUFjLENBQUM7SUFDeEMsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRU0sY0FBYyxDQUFDLElBQVk7UUFDaEMsSUFBSSxDQUFDLFlBQVksR0FBRyxHQUFHLElBQUksS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzFELElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQzs4R0ExR1UsaUNBQWlDO2tHQUFqQyxpQ0FBaUMsK0ZDdkI5Qyx5aENBcUNBOzsyRkRkYSxpQ0FBaUM7a0JBTjdDLFNBQVM7K0JBQ0UsNkJBQTZCLG1CQUd0Qix1QkFBdUIsQ0FBQyxNQUFNO3dHQVFwQyxLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreVByb2dyZXNzSW5kaWNhdG9ySXRlbVN0YXR1cyB9IGZyb20gJy4uL3R5cGVzL3Byb2dyZXNzLWluZGljYXRvci1pdGVtLXN0YXR1cyc7XG5cbmNvbnN0IFNUQVRVU19ERUZBVUxUID0gU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzLkluY29tcGxldGU7XG5jb25zdCBTVEFUVVNfTkFNRV9ERUZBVUxUID0gJ2luY29tcGxldGUnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhIHN0ZXAgdG8gaW5jbHVkZSBpbiB0aGUgcHJvZ3Jlc3MgaW5kaWNhdG9yLiBFYWNoIHN0ZXAgcmVxdWlyZXMgYSBsYWJlbCxcbiAqIGFuZCB5b3UgY2FuIGFsc28gc3BlY2lmeSBzdGVwIGRldGFpbHMgd2l0aGluIHRoZSBgc2t5LXByb2dyZXNzLWluZGljYXRvci1pdGVtYCBlbGVtZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFRoZSBzdGVwIGxhYmVsIGZvciB0aGUgc3RlcCBpbiB0aGUgcHJvZ3Jlc3MgaW5kaWNhdG9yLlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgdGl0bGUodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI190aXRsZSA9IHZhbHVlO1xuICAgIHRoaXMuI3VwZGF0ZUZvcm1hdHRlZFRpdGxlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHRpdGxlKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI190aXRsZTtcbiAgfVxuXG4gIHB1YmxpYyBzZXQgc3RhdHVzKHZhbHVlOiBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXMgfCB1bmRlZmluZWQpIHtcbiAgICBpZiAodmFsdWUgPT09IHRoaXMuI19zdGF0dXMpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICAgIHRoaXMuI19zdGF0dXMgPSB2YWx1ZSA/PyBTVEFUVVNfREVGQVVMVDtcblxuICAgIHN3aXRjaCAodGhpcy4jX3N0YXR1cykge1xuICAgICAgY2FzZSBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXMuQWN0aXZlOlxuICAgICAgICB0aGlzLnN0YXR1c05hbWUgPSAnYWN0aXZlJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNreVByb2dyZXNzSW5kaWNhdG9ySXRlbVN0YXR1cy5Db21wbGV0ZTpcbiAgICAgICAgdGhpcy5zdGF0dXNOYW1lID0gJ2NvbXBsZXRlJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNreVByb2dyZXNzSW5kaWNhdG9ySXRlbVN0YXR1cy5JbmNvbXBsZXRlOlxuICAgICAgICB0aGlzLnN0YXR1c05hbWUgPSAnaW5jb21wbGV0ZSc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXMuUGVuZGluZzpcbiAgICAgICAgdGhpcy5zdGF0dXNOYW1lID0gJ3BlbmRpbmcnO1xuICAgICAgICBicmVhaztcbiAgICB9XG5cbiAgICB0aGlzLiNjaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgc3RhdHVzKCk6IFNreVByb2dyZXNzSW5kaWNhdG9ySXRlbVN0YXR1cyB7XG4gICAgcmV0dXJuIHRoaXMuI19zdGF0dXM7XG4gIH1cblxuICBwdWJsaWMgZm9ybWF0dGVkVGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgc2V0IGlzVmlzaWJsZSh2YWx1ZTogYm9vbGVhbiB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI19pc1Zpc2libGUgPSAhIXZhbHVlO1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHVibGljIGdldCBpc1Zpc2libGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuI19pc1Zpc2libGU7XG4gIH1cblxuICBwdWJsaWMgc2V0IHNob3dTdGF0dXNNYXJrZXIodmFsdWU6IGJvb2xlYW4gfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfc2hvd1N0YXR1c01hcmtlciA9ICEhdmFsdWU7XG4gICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHNob3dTdGF0dXNNYXJrZXIoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuI19zaG93U3RhdHVzTWFya2VyO1xuICB9XG5cbiAgcHVibGljIHNldCBzaG93VGl0bGUodmFsdWU6IGJvb2xlYW4gfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfc2hvd1RpdGxlID0gISF2YWx1ZTtcbiAgICB0aGlzLiNjaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgc2hvd1RpdGxlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLiNfc2hvd1RpdGxlO1xuICB9XG5cbiAgcHVibGljIHN0YXR1c05hbWUgPSBTVEFUVVNfTkFNRV9ERUZBVUxUO1xuXG4gICN0aXRsZVByZWZpeDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAjY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmO1xuXG4gICNfaXNWaXNpYmxlID0gZmFsc2U7XG4gICNfdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgI19zaG93U3RhdHVzTWFya2VyID0gdHJ1ZTtcbiAgI19zaG93VGl0bGUgPSB0cnVlO1xuICAjX3N0YXR1cyA9IFNUQVRVU19ERUZBVUxUO1xuXG4gIGNvbnN0cnVjdG9yKGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yID0gY2hhbmdlRGV0ZWN0b3I7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy4jdXBkYXRlRm9ybWF0dGVkVGl0bGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBzaG93U3RlcE51bWJlcihzdGVwOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLiN0aXRsZVByZWZpeCA9IGAke3N0ZXB9IC0gYDtcbiAgICB0aGlzLiN1cGRhdGVGb3JtYXR0ZWRUaXRsZSgpO1xuICB9XG5cbiAgcHVibGljIGhpZGVTdGVwTnVtYmVyKCk6IHZvaWQge1xuICAgIHRoaXMuI3RpdGxlUHJlZml4ID0gJyc7XG4gICAgdGhpcy4jdXBkYXRlRm9ybWF0dGVkVGl0bGUoKTtcbiAgfVxuXG4gICN1cGRhdGVGb3JtYXR0ZWRUaXRsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmZvcm1hdHRlZFRpdGxlID0gYCR7dGhpcy4jdGl0bGVQcmVmaXh9JHt0aGlzLnRpdGxlfWA7XG4gICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgKm5nSWY9XCJpc1Zpc2libGVcIlxuICBjbGFzcz1cInNreS1wcm9ncmVzcy1pbmRpY2F0b3ItaXRlbVwiXG4gIFtuZ0NsYXNzXT1cIidza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0tc3RhdHVzLScgKyBzdGF0dXNOYW1lXCJcbj5cbiAgPHNreS1wcm9ncmVzcy1pbmRpY2F0b3Itc3RhdHVzLW1hcmtlclxuICAgICpuZ0lmPVwic2hvd1N0YXR1c01hcmtlclwiXG4gICAgW3N0YXR1c109XCJzdGF0dXNcIlxuICA+XG4gIDwvc2t5LXByb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyPlxuXG4gIDxkaXYgY2xhc3M9XCJza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLWl0ZW0tY29udGVudFwiPlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwic2hvd1RpdGxlXCJcbiAgICAgIGFyaWEtbGV2ZWw9XCIyXCJcbiAgICAgIGNsYXNzPVwic2t5LXByb2dyZXNzLWluZGljYXRvci1pdGVtLWhlYWRpbmdcIlxuICAgICAgcm9sZT1cImhlYWRpbmdcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnc2t5LWRlZW1waGFzaXplZCc6IHN0YXR1c05hbWUgPT09ICdwZW5kaW5nJ1xuICAgICAgfVwiXG4gICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICdza3ktZm9udC1kaXNwbGF5LTMnOiAnbW9kZXJuJ1xuICAgICAgfVwiXG4gICAgICBza3lUcmltXG4gICAgPlxuICAgICAge3sgZm9ybWF0dGVkVGl0bGUgfX1cbiAgICAgIDxzcGFuIGNsYXNzPVwic2t5LWNvbnRyb2wtaGVscC1jb250YWluZXJcIiBza3lUcmltXG4gICAgICAgID48bmctY29udGVudCBzZWxlY3Q9XCIuc2t5LWNvbnRyb2wtaGVscFwiPjwvbmctY29udGVudFxuICAgICAgPjwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2t5LXByb2dyZXNzLWluZGljYXRvci1pdGVtLWJvZHlcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJzdGF0dXNOYW1lICE9PSAnaW5jb21wbGV0ZSdcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -16,13 +16,13 @@ export class SkyProgressIndicatorNavButtonClass {
|
|
|
16
16
|
}
|
|
17
17
|
return classNames;
|
|
18
18
|
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyProgressIndicatorNavButtonClass, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
20
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyProgressIndicatorNavButtonClass, name: "skyProgressIndicatorNavButtonClass" }); }
|
|
19
21
|
}
|
|
20
|
-
|
|
21
|
-
SkyProgressIndicatorNavButtonClass.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyProgressIndicatorNavButtonClass, name: "skyProgressIndicatorNavButtonClass" });
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyProgressIndicatorNavButtonClass, decorators: [{
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyProgressIndicatorNavButtonClass, decorators: [{
|
|
23
23
|
type: Pipe,
|
|
24
24
|
args: [{
|
|
25
25
|
name: 'skyProgressIndicatorNavButtonClass',
|
|
26
26
|
}]
|
|
27
27
|
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLW5hdi1idXR0b24tY2xhc3MucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcm9ncmVzcy1pbmRpY2F0b3Ivc3JjL2xpYi9tb2R1bGVzL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3ItbmF2LWJ1dHRvbi9wcm9ncmVzcy1pbmRpY2F0b3ItbmF2LWJ1dHRvbi1jbGFzcy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQUtwRCxNQUFNLE9BQU8sa0NBQWtDO0lBQ3RDLFNBQVMsQ0FBQyxVQUFrQjtRQUNqQyxNQUFNLFVBQVUsR0FBRyxDQUFDLHFDQUFxQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBRXZFLFFBQVEsVUFBVSxFQUFFO1lBQ2xCLEtBQUssTUFBTSxDQUFDO1lBQ1osS0FBSyxRQUFRO2dCQUNYLFVBQVUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDbkMsTUFBTTtZQUNSLEtBQUssT0FBTztnQkFDVixVQUFVLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2dCQUNoQyxNQUFNO1lBQ1I7Z0JBQ0UsVUFBVSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3RDO1FBRUQsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQzs4R0FqQlUsa0NBQWtDOzRHQUFsQyxrQ0FBa0M7OzJGQUFsQyxrQ0FBa0M7a0JBSDlDLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLG9DQUFvQztpQkFDM0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgbmFtZTogJ3NreVByb2dyZXNzSW5kaWNhdG9yTmF2QnV0dG9uQ2xhc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQcm9ncmVzc0luZGljYXRvck5hdkJ1dHRvbkNsYXNzIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHB1YmxpYyB0cmFuc2Zvcm0oYnV0dG9uVHlwZTogc3RyaW5nKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBbYHNreS1wcm9ncmVzcy1pbmRpY2F0b3ItbmF2LWJ1dHRvbi0ke2J1dHRvblR5cGV9YF07XG5cbiAgICBzd2l0Y2ggKGJ1dHRvblR5cGUpIHtcbiAgICAgIGNhc2UgJ25leHQnOlxuICAgICAgY2FzZSAnZmluaXNoJzpcbiAgICAgICAgY2xhc3NOYW1lcy5wdXNoKCdza3ktYnRuLXByaW1hcnknKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdyZXNldCc6XG4gICAgICAgIGNsYXNzTmFtZXMucHVzaCgnc2t5LWJ0bi1saW5rJyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgY2xhc3NOYW1lcy5wdXNoKCdza3ktYnRuLWRlZmF1bHQnKTtcbiAgICB9XG5cbiAgICByZXR1cm4gY2xhc3NOYW1lcztcbiAgfVxufVxuIl19
|
|
@@ -7,13 +7,13 @@ export class SkyProgressIndicatorNavButtonDisabledPipe {
|
|
|
7
7
|
(buttonType === 'previous' && activeIndex === 0) ||
|
|
8
8
|
disabled);
|
|
9
9
|
}
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyProgressIndicatorNavButtonDisabledPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
11
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyProgressIndicatorNavButtonDisabledPipe, name: "skyProgressIndicatorNavButtonDisabled" }); }
|
|
10
12
|
}
|
|
11
|
-
|
|
12
|
-
SkyProgressIndicatorNavButtonDisabledPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyProgressIndicatorNavButtonDisabledPipe, name: "skyProgressIndicatorNavButtonDisabled" });
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyProgressIndicatorNavButtonDisabledPipe, decorators: [{
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyProgressIndicatorNavButtonDisabledPipe, decorators: [{
|
|
14
14
|
type: Pipe,
|
|
15
15
|
args: [{
|
|
16
16
|
name: 'skyProgressIndicatorNavButtonDisabled',
|
|
17
17
|
}]
|
|
18
18
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLW5hdi1idXR0b24tZGlzYWJsZWQucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcm9ncmVzcy1pbmRpY2F0b3Ivc3JjL2xpYi9tb2R1bGVzL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3ItbmF2LWJ1dHRvbi9wcm9ncmVzcy1pbmRpY2F0b3ItbmF2LWJ1dHRvbi1kaXNhYmxlZC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQVFwRCxNQUFNLE9BQU8seUNBQXlDO0lBRzdDLFNBQVMsQ0FDZCxRQUE2QixFQUM3QixVQUE2QyxFQUM3QyxXQUErQixFQUMvQixZQUEwRDtRQUUxRCxNQUFNLFVBQVUsR0FBRyxZQUFZLElBQUksV0FBVyxLQUFLLFlBQVksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBRTNFLE9BQU8sQ0FDTCxDQUFDLFVBQVUsS0FBSyxNQUFNLElBQUksVUFBVSxDQUFDO1lBQ3JDLENBQUMsVUFBVSxLQUFLLFVBQVUsSUFBSSxXQUFXLEtBQUssQ0FBQyxDQUFDO1lBQ2hELFFBQVEsQ0FDVCxDQUFDO0lBQ0osQ0FBQzs4R0FoQlUseUNBQXlDOzRHQUF6Qyx5Q0FBeUM7OzJGQUF6Qyx5Q0FBeUM7a0JBSHJELElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLHVDQUF1QztpQkFDOUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreVByb2dyZXNzSW5kaWNhdG9ySXRlbVN0YXR1cyB9IGZyb20gJy4uL3R5cGVzL3Byb2dyZXNzLWluZGljYXRvci1pdGVtLXN0YXR1cyc7XG5pbXBvcnQgeyBTa3lQcm9ncmVzc0luZGljYXRvck5hdkJ1dHRvblR5cGUgfSBmcm9tICcuLi90eXBlcy9wcm9ncmVzcy1pbmRpY2F0b3ItbmF2LWJ1dHRvbi10eXBlJztcblxuQFBpcGUoe1xuICBuYW1lOiAnc2t5UHJvZ3Jlc3NJbmRpY2F0b3JOYXZCdXR0b25EaXNhYmxlZCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreVByb2dyZXNzSW5kaWNhdG9yTmF2QnV0dG9uRGlzYWJsZWRQaXBlXG4gIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybVxue1xuICBwdWJsaWMgdHJhbnNmb3JtKFxuICAgIGRpc2FibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkLFxuICAgIGJ1dHRvblR5cGU6IFNreVByb2dyZXNzSW5kaWNhdG9yTmF2QnV0dG9uVHlwZSxcbiAgICBhY3RpdmVJbmRleDogbnVtYmVyIHwgdW5kZWZpbmVkLFxuICAgIGl0ZW1TdGF0dXNlczogU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzW10gfCB1bmRlZmluZWRcbiAgKTogYm9vbGVhbiB8IHVuZGVmaW5lZCB7XG4gICAgY29uc3QgaXNMYXN0U3RlcCA9IGl0ZW1TdGF0dXNlcyAmJiBhY3RpdmVJbmRleCA9PT0gaXRlbVN0YXR1c2VzLmxlbmd0aCAtIDE7XG5cbiAgICByZXR1cm4gKFxuICAgICAgKGJ1dHRvblR5cGUgPT09ICduZXh0JyAmJiBpc0xhc3RTdGVwKSB8fFxuICAgICAgKGJ1dHRvblR5cGUgPT09ICdwcmV2aW91cycgJiYgYWN0aXZlSW5kZXggPT09IDApIHx8XG4gICAgICBkaXNhYmxlZFxuICAgICk7XG4gIH1cbn1cbiJdfQ==
|