@skyux/progress-indicator 7.0.0-beta.8 → 7.0.0
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 +547 -426
- package/esm2020/lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.mjs +47 -28
- package/esm2020/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button-class.pipe.mjs +28 -0
- package/esm2020/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button-disabled.pipe.mjs +19 -0
- package/esm2020/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.mjs +73 -90
- package/esm2020/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.mjs +7 -8
- package/esm2020/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker-class.pipe.mjs +31 -0
- package/esm2020/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.mjs +26 -44
- package/esm2020/lib/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component.mjs +4 -4
- package/esm2020/lib/modules/progress-indicator/progress-indicator.component.mjs +202 -212
- package/esm2020/lib/modules/progress-indicator/progress-indicator.module.mjs +14 -5
- package/esm2020/lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.mjs +1 -1
- package/esm2020/lib/modules/progress-indicator/types/progress-indicator-message.mjs +1 -1
- package/esm2020/lib/modules/shared/sky-progress-indicator-resources.module.mjs +5 -5
- package/fesm2015/skyux-progress-indicator.mjs +443 -388
- package/fesm2015/skyux-progress-indicator.mjs.map +1 -1
- package/fesm2020/skyux-progress-indicator.mjs +449 -401
- package/fesm2020/skyux-progress-indicator.mjs.map +1 -1
- package/lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.d.ts +9 -9
- package/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button-class.pipe.d.ts +7 -0
- package/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button-disabled.pipe.d.ts +9 -0
- package/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.d.ts +12 -21
- package/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.d.ts +4 -4
- package/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker-class.pipe.d.ts +8 -0
- package/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.d.ts +3 -6
- package/lib/modules/progress-indicator/progress-indicator.component.d.ts +13 -39
- package/lib/modules/progress-indicator/progress-indicator.module.d.ts +14 -11
- package/lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.d.ts +2 -2
- package/package.json +7 -7
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
2
2
|
import { SkyAppWindowRef, SkyLogService } from '@skyux/core';
|
|
3
3
|
import { Subject } from 'rxjs';
|
|
4
|
+
import { SkyProgressIndicatorItemComponent } from './progress-indicator-item/progress-indicator-item.component';
|
|
4
5
|
import { SkyProgressIndicatorChange } from './types/progress-indicator-change';
|
|
5
6
|
import { SkyProgressIndicatorDisplayModeType } from './types/progress-indicator-display-mode-type';
|
|
6
7
|
import { SkyProgressIndicatorItemStatus } from './types/progress-indicator-item-status';
|
|
@@ -8,9 +9,7 @@ import { SkyProgressIndicatorMessage } from './types/progress-indicator-message'
|
|
|
8
9
|
import { SkyProgressIndicatorMessageType } from './types/progress-indicator-message-type';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
export declare class SkyProgressIndicatorComponent implements OnInit, AfterContentInit, OnDestroy {
|
|
11
|
-
private
|
|
12
|
-
private windowRef;
|
|
13
|
-
private logger;
|
|
12
|
+
#private;
|
|
14
13
|
/**
|
|
15
14
|
* Specifies whether to display the progress indicator vertically or horizontally.
|
|
16
15
|
* For [passive progress indicators](https://developer.blackbaud.com/skyux-progress-indicator/docs/passive-indicator)
|
|
@@ -22,67 +21,42 @@ export declare class SkyProgressIndicatorComponent implements OnInit, AfterConte
|
|
|
22
21
|
* [Wizard (Tabs) component](https://developer.blackbaud.com/skyux/components/progress-indicator).
|
|
23
22
|
* @default "vertical"
|
|
24
23
|
*/
|
|
25
|
-
set displayMode(value: SkyProgressIndicatorDisplayModeType);
|
|
24
|
+
set displayMode(value: SkyProgressIndicatorDisplayModeType | undefined);
|
|
26
25
|
get displayMode(): SkyProgressIndicatorDisplayModeType;
|
|
27
26
|
/**
|
|
28
27
|
* Indicates whether the progress indicator is passive. Passive progress indicators inform users of
|
|
29
28
|
* progress that concerns them but that they are not responsible for, and they must use the vertical display mode.
|
|
30
29
|
* @default false
|
|
31
30
|
*/
|
|
32
|
-
set isPassive(value: boolean);
|
|
33
|
-
get isPassive(): boolean;
|
|
31
|
+
set isPassive(value: boolean | undefined);
|
|
32
|
+
get isPassive(): boolean | undefined;
|
|
34
33
|
/**
|
|
35
34
|
* Specifies an observable of `SkyProgressIndicatorMessage` that determines the status to
|
|
36
35
|
* display for items in the progress indicator. The message stream is a queue of
|
|
37
36
|
* commanding messages to change the state of the progress indicator based on the message type.
|
|
38
37
|
*/
|
|
39
|
-
set messageStream(value: Subject<SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType>);
|
|
38
|
+
set messageStream(value: Subject<SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType> | undefined);
|
|
40
39
|
/**
|
|
41
40
|
* Specifies the index for the item to make active when the progress indicator
|
|
42
41
|
* loads. All steps that precede the active item are marked as complete, and all steps
|
|
43
42
|
* that follow the active item are marked as incomplete.
|
|
44
43
|
*/
|
|
45
|
-
set startingIndex(value: number);
|
|
44
|
+
set startingIndex(value: number | undefined);
|
|
46
45
|
get startingIndex(): number;
|
|
47
46
|
/**
|
|
48
47
|
* Fires when the progress indicator changes the status of an item.
|
|
49
48
|
*/
|
|
50
49
|
progressChanges: EventEmitter<SkyProgressIndicatorChange>;
|
|
51
|
-
get
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
get displayModeResolved(): 'vertical' | 'horizontal';
|
|
57
|
-
get hasFinishButton(): boolean;
|
|
58
|
-
set hasFinishButton(value: boolean);
|
|
59
|
-
get itemStatuses(): SkyProgressIndicatorItemStatus[];
|
|
60
|
-
private itemComponents;
|
|
61
|
-
private get activeIndex();
|
|
62
|
-
private set activeIndex(value);
|
|
63
|
-
private messageStreamSub;
|
|
64
|
-
private initialized;
|
|
65
|
-
private ngUnsubscribe;
|
|
66
|
-
private _activeIndex;
|
|
67
|
-
private _displayMode;
|
|
68
|
-
private _hasFinishButton;
|
|
69
|
-
private _isPassive;
|
|
70
|
-
private _messageStream;
|
|
71
|
-
private _startingIndex;
|
|
50
|
+
get hasFinishButton(): boolean | undefined;
|
|
51
|
+
set hasFinishButton(value: boolean | undefined);
|
|
52
|
+
itemComponents: QueryList<SkyProgressIndicatorItemComponent> | undefined;
|
|
53
|
+
cssClassNames: string[];
|
|
54
|
+
itemStatuses: SkyProgressIndicatorItemStatus[];
|
|
72
55
|
constructor(changeDetector: ChangeDetectorRef, windowRef: SkyAppWindowRef, logger: SkyLogService);
|
|
73
56
|
ngOnInit(): void;
|
|
74
57
|
ngAfterContentInit(): void;
|
|
75
58
|
ngOnDestroy(): void;
|
|
76
59
|
sendMessage(message: SkyProgressIndicatorMessage): void;
|
|
77
|
-
private gotoNextStep;
|
|
78
|
-
private gotoPreviousStep;
|
|
79
|
-
private gotoStep;
|
|
80
|
-
private finishSteps;
|
|
81
|
-
private resetSteps;
|
|
82
|
-
private updateSteps;
|
|
83
|
-
private handleIncomingMessage;
|
|
84
|
-
private subscribeToMessageStream;
|
|
85
|
-
private notifyChange;
|
|
86
60
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyProgressIndicatorComponent, never>;
|
|
87
61
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyProgressIndicatorComponent, "sky-progress-indicator", never, { "displayMode": "displayMode"; "isPassive": "isPassive"; "messageStream": "messageStream"; "startingIndex": "startingIndex"; }, { "progressChanges": "progressChanges"; }, ["itemComponents"], ["*"], false>;
|
|
88
62
|
}
|
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./progress-indicator.component";
|
|
3
3
|
import * as i2 from "./progress-indicator-item/progress-indicator-item.component";
|
|
4
|
-
import * as i3 from "./progress-indicator-
|
|
5
|
-
import * as i4 from "./progress-indicator-
|
|
6
|
-
import * as i5 from "./progress-indicator-
|
|
7
|
-
import * as i6 from "./progress-indicator-
|
|
8
|
-
import * as i7 from "
|
|
9
|
-
import * as i8 from "
|
|
10
|
-
import * as i9 from "
|
|
11
|
-
import * as i10 from "
|
|
12
|
-
import * as i11 from "@skyux/
|
|
13
|
-
import * as i12 from "@skyux/
|
|
4
|
+
import * as i3 from "./progress-indicator-status-marker/progress-indicator-status-marker-class.pipe";
|
|
5
|
+
import * as i4 from "./progress-indicator-nav-button/progress-indicator-nav-button-class.pipe";
|
|
6
|
+
import * as i5 from "./progress-indicator-nav-button/progress-indicator-nav-button-disabled.pipe";
|
|
7
|
+
import * as i6 from "./progress-indicator-nav-button/progress-indicator-nav-button.component";
|
|
8
|
+
import * as i7 from "./progress-indicator-reset-button/progress-indicator-reset-button.component";
|
|
9
|
+
import * as i8 from "./progress-indicator-status-marker/progress-indicator-status-marker.component";
|
|
10
|
+
import * as i9 from "./progress-indicator-title/progress-indicator-title.component";
|
|
11
|
+
import * as i10 from "@angular/common";
|
|
12
|
+
import * as i11 from "@skyux/i18n";
|
|
13
|
+
import * as i12 from "@skyux/indicators";
|
|
14
|
+
import * as i13 from "../shared/sky-progress-indicator-resources.module";
|
|
15
|
+
import * as i14 from "@skyux/theme";
|
|
16
|
+
import * as i15 from "@skyux/core";
|
|
14
17
|
export declare class SkyProgressIndicatorModule {
|
|
15
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyProgressIndicatorModule, never>;
|
|
16
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyProgressIndicatorModule, [typeof i1.SkyProgressIndicatorComponent, typeof i2.SkyProgressIndicatorItemComponent, typeof i3.
|
|
19
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyProgressIndicatorModule, [typeof i1.SkyProgressIndicatorComponent, typeof i2.SkyProgressIndicatorItemComponent, typeof i3.SkyProgressIndicatorMarkerClassPipe, typeof i4.SkyProgressIndicatorNavButtonClass, typeof i5.SkyProgressIndicatorNavButtonDisabledPipe, typeof i6.SkyProgressIndicatorNavButtonComponent, typeof i7.SkyProgressIndicatorResetButtonComponent, typeof i8.SkyProgressIndicatorStatusMarkerComponent, typeof i9.SkyProgressIndicatorTitleComponent], [typeof i10.CommonModule, typeof i11.SkyI18nModule, typeof i12.SkyIconModule, typeof i13.SkyProgressIndicatorResourcesModule, typeof i14.SkyThemeModule, typeof i15.SkyTrimModule], [typeof i1.SkyProgressIndicatorComponent, typeof i2.SkyProgressIndicatorItemComponent, typeof i6.SkyProgressIndicatorNavButtonComponent, typeof i7.SkyProgressIndicatorResetButtonComponent, typeof i9.SkyProgressIndicatorTitleComponent]>;
|
|
17
20
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyProgressIndicatorModule>;
|
|
18
21
|
}
|
package/lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.d.ts
CHANGED
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
* The handler is provided with all nav button types.
|
|
4
4
|
*/
|
|
5
5
|
export declare class SkyProgressIndicatorActionClickProgressHandler {
|
|
6
|
-
readonly advance:
|
|
6
|
+
readonly advance: () => void;
|
|
7
7
|
/**
|
|
8
8
|
*
|
|
9
9
|
* @param advance Advances the progress indicator to the next step.
|
|
10
10
|
*/
|
|
11
|
-
constructor(advance:
|
|
11
|
+
constructor(advance: () => void);
|
|
12
12
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/progress-indicator",
|
|
3
|
-
"version": "7.0.0
|
|
3
|
+
"version": "7.0.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
|
-
"@angular/common": "^14.2.
|
|
36
|
-
"@angular/core": "^14.2.
|
|
37
|
-
"@skyux/core": "7.0.0
|
|
38
|
-
"@skyux/i18n": "7.0.0
|
|
39
|
-
"@skyux/indicators": "7.0.0
|
|
40
|
-
"@skyux/theme": "7.0.0
|
|
35
|
+
"@angular/common": "^14.2.11",
|
|
36
|
+
"@angular/core": "^14.2.11",
|
|
37
|
+
"@skyux/core": "7.0.0",
|
|
38
|
+
"@skyux/i18n": "7.0.0",
|
|
39
|
+
"@skyux/indicators": "7.0.0",
|
|
40
|
+
"@skyux/theme": "7.0.0"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"tslib": "^2.3.1"
|