@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.
Files changed (60) hide show
  1. package/documentation.json +1715 -563
  2. package/esm2020/index.mjs +2 -1
  3. package/esm2020/lib/modules/icon/icon-stack.component.mjs +1 -1
  4. package/esm2020/lib/modules/icon/icon.component.mjs +1 -10
  5. package/esm2020/lib/modules/key-info/key-info-layout-type.mjs +2 -0
  6. package/esm2020/lib/modules/key-info/key-info.component.mjs +1 -1
  7. package/esm2020/lib/modules/status-indicator/status-indicator.component.mjs +6 -6
  8. package/esm2020/lib/modules/tokens/token.component.mjs +31 -29
  9. package/esm2020/lib/modules/tokens/tokens.component.mjs +100 -86
  10. package/esm2020/lib/modules/tokens/types/token.mjs +1 -1
  11. package/esm2020/lib/modules/wait/wait-adapter.service.mjs +131 -128
  12. package/esm2020/lib/modules/wait/wait-page.component.mjs +1 -1
  13. package/esm2020/lib/modules/wait/wait.component.mjs +83 -36
  14. package/esm2020/lib/modules/wait/wait.service.mjs +80 -73
  15. package/esm2020/testing/alert/alert-harness-filters.mjs +1 -1
  16. package/esm2020/testing/alert/alert-harness.mjs +53 -8
  17. package/esm2020/testing/key-info/key-info-harness-filters.mjs +2 -0
  18. package/esm2020/testing/key-info/key-info-harness.mjs +49 -0
  19. package/esm2020/testing/key-info/key-info-label-harness.mjs +18 -0
  20. package/esm2020/testing/key-info/key-info-value-harness.mjs +18 -0
  21. package/esm2020/testing/label/label-harness-filters.mjs +2 -0
  22. package/esm2020/testing/label/label-harness.mjs +94 -0
  23. package/esm2020/testing/public-api.mjs +7 -3
  24. package/esm2020/testing/tokens/token-harness.mjs +6 -3
  25. package/esm2020/testing/tokens/tokens-harness.mjs +4 -1
  26. package/esm2020/testing/wait-fixture.mjs +1 -1
  27. package/fesm2015/skyux-indicators-testing.mjs +329 -85
  28. package/fesm2015/skyux-indicators-testing.mjs.map +1 -1
  29. package/fesm2015/skyux-indicators.mjs +423 -364
  30. package/fesm2015/skyux-indicators.mjs.map +1 -1
  31. package/fesm2020/skyux-indicators-testing.mjs +297 -75
  32. package/fesm2020/skyux-indicators-testing.mjs.map +1 -1
  33. package/fesm2020/skyux-indicators.mjs +422 -364
  34. package/fesm2020/skyux-indicators.mjs.map +1 -1
  35. package/index.d.ts +1 -0
  36. package/lib/modules/icon/icon-stack.component.d.ts +1 -1
  37. package/lib/modules/icon/icon.component.d.ts +4 -4
  38. package/lib/modules/key-info/key-info-layout-type.d.ts +1 -0
  39. package/lib/modules/key-info/key-info.component.d.ts +2 -1
  40. package/lib/modules/status-indicator/status-indicator.component.d.ts +8 -8
  41. package/lib/modules/tokens/token.component.d.ts +10 -27
  42. package/lib/modules/tokens/tokens.component.d.ts +17 -34
  43. package/lib/modules/tokens/types/token.d.ts +2 -1
  44. package/lib/modules/wait/wait-adapter.service.d.ts +3 -13
  45. package/lib/modules/wait/wait-page.component.d.ts +2 -2
  46. package/lib/modules/wait/wait.component.d.ts +12 -16
  47. package/lib/modules/wait/wait.service.d.ts +1 -11
  48. package/package.json +5 -5
  49. package/testing/alert/alert-harness-filters.d.ts +0 -1
  50. package/testing/alert/alert-harness.d.ts +12 -2
  51. package/testing/key-info/key-info-harness-filters.d.ts +6 -0
  52. package/testing/key-info/key-info-harness.d.ts +31 -0
  53. package/testing/key-info/key-info-label-harness.d.ts +15 -0
  54. package/testing/key-info/key-info-value-harness.d.ts +15 -0
  55. package/testing/label/label-harness-filters.d.ts +6 -0
  56. package/testing/label/label-harness.d.ts +35 -0
  57. package/testing/public-api.d.ts +6 -2
  58. package/testing/tokens/token-harness.d.ts +3 -0
  59. package/testing/tokens/tokens-harness.d.ts +3 -0
  60. 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 elementRef;
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 true
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 or press the `Backspace` key to dismiss the token.
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
- private _ariaLabel;
57
- private _disabled;
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 changeDetector;
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 tokens from the list by selecting their close buttons
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 usersnavigate through the tokens list with the `Tab` key
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
- * internal
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 contents.
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 rendererFactory;
9
- private static isPageWaitActive;
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?: boolean, waitComponentId?: string): void;
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 elRef;
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
- private id;
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
- private publishAriaLabel;
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 resolver;
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.18.0",
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.18.0",
49
- "@skyux/core": "6.18.0",
50
- "@skyux/i18n": "6.18.0",
51
- "@skyux/theme": "6.18.0"
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,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of SkyAlertHarness instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyAlertHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -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,6 @@
1
+ import { SkyHarnessFilters } from '@skyux/core/testing';
2
+ /**
3
+ * A set of criteria that can be used to filter a list of SkyKeyInfoHarness instances.
4
+ */
5
+ export interface SkyKeyInfoHarnessFilters extends SkyHarnessFilters {
6
+ }
@@ -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,6 @@
1
+ import { SkyHarnessFilters } from '@skyux/core/testing';
2
+ /**
3
+ * A set of criteria that can be used to filter a list of `SkyLabelHarness` instances.
4
+ */
5
+ export interface SkyLabelHarnessFilters extends SkyHarnessFilters {
6
+ }
@@ -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
+ }
@@ -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<any>, skyTestId: string);
11
+ constructor(fixture: ComponentFixture<unknown>, skyTestId: string);
12
12
  private innerWaitComponentContainsClass;
13
13
  }