@skyux/progress-indicator 6.25.1 → 6.25.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +4 -4
- package/package.json +5 -5
package/documentation.json
CHANGED
|
@@ -3131,12 +3131,12 @@
|
|
|
3131
3131
|
{
|
|
3132
3132
|
"fileName": "progress-indicator-passive-demo.component.html",
|
|
3133
3133
|
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.html",
|
|
3134
|
-
"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
|
|
3134
|
+
"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"
|
|
3135
3135
|
},
|
|
3136
3136
|
{
|
|
3137
3137
|
"fileName": "progress-indicator-passive-demo.component.ts",
|
|
3138
3138
|
"filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.ts",
|
|
3139
|
-
"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"
|
|
3139
|
+
"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"
|
|
3140
3140
|
},
|
|
3141
3141
|
{
|
|
3142
3142
|
"fileName": "progress-indicator-passive-demo.module.ts",
|
|
@@ -3191,12 +3191,12 @@
|
|
|
3191
3191
|
{
|
|
3192
3192
|
"fileName": "progress-indicator-waterfall-demo.component.html",
|
|
3193
3193
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.component.html",
|
|
3194
|
-
"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
|
|
3194
|
+
"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 > 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 >= 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 >= 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 >= 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"
|
|
3195
3195
|
},
|
|
3196
3196
|
{
|
|
3197
3197
|
"fileName": "progress-indicator-waterfall-demo.component.ts",
|
|
3198
3198
|
"filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.component.ts",
|
|
3199
|
-
"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"
|
|
3199
|
+
"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 public onActionClick(): void {\n alert('Help inline button clicked!');\n }\n}\n"
|
|
3200
3200
|
},
|
|
3201
3201
|
{
|
|
3202
3202
|
"fileName": "progress-indicator-waterfall-demo.module.ts",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/progress-indicator",
|
|
3
|
-
"version": "6.25.
|
|
3
|
+
"version": "6.25.3",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"@angular/common": "^13.3.2",
|
|
36
36
|
"@angular/core": "^13.3.2",
|
|
37
|
-
"@skyux/core": "6.25.
|
|
38
|
-
"@skyux/i18n": "6.25.
|
|
39
|
-
"@skyux/indicators": "6.25.
|
|
40
|
-
"@skyux/theme": "6.25.
|
|
37
|
+
"@skyux/core": "6.25.3",
|
|
38
|
+
"@skyux/i18n": "6.25.3",
|
|
39
|
+
"@skyux/indicators": "6.25.3",
|
|
40
|
+
"@skyux/theme": "6.25.3"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"tslib": "^2.3.1"
|