@skyux/indicators 6.18.0 → 6.20.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 +1715 -563
- package/esm2020/index.mjs +2 -1
- package/esm2020/lib/modules/icon/icon-stack.component.mjs +1 -1
- package/esm2020/lib/modules/icon/icon.component.mjs +1 -10
- package/esm2020/lib/modules/key-info/key-info-layout-type.mjs +2 -0
- package/esm2020/lib/modules/key-info/key-info.component.mjs +1 -1
- package/esm2020/lib/modules/status-indicator/status-indicator.component.mjs +6 -6
- package/esm2020/lib/modules/tokens/token.component.mjs +31 -29
- package/esm2020/lib/modules/tokens/tokens.component.mjs +100 -86
- package/esm2020/lib/modules/tokens/types/token.mjs +1 -1
- package/esm2020/lib/modules/wait/wait-adapter.service.mjs +131 -128
- package/esm2020/lib/modules/wait/wait-page.component.mjs +1 -1
- package/esm2020/lib/modules/wait/wait.component.mjs +83 -36
- package/esm2020/lib/modules/wait/wait.service.mjs +80 -73
- package/esm2020/testing/alert/alert-harness-filters.mjs +1 -1
- package/esm2020/testing/alert/alert-harness.mjs +53 -8
- package/esm2020/testing/key-info/key-info-harness-filters.mjs +2 -0
- package/esm2020/testing/key-info/key-info-harness.mjs +49 -0
- package/esm2020/testing/key-info/key-info-label-harness.mjs +18 -0
- package/esm2020/testing/key-info/key-info-value-harness.mjs +18 -0
- package/esm2020/testing/label/label-harness-filters.mjs +2 -0
- package/esm2020/testing/label/label-harness.mjs +94 -0
- package/esm2020/testing/public-api.mjs +7 -3
- package/esm2020/testing/tokens/token-harness.mjs +6 -3
- package/esm2020/testing/tokens/tokens-harness.mjs +4 -1
- package/esm2020/testing/wait-fixture.mjs +1 -1
- package/fesm2015/skyux-indicators-testing.mjs +329 -85
- package/fesm2015/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2015/skyux-indicators.mjs +423 -364
- package/fesm2015/skyux-indicators.mjs.map +1 -1
- package/fesm2020/skyux-indicators-testing.mjs +297 -75
- package/fesm2020/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2020/skyux-indicators.mjs +422 -364
- package/fesm2020/skyux-indicators.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/modules/icon/icon-stack.component.d.ts +1 -1
- package/lib/modules/icon/icon.component.d.ts +4 -4
- package/lib/modules/key-info/key-info-layout-type.d.ts +1 -0
- package/lib/modules/key-info/key-info.component.d.ts +2 -1
- package/lib/modules/status-indicator/status-indicator.component.d.ts +8 -8
- package/lib/modules/tokens/token.component.d.ts +10 -27
- package/lib/modules/tokens/tokens.component.d.ts +17 -34
- package/lib/modules/tokens/types/token.d.ts +2 -1
- package/lib/modules/wait/wait-adapter.service.d.ts +3 -13
- package/lib/modules/wait/wait-page.component.d.ts +2 -2
- package/lib/modules/wait/wait.component.d.ts +12 -16
- package/lib/modules/wait/wait.service.d.ts +1 -11
- package/package.json +5 -5
- package/testing/alert/alert-harness-filters.d.ts +0 -1
- package/testing/alert/alert-harness.d.ts +12 -2
- package/testing/key-info/key-info-harness-filters.d.ts +6 -0
- package/testing/key-info/key-info-harness.d.ts +31 -0
- package/testing/key-info/key-info-label-harness.d.ts +15 -0
- package/testing/key-info/key-info-value-harness.d.ts +15 -0
- package/testing/label/label-harness-filters.d.ts +6 -0
- package/testing/label/label-harness.d.ts +35 -0
- package/testing/public-api.d.ts +6 -2
- package/testing/tokens/token-harness.d.ts +3 -0
- package/testing/tokens/tokens-harness.d.ts +3 -0
- package/testing/wait-fixture.d.ts +1 -1
package/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export * from './lib/modules/icon/icon-stack-item';
|
|
|
6
6
|
export * from './lib/modules/icon/icon.module';
|
|
7
7
|
export * from './lib/modules/icon/types/icon-type';
|
|
8
8
|
export * from './lib/modules/icon/types/icon-variant-type';
|
|
9
|
+
export * from './lib/modules/key-info/key-info-layout-type';
|
|
9
10
|
export * from './lib/modules/key-info/key-info.module';
|
|
10
11
|
export * from './lib/modules/label/label-type';
|
|
11
12
|
export * from './lib/modules/label/label.module';
|
|
@@ -8,7 +8,7 @@ export declare class SkyIconStackComponent {
|
|
|
8
8
|
* Specifies the size of the icon using
|
|
9
9
|
* [Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons).
|
|
10
10
|
*/
|
|
11
|
-
size: string;
|
|
11
|
+
size: string | undefined;
|
|
12
12
|
/**
|
|
13
13
|
* The icon to display at the bottom of the stack.
|
|
14
14
|
*/
|
|
@@ -15,22 +15,22 @@ export declare class SkyIconComponent {
|
|
|
15
15
|
* the custom SKY UX icon font is currently in beta.
|
|
16
16
|
* @default "fa"
|
|
17
17
|
*/
|
|
18
|
-
iconType: SkyIconType;
|
|
18
|
+
iconType: SkyIconType | undefined;
|
|
19
19
|
/**
|
|
20
20
|
* Specifies the size of the icon using
|
|
21
21
|
* [Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons). Do not prefix the size with `fa-`.
|
|
22
22
|
*/
|
|
23
|
-
size: string;
|
|
23
|
+
size: string | undefined;
|
|
24
24
|
/**
|
|
25
25
|
* Indicates whether the icon has a fixed width.
|
|
26
26
|
* @default false
|
|
27
27
|
*/
|
|
28
|
-
fixedWidth: boolean;
|
|
28
|
+
fixedWidth: boolean | undefined;
|
|
29
29
|
/**
|
|
30
30
|
* Specifies the icon variant (`"line"` or `"solid"`). If the variant doesn't exist for the
|
|
31
31
|
* specified icon, the normal icon is displayed. This property only applies when using SKY UX icons.
|
|
32
32
|
*/
|
|
33
|
-
variant: SkyIconVariantType;
|
|
33
|
+
variant: SkyIconVariantType | undefined;
|
|
34
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconComponent, never>;
|
|
35
35
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconComponent, "sky-icon", never, { "icon": "icon"; "iconType": "iconType"; "size": "size"; "fixedWidth": "fixedWidth"; "variant": "variant"; }, {}, never, never>;
|
|
36
36
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type SkyKeyInfoLayoutType = 'horizontal' | 'vertical';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SkyKeyInfoLayoutType } from './key-info-layout-type';
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
3
|
export declare class SkyKeyInfoComponent {
|
|
3
4
|
/**
|
|
@@ -5,7 +6,7 @@ export declare class SkyKeyInfoComponent {
|
|
|
5
6
|
* value or in a horizontal layout with the label beside the value.
|
|
6
7
|
* @default "vertical"
|
|
7
8
|
*/
|
|
8
|
-
layout: string | undefined;
|
|
9
|
+
layout: SkyKeyInfoLayoutType | string | undefined;
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoComponent, never>;
|
|
10
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoComponent, "sky-key-info", never, { "layout": "layout"; }, {}, never, ["sky-key-info-value", "sky-key-info-label", ".sky-control-help"]>;
|
|
11
12
|
}
|
|
@@ -22,19 +22,19 @@ export declare class SkyStatusIndicatorComponent implements OnInit {
|
|
|
22
22
|
* who cannot see the indicator icon.
|
|
23
23
|
* @required
|
|
24
24
|
*/
|
|
25
|
-
set descriptionType(value: SkyIndicatorDescriptionType);
|
|
26
|
-
get descriptionType(): SkyIndicatorDescriptionType;
|
|
25
|
+
set descriptionType(value: SkyIndicatorDescriptionType | undefined);
|
|
26
|
+
get descriptionType(): SkyIndicatorDescriptionType | undefined;
|
|
27
27
|
/**
|
|
28
28
|
* Specifies the text to be read by screen readers for users who cannot see
|
|
29
29
|
* the indicator icon when `descriptionType` is `custom`.
|
|
30
30
|
*/
|
|
31
|
-
set customDescription(value: string);
|
|
32
|
-
get customDescription(): string;
|
|
33
|
-
descriptionComputed: string;
|
|
34
|
-
baseIcon: SkyIconStackItem;
|
|
35
|
-
icon: string;
|
|
31
|
+
set customDescription(value: string | undefined);
|
|
32
|
+
get customDescription(): string | undefined;
|
|
33
|
+
descriptionComputed: string | undefined;
|
|
34
|
+
baseIcon: SkyIconStackItem | undefined;
|
|
35
|
+
icon: string | undefined;
|
|
36
36
|
indicatorTypeOrDefault: SkyIndicatorIconType;
|
|
37
|
-
topIcon: SkyIconStackItem;
|
|
37
|
+
topIcon: SkyIconStackItem | undefined;
|
|
38
38
|
constructor(changeDetector: ChangeDetectorRef, resources: SkyLibResourcesService);
|
|
39
39
|
ngOnInit(): void;
|
|
40
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyStatusIndicatorComponent, never>;
|
|
@@ -2,67 +2,50 @@ import { ElementRef, EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class SkyTokenComponent {
|
|
5
|
-
private
|
|
6
|
-
private resourcesService;
|
|
5
|
+
#private;
|
|
7
6
|
/**
|
|
8
7
|
* Indicates whether to disable the token to prevent users from selecting it, dismissing it,
|
|
9
8
|
* or navigating to it with the arrow keys. When the token is disabled,
|
|
10
9
|
* users can still place focus on it using the `Tab` key.
|
|
11
|
-
* @default
|
|
10
|
+
* @default false
|
|
12
11
|
*/
|
|
13
|
-
set disabled(value: boolean);
|
|
12
|
+
set disabled(value: boolean | undefined);
|
|
14
13
|
get disabled(): boolean;
|
|
15
14
|
/**
|
|
16
15
|
* Specifies an ARIA label for the token's close button. This sets the button's `aria-label`
|
|
17
16
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
18
17
|
* @default "Remove item"
|
|
19
18
|
*/
|
|
20
|
-
set ariaLabel(value: string);
|
|
19
|
+
set ariaLabel(value: string | undefined);
|
|
21
20
|
get ariaLabel(): string;
|
|
22
21
|
/**
|
|
23
|
-
* Indicates whether users can remove the token from the list by selecting the close button
|
|
24
|
-
* or pressing the `Backspace` key.
|
|
22
|
+
* Indicates whether users can remove the token from the list by selecting the close button.
|
|
25
23
|
* @default true
|
|
26
24
|
*/
|
|
27
|
-
set dismissible(value: boolean);
|
|
25
|
+
set dismissible(value: boolean | undefined);
|
|
28
26
|
get dismissible(): boolean;
|
|
29
27
|
/**
|
|
30
28
|
* Indicates whether users can press the `Tab` key to place focus on the token. This does not
|
|
31
29
|
* affect the ability to select the token, dismiss it, or navigate to it with the arrow keys.
|
|
32
30
|
* @default true
|
|
33
31
|
*/
|
|
34
|
-
set focusable(value: boolean);
|
|
35
|
-
get focusable(): boolean;
|
|
32
|
+
set focusable(value: boolean | undefined);
|
|
36
33
|
/**
|
|
37
|
-
* Fires when users click the close button
|
|
34
|
+
* Fires when users click the close button.
|
|
38
35
|
*/
|
|
39
36
|
dismiss: EventEmitter<void>;
|
|
40
37
|
/**
|
|
41
38
|
* Fires when users place focus on the token by navigating to it with the `Tab` key.
|
|
42
39
|
*/
|
|
43
40
|
tokenFocus: EventEmitter<void>;
|
|
44
|
-
/**
|
|
45
|
-
* @internal
|
|
46
|
-
*/
|
|
47
|
-
get tabIndex(): number | boolean;
|
|
48
|
-
/**
|
|
49
|
-
* @internal
|
|
50
|
-
*/
|
|
51
41
|
tokenActive: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* @internal
|
|
54
|
-
*/
|
|
55
42
|
closeActive: boolean;
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
private _dismissible;
|
|
59
|
-
private _focusable;
|
|
60
|
-
constructor(elementRef: ElementRef, resourcesService: SkyLibResourcesService);
|
|
43
|
+
tabIndex: number;
|
|
44
|
+
constructor(elementRef: ElementRef, resourcesSvc: SkyLibResourcesService);
|
|
61
45
|
dismissToken(event: Event): void;
|
|
62
46
|
focusElement(): void;
|
|
63
47
|
setTokenActive(tokenActive: boolean): void;
|
|
64
48
|
setCloseActive(closeActive: boolean): void;
|
|
65
|
-
private getString;
|
|
66
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokenComponent, never>;
|
|
67
50
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokenComponent, "sky-token", never, { "disabled": "disabled"; "ariaLabel": "ariaLabel"; "dismissible": "dismissible"; "focusable": "focusable"; }, { "dismiss": "dismiss"; "tokenFocus": "tokenFocus"; }, never, ["*"]>;
|
|
68
51
|
}
|
|
@@ -1,31 +1,36 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TrackByFunction } from '@angular/core';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
|
+
import { SkyTokenComponent } from './token.component';
|
|
3
4
|
import { SkyToken } from './types/token';
|
|
4
5
|
import { SkyTokenSelectedEventArgs } from './types/token-selected-event-args';
|
|
5
6
|
import { SkyTokensMessage } from './types/tokens-message';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* Creates a container that enables navigation between tokens using keyboard arrow keys.
|
|
10
|
+
* This is useful when combined with other components where the <kbd>Tab</kbd> key is
|
|
11
|
+
* reserved for other functions, such as the SKY UX Lookup component.
|
|
12
|
+
*/
|
|
7
13
|
export declare class SkyTokensComponent implements OnDestroy {
|
|
8
|
-
private
|
|
14
|
+
#private;
|
|
9
15
|
/**
|
|
10
16
|
* Indicates whether to disable the tokens list to prevent users from selecting tokens,
|
|
11
17
|
* dismissing tokens, or navigating through the list with the arrow keys. When the tokens list
|
|
12
18
|
* is disabled, users can still place focus on items in the list using the `Tab` key.
|
|
13
19
|
* @default false
|
|
14
20
|
*/
|
|
15
|
-
set disabled(value: boolean);
|
|
21
|
+
set disabled(value: boolean | undefined);
|
|
16
22
|
get disabled(): boolean;
|
|
17
23
|
/**
|
|
18
|
-
* Indicates whether users can remove
|
|
19
|
-
* or pressing the `Backspace` key.
|
|
24
|
+
* Indicates whether users can remove a token from the list by selecting a token's close button.
|
|
20
25
|
* @default true
|
|
21
26
|
*/
|
|
22
|
-
set dismissible(value: boolean);
|
|
27
|
+
set dismissible(value: boolean | undefined);
|
|
23
28
|
get dismissible(): boolean;
|
|
24
29
|
/**
|
|
25
30
|
* Specifies the token property to display for each item in the tokens list.
|
|
26
31
|
* @default "name"
|
|
27
32
|
*/
|
|
28
|
-
set displayWith(value: string);
|
|
33
|
+
set displayWith(value: string | undefined);
|
|
29
34
|
get displayWith(): string;
|
|
30
35
|
/**
|
|
31
36
|
* Specifies the token property that represents the token's unique identifier. When this property
|
|
@@ -38,7 +43,7 @@ export declare class SkyTokensComponent implements OnDestroy {
|
|
|
38
43
|
* or navigate through the list with the arrow keys.
|
|
39
44
|
* @default true
|
|
40
45
|
*/
|
|
41
|
-
set focusable(value: boolean);
|
|
46
|
+
set focusable(value: boolean | undefined);
|
|
42
47
|
get focusable(): boolean;
|
|
43
48
|
/**
|
|
44
49
|
* Specifies an array of tokens to include in the list.
|
|
@@ -49,7 +54,7 @@ export declare class SkyTokensComponent implements OnDestroy {
|
|
|
49
54
|
* Specifies an observable of `SkyTokensMessage` that can place focus on a
|
|
50
55
|
* particular token or remove the active token from the list.
|
|
51
56
|
*/
|
|
52
|
-
set messageStream(value: Subject<SkyTokensMessage>);
|
|
57
|
+
set messageStream(value: Subject<SkyTokensMessage> | undefined);
|
|
53
58
|
get messageStream(): Subject<SkyTokensMessage>;
|
|
54
59
|
/**
|
|
55
60
|
* Fires when users navigate through the tokens list with the `Tab` key
|
|
@@ -57,7 +62,7 @@ export declare class SkyTokensComponent implements OnDestroy {
|
|
|
57
62
|
*/
|
|
58
63
|
focusIndexOverRange: EventEmitter<void>;
|
|
59
64
|
/**
|
|
60
|
-
* Fires when
|
|
65
|
+
* Fires when users navigate through the tokens list with the `Tab` key
|
|
61
66
|
* and attempt to move before the first token in the list.
|
|
62
67
|
*/
|
|
63
68
|
focusIndexUnderRange: EventEmitter<void>;
|
|
@@ -70,38 +75,16 @@ export declare class SkyTokensComponent implements OnDestroy {
|
|
|
70
75
|
* This event emits an array of the tokens in the updated list.
|
|
71
76
|
*/
|
|
72
77
|
tokensChange: EventEmitter<SkyToken[]>;
|
|
73
|
-
/**
|
|
74
|
-
* @internal
|
|
75
|
-
*/
|
|
76
78
|
get activeIndex(): number;
|
|
77
79
|
set activeIndex(value: number);
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
*/
|
|
81
|
-
trackTokenFn: (index: number, item: SkyToken) => any;
|
|
82
|
-
private tokenComponents;
|
|
83
|
-
private messageStreamSub;
|
|
84
|
-
private ngUnsubscribe;
|
|
85
|
-
private _activeIndex;
|
|
86
|
-
private _disabled;
|
|
87
|
-
private _dismissible;
|
|
88
|
-
private _focusable;
|
|
89
|
-
private _tokens;
|
|
90
|
-
private _displayWith;
|
|
91
|
-
private _messageStream;
|
|
80
|
+
trackTokenFn: TrackByFunction<SkyToken>;
|
|
81
|
+
tokenComponents: QueryList<SkyTokenComponent> | undefined;
|
|
92
82
|
constructor(changeDetector: ChangeDetectorRef);
|
|
93
83
|
ngOnDestroy(): void;
|
|
94
84
|
onTokenClick(token: SkyToken): void;
|
|
95
85
|
onTokenKeyDown(event: KeyboardEvent): void;
|
|
96
86
|
selectToken(token: SkyToken): void;
|
|
97
87
|
removeToken(token: SkyToken): void;
|
|
98
|
-
private focusPreviousToken;
|
|
99
|
-
private focusNextToken;
|
|
100
|
-
private focusLastToken;
|
|
101
|
-
private focusActiveToken;
|
|
102
|
-
private removeActiveToken;
|
|
103
|
-
private initMessageStream;
|
|
104
|
-
private notifyTokenSelected;
|
|
105
88
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokensComponent, never>;
|
|
106
89
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokensComponent, "sky-tokens", never, { "disabled": "disabled"; "dismissible": "dismissible"; "displayWith": "displayWith"; "trackWith": "trackWith"; "focusable": "focusable"; "tokens": "tokens"; "messageStream": "messageStream"; }, { "focusIndexOverRange": "focusIndexOverRange"; "focusIndexUnderRange": "focusIndexUnderRange"; "tokenSelected": "tokenSelected"; "tokensChange": "tokensChange"; }, never, ["*"]>;
|
|
107
90
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export interface SkyToken {
|
|
2
2
|
/**
|
|
3
|
-
* Specifies the token's
|
|
3
|
+
* Specifies the token's value. The `sky-tokens` component will use its `displayWith`
|
|
4
|
+
* property to determine which of the value's properties to use as the token's label.
|
|
4
5
|
*/
|
|
5
6
|
value: any;
|
|
6
7
|
}
|
|
@@ -5,23 +5,13 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* @dynamic
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyWaitAdapterService implements OnDestroy {
|
|
8
|
-
private
|
|
9
|
-
|
|
10
|
-
private static busyElements;
|
|
11
|
-
private focussableElements;
|
|
12
|
-
private renderer;
|
|
8
|
+
#private;
|
|
9
|
+
static isPageWaitActive: boolean;
|
|
13
10
|
constructor(rendererFactory: RendererFactory2);
|
|
14
11
|
ngOnDestroy(): void;
|
|
15
12
|
setWaitBounds(waitEl: ElementRef): void;
|
|
16
13
|
removeWaitBounds(waitEl: ElementRef): void;
|
|
17
|
-
setBusyState(waitEl: ElementRef, isFullPage: boolean, isWaiting: boolean, isNonBlocking
|
|
18
|
-
private focusNextElement;
|
|
19
|
-
private isShift;
|
|
20
|
-
private isElementHidden;
|
|
21
|
-
private isElementBusyOrHidden;
|
|
22
|
-
private clearDocumentFocus;
|
|
23
|
-
private getFocussableElements;
|
|
24
|
-
private clearListeners;
|
|
14
|
+
setBusyState(waitEl: ElementRef, isFullPage: boolean, isWaiting: boolean, isNonBlocking: boolean, waitComponentId?: string): void;
|
|
25
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitAdapterService, never>;
|
|
26
16
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyWaitAdapterService>;
|
|
27
17
|
}
|
|
@@ -3,8 +3,8 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
* @internal
|
|
4
4
|
*/
|
|
5
5
|
export declare class SkyWaitPageComponent {
|
|
6
|
-
hasBlockingWait: boolean;
|
|
7
|
-
hasNonBlockingWait: boolean;
|
|
6
|
+
hasBlockingWait: boolean | undefined;
|
|
7
|
+
hasNonBlockingWait: boolean | undefined;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitPageComponent, never>;
|
|
9
9
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitPageComponent, "sky-wait-page", never, { "hasBlockingWait": "hasBlockingWait"; "hasNonBlockingWait": "hasNonBlockingWait"; }, {}, never, never>;
|
|
10
10
|
}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { ElementRef, OnInit } from '@angular/core';
|
|
1
|
+
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
3
|
import { BehaviorSubject } from 'rxjs';
|
|
4
4
|
import { SkyWaitAdapterService } from './wait-adapter.service';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SkyWaitComponent implements OnInit {
|
|
7
|
-
private
|
|
8
|
-
private adapterService;
|
|
9
|
-
private resourceService;
|
|
6
|
+
export declare class SkyWaitComponent implements OnInit, OnDestroy {
|
|
7
|
+
#private;
|
|
10
8
|
/**
|
|
11
9
|
* Specifies an ARIA label for the wait icon while an element or page loads.
|
|
12
10
|
* This sets the icon's `aria-label` attribute
|
|
@@ -15,12 +13,12 @@ export declare class SkyWaitComponent implements OnInit {
|
|
|
15
13
|
* and whether it is a blocking wait. For example, the default for a page-blocking
|
|
16
14
|
* wait is "Page loading. Please wait."
|
|
17
15
|
*/
|
|
18
|
-
ariaLabel: string;
|
|
16
|
+
set ariaLabel(value: string | undefined);
|
|
19
17
|
/**
|
|
20
18
|
* When set to `true`, wait indication appears on the parent element of the `sky-wait` component.
|
|
21
19
|
*/
|
|
22
|
-
set isWaiting(value: boolean);
|
|
23
|
-
get isWaiting(): boolean;
|
|
20
|
+
set isWaiting(value: boolean | undefined);
|
|
21
|
+
get isWaiting(): boolean | undefined;
|
|
24
22
|
/**
|
|
25
23
|
* When set to `true`, wait indication appears on the page level instead of the
|
|
26
24
|
* parent element level. We recommend that you use the `beginBlockingPageWait` or
|
|
@@ -28,21 +26,19 @@ export declare class SkyWaitComponent implements OnInit {
|
|
|
28
26
|
* on the component level.
|
|
29
27
|
* @default false
|
|
30
28
|
*/
|
|
31
|
-
set isFullPage(value: boolean);
|
|
32
|
-
get isFullPage(): boolean;
|
|
29
|
+
set isFullPage(value: boolean | undefined);
|
|
30
|
+
get isFullPage(): boolean | undefined;
|
|
33
31
|
/**
|
|
34
32
|
* When set to `true`, wait indication appears in the bottom left corner of the element
|
|
35
33
|
* instead of hiding the entire parent element.
|
|
36
34
|
* @default false
|
|
37
35
|
*/
|
|
38
|
-
isNonBlocking: boolean;
|
|
36
|
+
set isNonBlocking(value: boolean | undefined);
|
|
37
|
+
get isNonBlocking(): boolean | undefined;
|
|
39
38
|
ariaLabelStream: BehaviorSubject<string>;
|
|
40
|
-
|
|
41
|
-
private _isFullPage;
|
|
42
|
-
private _isWaiting;
|
|
43
|
-
constructor(elRef: ElementRef, adapterService: SkyWaitAdapterService, resourceService: SkyLibResourcesService);
|
|
39
|
+
constructor(elRef: ElementRef, adapterService: SkyWaitAdapterService, resourceSvc: SkyLibResourcesService);
|
|
44
40
|
ngOnInit(): void;
|
|
45
|
-
|
|
41
|
+
ngOnDestroy(): void;
|
|
46
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitComponent, [null, null, { optional: true; }]>;
|
|
47
43
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": "ariaLabel"; "isWaiting": "isWaiting"; "isFullPage": "isFullPage"; "isNonBlocking": "isNonBlocking"; }, {}, never, never>;
|
|
48
44
|
}
|
|
@@ -4,13 +4,7 @@ import { Observable } from 'rxjs';
|
|
|
4
4
|
import { SkyWaitPageAdapterService } from './wait-page-adapter.service';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class SkyWaitService {
|
|
7
|
-
private
|
|
8
|
-
private appRef;
|
|
9
|
-
private waitAdapter;
|
|
10
|
-
private windowSvc;
|
|
11
|
-
private static waitComponent;
|
|
12
|
-
private static pageWaitBlockingCount;
|
|
13
|
-
private static pageWaitNonBlockingCount;
|
|
7
|
+
#private;
|
|
14
8
|
constructor(resolver: ComponentFactoryResolver, appRef: ApplicationRef, waitAdapter: SkyWaitPageAdapterService, windowSvc: SkyAppWindowRef);
|
|
15
9
|
/**
|
|
16
10
|
* Starts a blocking page wait on the page.
|
|
@@ -47,10 +41,6 @@ export declare class SkyWaitService {
|
|
|
47
41
|
* asynchronous event completes.
|
|
48
42
|
*/
|
|
49
43
|
nonBlockingWrap<T>(observable: Observable<T>): Observable<T>;
|
|
50
|
-
private setWaitComponentProperties;
|
|
51
|
-
private beginPageWait;
|
|
52
|
-
private endPageWait;
|
|
53
|
-
private clearPageWait;
|
|
54
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitService, never>;
|
|
55
45
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyWaitService>;
|
|
56
46
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/indicators",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.20.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
"@angular/common": "^13.3.2",
|
|
46
46
|
"@angular/core": "^13.3.2",
|
|
47
47
|
"@angular/platform-browser": "^13.3.2",
|
|
48
|
-
"@skyux-sdk/testing": "6.
|
|
49
|
-
"@skyux/core": "6.
|
|
50
|
-
"@skyux/i18n": "6.
|
|
51
|
-
"@skyux/theme": "6.
|
|
48
|
+
"@skyux-sdk/testing": "6.20.0",
|
|
49
|
+
"@skyux/core": "6.20.0",
|
|
50
|
+
"@skyux/i18n": "6.20.0",
|
|
51
|
+
"@skyux/theme": "6.20.0"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"tslib": "^2.3.1"
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
2
|
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
3
|
-
import { SkyIndicatorIconType } from '@skyux/indicators';
|
|
3
|
+
import type { SkyIndicatorDescriptionType, SkyIndicatorIconType } from '@skyux/indicators';
|
|
4
4
|
import { SkyAlertHarnessFilters } from './alert-harness-filters';
|
|
5
5
|
/**
|
|
6
6
|
* Harness for interacting with an alert component in tests.
|
|
7
|
-
* @internal
|
|
8
7
|
*/
|
|
9
8
|
export declare class SkyAlertHarness extends SkyComponentHarness {
|
|
10
9
|
#private;
|
|
10
|
+
/**
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
11
13
|
static hostSelector: string;
|
|
12
14
|
/**
|
|
13
15
|
* Gets a `HarnessPredicate` that can be used to search for a
|
|
@@ -34,4 +36,12 @@ export declare class SkyAlertHarness extends SkyComponentHarness {
|
|
|
34
36
|
* Indicates whether the user can close the alert.
|
|
35
37
|
*/
|
|
36
38
|
isCloseable(): Promise<boolean>;
|
|
39
|
+
/**
|
|
40
|
+
* Gets the `descriptionType` of the label component.
|
|
41
|
+
*/
|
|
42
|
+
getDescriptionType(): Promise<SkyIndicatorDescriptionType>;
|
|
43
|
+
/**
|
|
44
|
+
* Gets the custom text used for the screen reader description of the label component icon.
|
|
45
|
+
*/
|
|
46
|
+
getCustomDescription(): Promise<string>;
|
|
37
47
|
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
+
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
3
|
+
import { SkyKeyInfoLayoutType } from '@skyux/indicators';
|
|
4
|
+
import { SkyKeyInfoHarnessFilters } from './key-info-harness-filters';
|
|
5
|
+
/**
|
|
6
|
+
* Harness for interacting with a key info component in tests.
|
|
7
|
+
*/
|
|
8
|
+
export declare class SkyKeyInfoHarness extends SkyComponentHarness {
|
|
9
|
+
#private;
|
|
10
|
+
/**
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
static hostSelector: string;
|
|
14
|
+
/**
|
|
15
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
16
|
+
* `SkyKeyInfoHarness` that meets certain criteria.
|
|
17
|
+
*/
|
|
18
|
+
static with(filters: SkyKeyInfoHarnessFilters): HarnessPredicate<SkyKeyInfoHarness>;
|
|
19
|
+
/**
|
|
20
|
+
* Gets the current value text.
|
|
21
|
+
*/
|
|
22
|
+
getValueText(): Promise<string>;
|
|
23
|
+
/**
|
|
24
|
+
* Gets the current label text.
|
|
25
|
+
*/
|
|
26
|
+
getLabelText(): Promise<string>;
|
|
27
|
+
/**
|
|
28
|
+
* Gets the current layout type.
|
|
29
|
+
*/
|
|
30
|
+
getLayout(): Promise<SkyKeyInfoLayoutType>;
|
|
31
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
2
|
+
/**
|
|
3
|
+
* Harness for interacting with a key info label component in tests.
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare class SkyKeyInfoLabelHarness extends SkyComponentHarness {
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
static hostSelector: string;
|
|
11
|
+
/**
|
|
12
|
+
* Gets the text value of the component content.
|
|
13
|
+
*/
|
|
14
|
+
getText(): Promise<string>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
2
|
+
/**
|
|
3
|
+
* Harness for interacting with a key info value component in tests.
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare class SkyKeyInfoValueHarness extends SkyComponentHarness {
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
static hostSelector: string;
|
|
11
|
+
/**
|
|
12
|
+
* Gets the text value of the component content.
|
|
13
|
+
*/
|
|
14
|
+
getText(): Promise<string>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
+
import { SkyComponentHarness } from '@skyux/core/testing';
|
|
3
|
+
import type { SkyIndicatorDescriptionType, SkyLabelType } from '@skyux/indicators';
|
|
4
|
+
import { SkyLabelHarnessFilters } from './label-harness-filters';
|
|
5
|
+
/**
|
|
6
|
+
* Harness for interacting with a label component in tests.
|
|
7
|
+
*/
|
|
8
|
+
export declare class SkyLabelHarness extends SkyComponentHarness {
|
|
9
|
+
#private;
|
|
10
|
+
/**
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
13
|
+
static hostSelector: string;
|
|
14
|
+
/**
|
|
15
|
+
* Gets a `HarnessPredicate` that can be used to search for a
|
|
16
|
+
* `SkyLookupHarness` that meets certain criteria.
|
|
17
|
+
*/
|
|
18
|
+
static with(filters: SkyLabelHarnessFilters): HarnessPredicate<SkyLabelHarness>;
|
|
19
|
+
/**
|
|
20
|
+
* Gets the text of the label component.
|
|
21
|
+
*/
|
|
22
|
+
getLabelText(): Promise<string>;
|
|
23
|
+
/**
|
|
24
|
+
* Gets the `labelType` of the label component.
|
|
25
|
+
*/
|
|
26
|
+
getLabelType(): Promise<SkyLabelType>;
|
|
27
|
+
/**
|
|
28
|
+
* Gets the `descriptionType` of the label component.
|
|
29
|
+
*/
|
|
30
|
+
getDescriptionType(): Promise<SkyIndicatorDescriptionType>;
|
|
31
|
+
/**
|
|
32
|
+
* Gets the custom text used for the screen reader description of the label component icon.
|
|
33
|
+
*/
|
|
34
|
+
getCustomDescription(): Promise<string>;
|
|
35
|
+
}
|
package/testing/public-api.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
export * from './alert/alert-harness';
|
|
2
|
+
export * from './alert/alert-harness-filters';
|
|
3
|
+
export * from './key-info/key-info-harness';
|
|
4
|
+
export * from './key-info/key-info-harness-filters';
|
|
5
|
+
export * from './label/label-harness';
|
|
6
|
+
export * from './label/label-harness-filters';
|
|
1
7
|
export * from './tokens/token-harness';
|
|
2
8
|
export * from './tokens/token-harness-filters';
|
|
3
9
|
export * from './tokens/tokens-harness';
|
|
@@ -5,5 +11,3 @@ export * from './tokens/tokens-harness-filters';
|
|
|
5
11
|
export * from './alert-fixture';
|
|
6
12
|
export * from './label-fixture';
|
|
7
13
|
export * from './wait-fixture';
|
|
8
|
-
export * from './alert/alert-harness';
|
|
9
|
-
export * from './alert/alert-harness-filters';
|
|
@@ -6,6 +6,9 @@ import { SkyTokenHarnessFilters } from './token-harness-filters';
|
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyTokenHarness extends ComponentHarness {
|
|
8
8
|
#private;
|
|
9
|
+
/**
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
9
12
|
static hostSelector: string;
|
|
10
13
|
/**
|
|
11
14
|
* Gets a `HarnessPredicate` that can be used to search for a
|
|
@@ -7,6 +7,9 @@ import { SkyTokensHarnessFilters } from './tokens-harness-filters';
|
|
|
7
7
|
* @internal
|
|
8
8
|
*/
|
|
9
9
|
export declare class SkyTokensHarness extends SkyComponentHarness {
|
|
10
|
+
/**
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
10
13
|
static hostSelector: string;
|
|
11
14
|
/**
|
|
12
15
|
* Gets a `HarnessPredicate` that can be used to search for a
|
|
@@ -8,6 +8,6 @@ export declare class SkyWaitFixture {
|
|
|
8
8
|
get ariaLabel(): string;
|
|
9
9
|
get isNonBlocking(): boolean;
|
|
10
10
|
private debugEl;
|
|
11
|
-
constructor(fixture: ComponentFixture<
|
|
11
|
+
constructor(fixture: ComponentFixture<unknown>, skyTestId: string);
|
|
12
12
|
private innerWaitComponentContainsClass;
|
|
13
13
|
}
|