@skyux/indicators 8.0.0-alpha.20 → 8.0.0-alpha.21
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 +741 -637
- package/esm2020/lib/modules/shared/sky-indicators-resources.module.mjs +5 -1
- package/esm2020/lib/modules/wait/wait-page.component.mjs +1 -1
- package/esm2020/lib/modules/wait/wait.component.mjs +52 -14
- package/fesm2015/skyux-indicators.mjs +56 -15
- package/fesm2015/skyux-indicators.mjs.map +1 -1
- package/fesm2020/skyux-indicators.mjs +56 -15
- package/fesm2020/skyux-indicators.mjs.map +1 -1
- package/lib/modules/wait/wait.component.d.ts +17 -8
- package/package.json +5 -5
|
@@ -4,13 +4,12 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class SkyWaitComponent implements OnInit, OnDestroy {
|
|
5
5
|
#private;
|
|
6
6
|
/**
|
|
7
|
-
* The ARIA label for the wait icon
|
|
8
|
-
* This sets the icon's `aria-label` attribute
|
|
9
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
10
|
-
* The default value varies based on whether the wait is for an element or a page
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
7
|
+
* The ARIA label for the wait icon.
|
|
8
|
+
* This sets the icon's `aria-label` attribute to provide a text equivalent for screen readers
|
|
9
|
+
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when an element or page loads and when users tab to a wait icon.
|
|
10
|
+
* The default value varies based on whether the wait is for an element or a page and whether it is a blocking wait. For example, the default for a page-level blocking wait is "Page loading. Please wait."
|
|
11
|
+
* For element-level waits, we recommend that consumers overwrite the default to describe the specific element.
|
|
12
|
+
* "For more information, see the Design tab and the [WAI-ARIA `aria-label` definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
14
13
|
*/
|
|
15
14
|
set ariaLabel(value: string | undefined);
|
|
16
15
|
/**
|
|
@@ -34,9 +33,19 @@ export declare class SkyWaitComponent implements OnInit, OnDestroy {
|
|
|
34
33
|
*/
|
|
35
34
|
set isNonBlocking(value: boolean | undefined);
|
|
36
35
|
get isNonBlocking(): boolean | undefined;
|
|
36
|
+
/**
|
|
37
|
+
* Screen reader text [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when the wait toggles off.
|
|
38
|
+
* The default varies based on whether the wait is for an element or a page.
|
|
39
|
+
* For example, the default for a page-level wait is "Page loading complete."
|
|
40
|
+
* For element-level waits, we recommend that consumers overwrite the default to describe the specific element.
|
|
41
|
+
* For more information, see the Design tab and the [WCAG documentation on status messages](https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html).
|
|
42
|
+
*/
|
|
43
|
+
set screenReaderCompletedText(value: string | undefined);
|
|
37
44
|
ariaLabelStream: BehaviorSubject<string>;
|
|
45
|
+
ariaLiveText: string;
|
|
46
|
+
screenReaderCompletedTextStream: BehaviorSubject<string>;
|
|
38
47
|
ngOnInit(): void;
|
|
39
48
|
ngOnDestroy(): void;
|
|
40
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitComponent, never>;
|
|
41
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": "ariaLabel"; "isWaiting": "isWaiting"; "isFullPage": "isFullPage"; "isNonBlocking": "isNonBlocking"; }, {}, never, never, false, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": "ariaLabel"; "isWaiting": "isWaiting"; "isFullPage": "isFullPage"; "isNonBlocking": "isNonBlocking"; "screenReaderCompletedText": "screenReaderCompletedText"; }, {}, never, never, false, never>;
|
|
42
51
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/indicators",
|
|
3
|
-
"version": "8.0.0-alpha.
|
|
3
|
+
"version": "8.0.0-alpha.21",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
"@angular/common": "^15.2.1",
|
|
46
46
|
"@angular/core": "^15.2.1",
|
|
47
47
|
"@angular/platform-browser": "^15.2.1",
|
|
48
|
-
"@skyux-sdk/testing": "8.0.0-alpha.
|
|
49
|
-
"@skyux/core": "8.0.0-alpha.
|
|
50
|
-
"@skyux/i18n": "8.0.0-alpha.
|
|
51
|
-
"@skyux/theme": "8.0.0-alpha.
|
|
48
|
+
"@skyux-sdk/testing": "8.0.0-alpha.21",
|
|
49
|
+
"@skyux/core": "8.0.0-alpha.21",
|
|
50
|
+
"@skyux/i18n": "8.0.0-alpha.21",
|
|
51
|
+
"@skyux/theme": "8.0.0-alpha.21"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"tslib": "^2.5.0"
|