@skyux/indicators 8.0.0-alpha.2 → 8.0.0-alpha.21

package/lib/modules/alert/alert.component.d.ts

@@ -1,10 +1,9 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
+import { AfterViewChecked, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { SkyIconStackItem } from '../icon/icon-stack-item';
 import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
 import { SkyIndicatorIconType } from '../shared/indicator-icon-type';
 import * as i0 from "@angular/core";
-export declare class SkyAlertComponent implements OnInit, OnDestroy {
+export declare class SkyAlertComponent implements AfterViewChecked, OnInit, OnDestroy {
     #private;
     /**
      * The style for the alert, which determines the icon and background color.
@@ -27,11 +26,13 @@ export declare class SkyAlertComponent implements OnInit, OnDestroy {
      * This property is optional but will be required in future versions of SKY UX.
      */
     set descriptionType(value: SkyIndicatorDescriptionType | undefined);
+    get descriptionType(): SkyIndicatorDescriptionType | undefined;
     /**
      * The text to be read by screen readers for users who cannot see
      * the indicator icon when `descriptionType` is `custom`.
      */
     set customDescription(value: string | undefined);
+    get customDescription(): string | undefined;
     /**
      * Fires when users close the alert.
      */
@@ -40,8 +41,8 @@ export declare class SkyAlertComponent implements OnInit, OnDestroy {
     alertTopIcon: SkyIconStackItem | undefined;
     alertTypeOrDefault: SkyIndicatorIconType;
     descriptionComputed: string | undefined;
-    constructor(resources: SkyLibResourcesService);
     ngOnInit(): void;
+    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyAlertComponent, never>;

package/lib/modules/help-inline/help-inline-aria-expanded.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SkyHelpInlineAriaExpandedPipe implements PipeTransform {
+    transform(ariaExpanded: boolean | undefined, ariaControls: string | undefined): boolean | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyHelpInlineAriaExpandedPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyHelpInlineAriaExpandedPipe, "skyHelpInlineAriaExpanded", false>;
+}

package/lib/modules/help-inline/help-inline.component.d.ts

@@ -1,11 +1,30 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SkyHelpInlineComponent {
+    /**
+     * The ID of the element that the help inline button controls.
+     * This property [supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure).
+     * For more information about the `aria-controls` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-controls).
+     */
+    ariaControls: string | undefined;
+    /**
+     * Whether an element controlled by the help inline button is expanded. When set to `true`, the property will only be applied to the HTML element when the `ariaControls` input is also set.
+     * This property [supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure).
+     * For more information about the `aria-expanded` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-expanded).
+     */
+    ariaExpanded: boolean | undefined;
+    /**
+     * The ARIA label for help inline button. This sets the button's `aria-label` to provide a text equivalent for screen readers
+     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
+     * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
+     * @default "Show help content"
+     */
+    ariaLabel: string | undefined;
     /**
      * Fires when the user clicks the help inline button.
      */
     actionClick: EventEmitter<void>;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyHelpInlineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyHelpInlineComponent, "sky-help-inline", never, {}, { "actionClick": "actionClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyHelpInlineComponent, "sky-help-inline", never, { "ariaControls": "ariaControls"; "ariaExpanded": "ariaExpanded"; "ariaLabel": "ariaLabel"; }, { "actionClick": "actionClick"; }, never, never, false, never>;
 }

package/lib/modules/help-inline/help-inline.module.d.ts

@@ -1,12 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./help-inline.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@skyux/i18n";
-import * as i4 from "../icon/icon.module";
-import * as i5 from "../shared/sky-indicators-resources.module";
-import * as i6 from "@skyux/theme";
+import * as i2 from "./help-inline-aria-expanded.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "@skyux/i18n";
+import * as i5 from "../icon/icon.module";
+import * as i6 from "../shared/sky-indicators-resources.module";
+import * as i7 from "@skyux/theme";
 export declare class SkyHelpInlineModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyHelpInlineModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyHelpInlineModule, [typeof i1.SkyHelpInlineComponent], [typeof i2.CommonModule, typeof i3.SkyI18nModule, typeof i4.SkyIconModule, typeof i5.SkyIndicatorsResourcesModule, typeof i6.SkyThemeModule], [typeof i1.SkyHelpInlineComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyHelpInlineModule, [typeof i1.SkyHelpInlineComponent, typeof i2.SkyHelpInlineAriaExpandedPipe], [typeof i3.CommonModule, typeof i4.SkyI18nModule, typeof i5.SkyIconModule, typeof i6.SkyIndicatorsResourcesModule, typeof i7.SkyThemeModule], [typeof i1.SkyHelpInlineComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyHelpInlineModule>;
 }

package/lib/modules/icon/icon-class-list.pipe.d.ts

@@ -1,5 +1,5 @@
 import { PipeTransform } from '@angular/core';
-import { SkyIconResolverService } from './icon-resolver.service';
+import { SkyThemeSettings } from '@skyux/theme';
 import { SkyIconVariantType } from './types/icon-variant-type';
 import * as i0 from "@angular/core";
 /**
@@ -7,8 +7,7 @@ import * as i0 from "@angular/core";
  */
 export declare class SkyIconClassListPipe implements PipeTransform {
     #private;
-    constructor(resolver: SkyIconResolverService);
-    transform(icon: string, iconType?: string, size?: string, fixedWidth?: boolean, variant?: SkyIconVariantType): string[];
+    transform(icon: string, themeSettings?: SkyThemeSettings, iconType?: string, size?: string, fixedWidth?: boolean, variant?: SkyIconVariantType): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconClassListPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SkyIconClassListPipe, "skyIconClassList", false>;
 }

package/lib/modules/icon/icon-resolver.service.d.ts

@@ -1,13 +1,14 @@
-import { SkyThemeIconManifestService } from '@skyux/theme';
-import { SkyIconVariantType } from './types/icon-variant-type';
+import { SkyThemeSettings } from '@skyux/theme';
+import { SkyIconResolved } from './types/icon-resolved';
+import type { SkyIconVariantType } from './types/icon-variant-type';
 import * as i0 from "@angular/core";
 /**
  * @internal
  */
 export declare class SkyIconResolverService {
     #private;
-    constructor(manifestSvc: SkyThemeIconManifestService);
-    resolveIcon(iconName: string, variant?: SkyIconVariantType): string;
+    constructor();
+    resolveIcon(icon: string, variant?: SkyIconVariantType, iconType?: string, themeSettings?: SkyThemeSettings): SkyIconResolved;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconResolverService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyIconResolverService>;
 }

package/lib/modules/icon/icon-stack.component.d.ts

@@ -1,3 +1,4 @@
+import { SkyThemeService } from '@skyux/theme';
 import { SkyIconStackItem } from './icon-stack-item';
 import * as i0 from "@angular/core";
 /**
@@ -6,7 +7,7 @@ import * as i0 from "@angular/core";
 export declare class SkyIconStackComponent {
     /**
      * The size of the icon using
-     * [Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons).
+     * [Font Awesome sizes](https://fontawesome.com/v4/examples/).
      */
     size: string | undefined;
     /**
@@ -17,6 +18,7 @@ export declare class SkyIconStackComponent {
      * The icon to display at the top of the stack.
      */
     topIcon: SkyIconStackItem | undefined;
+    protected themeSvc: SkyThemeService | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconStackComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconStackComponent, "sky-icon-stack", never, { "size": "size"; "baseIcon": "baseIcon"; "topIcon": "topIcon"; }, {}, never, never, false, never>;
 }

package/lib/modules/icon/icon.component.d.ts

@@ -1,3 +1,4 @@
+import { SkyThemeService } from '@skyux/theme';
 import { SkyIconType } from './types/icon-type';
 import { SkyIconVariantType } from './types/icon-variant-type';
 import * as i0 from "@angular/core";
@@ -18,11 +19,13 @@ export declare class SkyIconComponent {
     iconType: SkyIconType | undefined;
     /**
      * The size of the icon using
-     * [Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons). Do not prefix the size with `fa-`.
+     * [Font Awesome sizes](https://fontawesome.com/v4/examples/). Do not prefix the size with `fa-`.
      */
     size: string | undefined;
     /**
-     * Whether the icon has a fixed width.
+     * Whether to enforce a fixed width based on icon size. By default, icons of a specified size share a
+     * consistent height, but their widths vary and can throw off vertical alignment. Use a fixed width when
+     * you stack icons vertically, such as in lists.
      * @default false
      */
     fixedWidth: boolean | undefined;
@@ -31,6 +34,7 @@ export declare class SkyIconComponent {
      * specified icon, the normal icon is displayed. This property only applies when using SKY UX icons.
      */
     variant: SkyIconVariantType | undefined;
+    protected themeSvc: SkyThemeService | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconComponent, "sky-icon", never, { "icon": "icon"; "iconType": "iconType"; "size": "size"; "fixedWidth": "fixedWidth"; "variant": "variant"; }, {}, never, never, false, never>;
 }

package/lib/modules/icon/icon.module.d.ts

@@ -3,9 +3,8 @@ import * as i1 from "./icon-class-list.pipe";
 import * as i2 from "./icon.component";
 import * as i3 from "./icon-stack.component";
 import * as i4 from "@angular/common";
-import * as i5 from "@skyux/theme";
 export declare class SkyIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyIconModule, [typeof i1.SkyIconClassListPipe, typeof i2.SkyIconComponent, typeof i3.SkyIconStackComponent], [typeof i4.CommonModule, typeof i5.SkyThemeIconManifestModule], [typeof i2.SkyIconComponent, typeof i3.SkyIconStackComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyIconModule, [typeof i1.SkyIconClassListPipe, typeof i2.SkyIconComponent, typeof i3.SkyIconStackComponent], [typeof i4.CommonModule], [typeof i2.SkyIconComponent, typeof i3.SkyIconStackComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyIconModule>;
 }

package/lib/modules/icon/types/icon-resolved.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @internal
+ */
+export interface SkyIconResolved {
+    icon: string;
+    iconType: string;
+}

package/lib/modules/icon/types/icon-type.d.ts

@@ -1 +1 @@
-export declare type SkyIconType = 'fa' | 'skyux';
+export type SkyIconType = 'fa' | 'skyux';

package/lib/modules/icon/types/icon-variant-type.d.ts

@@ -1 +1 @@
-export declare type SkyIconVariantType = 'line' | 'solid';
+export type SkyIconVariantType = 'line' | 'solid';

package/lib/modules/key-info/key-info-layout-type.d.ts

@@ -1 +1 @@
-export declare type SkyKeyInfoLayoutType = 'horizontal' | 'vertical';
+export type SkyKeyInfoLayoutType = 'horizontal' | 'vertical';

package/lib/modules/label/label-type.d.ts

@@ -1 +1 @@
-export declare type SkyLabelType = 'danger' | 'info' | 'success' | 'warning';
+export type SkyLabelType = 'danger' | 'info' | 'success' | 'warning';

package/lib/modules/label/label.component.d.ts

@@ -1,10 +1,9 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
+import { AfterViewChecked, OnDestroy, OnInit } from '@angular/core';
 import { SkyIconStackItem } from '../icon/icon-stack-item';
 import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
 import { SkyLabelType } from './label-type';
 import * as i0 from "@angular/core";
-export declare class SkyLabelComponent implements OnDestroy, OnInit {
+export declare class SkyLabelComponent implements AfterViewChecked, OnDestroy, OnInit {
     #private;
     /**
      * The type of label to display.
@@ -16,18 +15,20 @@ export declare class SkyLabelComponent implements OnDestroy, OnInit {
      * This property is optional but will be required in future versions of SKY UX.
      */
     set descriptionType(value: SkyIndicatorDescriptionType | undefined);
+    get descriptionType(): SkyIndicatorDescriptionType | undefined;
     /**
      * The text to be read by screen readers for users who cannot see
      * the indicator icon when `descriptionType` is `custom`.
      */
     set customDescription(value: string | undefined);
+    get customDescription(): string | undefined;
     baseIcon: SkyIconStackItem | undefined;
     descriptionComputed: string | undefined;
     icon: string | undefined;
     labelTypeOrDefault: SkyLabelType;
     topIcon: SkyIconStackItem | undefined;
-    constructor(changeDetector: ChangeDetectorRef, resources: SkyLibResourcesService);
     ngOnInit(): void;
+    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyLabelComponent, "sky-label", never, { "labelType": "labelType"; "descriptionType": "descriptionType"; "customDescription": "customDescription"; }, {}, never, ["*"], false, never>;

package/lib/modules/shared/indicator-description-type.d.ts

@@ -1 +1 @@
-export declare type SkyIndicatorDescriptionType = 'attention' | 'caution' | 'completed' | 'custom' | 'danger' | 'error' | 'important-info' | 'important-warning' | 'none' | 'success' | 'warning';
+export type SkyIndicatorDescriptionType = 'attention' | 'caution' | 'completed' | 'custom' | 'danger' | 'error' | 'important-info' | 'important-warning' | 'none' | 'success' | 'warning';

package/lib/modules/shared/indicator-icon-type.d.ts

@@ -1 +1 @@
-export declare type SkyIndicatorIconType = 'danger' | 'info' | 'success' | 'warning';
+export type SkyIndicatorIconType = 'danger' | 'info' | 'success' | 'warning';

package/lib/modules/status-indicator/status-indicator.component.d.ts

@@ -1,5 +1,4 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
+import { OnInit } from '@angular/core';
 import { SkyIconStackItem } from '../icon/icon-stack-item';
 import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
 import { SkyIndicatorIconType } from '../shared/indicator-icon-type';
@@ -35,7 +34,6 @@ export declare class SkyStatusIndicatorComponent implements OnInit {
     icon: string | undefined;
     indicatorTypeOrDefault: SkyIndicatorIconType;
     topIcon: SkyIconStackItem | undefined;
-    constructor(changeDetector: ChangeDetectorRef, resources: SkyLibResourcesService);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyStatusIndicatorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyStatusIndicatorComponent, "sky-status-indicator", never, { "indicatorType": "indicatorType"; "descriptionType": "descriptionType"; "customDescription": "customDescription"; }, {}, never, ["*", ".sky-control-help"], false, never>;

package/lib/modules/text-highlight/text-highlight.directive.d.ts

@@ -1,5 +1,4 @@
-import { AfterViewInit, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { SkyMutationObserverService } from '@skyux/core';
+import { AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Highlights all matching text within the current DOM element.
@@ -10,7 +9,6 @@ export declare class SkyTextHighlightDirective implements OnChanges, AfterViewIn
      * The text to highlight.
      */
     set skyHighlight(value: string | string[] | undefined);
-    constructor(el: ElementRef, observerSvc: SkyMutationObserverService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/lib/modules/tokens/token.component.d.ts

@@ -47,7 +47,6 @@ export declare class SkyTokenComponent {
     tokenActive: boolean;
     closeActive: boolean;
     tabIndex: number;
-    constructor(elementRef: ElementRef);
     protected onFocusIn(): void;
     protected onFocusOut(event: FocusEvent): void;
     dismissToken(event: Event): void;

package/lib/modules/tokens/tokens.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TrackByFunction } from '@angular/core';
+import { EventEmitter, OnDestroy, QueryList, TrackByFunction } from '@angular/core';
 import { Subject } from 'rxjs';
 import { SkyTokenComponent } from './token.component';
 import { SkyToken } from './types/token';
@@ -84,7 +84,7 @@ export declare class SkyTokensComponent implements OnDestroy {
     set activeIndex(value: number);
     trackTokenFn: TrackByFunction<SkyToken>;
     tokenComponents: QueryList<SkyTokenComponent> | undefined;
-    constructor(changeDetector: ChangeDetectorRef);
+    constructor();
     ngOnDestroy(): void;
     onTokenClick(token: SkyToken): void;
     animationDone(): void;

package/lib/modules/wait/wait.component.d.ts

@@ -1,18 +1,15 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
+import { OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { SkyWaitAdapterService } from './wait-adapter.service';
 import * as i0 from "@angular/core";
 export declare class SkyWaitComponent implements OnInit, OnDestroy {
     #private;
     /**
-     * The ARIA label for the wait icon while an element or page loads.
-     * This sets the icon's `aria-label` attribute
-     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
-     * 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-blocking
-     * wait is "Page loading. Please wait."
-     * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
+     * The ARIA label for the wait icon.
+     * This sets the icon's `aria-label` attribute to provide a text equivalent for screen readers
+     * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when an element or page loads and when users tab to a wait icon.
+     * 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."
+     * For element-level waits, we recommend that consumers overwrite the default to describe the specific element.
+     * "For more information, see the Design tab and the [WAI-ARIA `aria-label` definition](https://www.w3.org/TR/wai-aria/#aria-label).
      */
     set ariaLabel(value: string | undefined);
     /**
@@ -36,10 +33,19 @@ export declare class SkyWaitComponent implements OnInit, OnDestroy {
      */
     set isNonBlocking(value: boolean | undefined);
     get isNonBlocking(): boolean | undefined;
+    /**
+     * Screen reader text [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when the wait toggles off.
+     *  The default varies based on whether the wait is for an element or a page.
+     * For example, the default for a page-level wait is "Page loading complete."
+     * For element-level waits, we recommend that consumers overwrite the default to describe the specific element.
+     * For more information, see the Design tab and the [WCAG documentation on status messages](https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html).
+     */
+    set screenReaderCompletedText(value: string | undefined);
     ariaLabelStream: BehaviorSubject<string>;
-    constructor(elRef: ElementRef, adapterService: SkyWaitAdapterService, resourceSvc: SkyLibResourcesService);
+    ariaLiveText: string;
+    screenReaderCompletedTextStream: BehaviorSubject<string>;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": "ariaLabel"; "isWaiting": "isWaiting"; "isFullPage": "isFullPage"; "isNonBlocking": "isNonBlocking"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": "ariaLabel"; "isWaiting": "isWaiting"; "isFullPage": "isFullPage"; "isNonBlocking": "isNonBlocking"; "screenReaderCompletedText": "screenReaderCompletedText"; }, {}, never, never, false, never>;
 }

package/lib/modules/wait/wait.service.d.ts

@@ -1,11 +1,7 @@
-import { ApplicationRef, ComponentFactoryResolver } from '@angular/core';
-import { SkyAppWindowRef, SkyDynamicComponentService } from '@skyux/core';
 import { Observable } from 'rxjs';
-import { SkyWaitPageAdapterService } from './wait-page-adapter.service';
 import * as i0 from "@angular/core";
 export declare class SkyWaitService {
     #private;
-    constructor(resolver: ComponentFactoryResolver, appRef: ApplicationRef, waitAdapter: SkyWaitPageAdapterService, windowSvc: SkyAppWindowRef, dynamicComponentService: SkyDynamicComponentService);
     /**
      * Starts a blocking page wait on the page.
      */
@@ -41,6 +37,6 @@ export declare class SkyWaitService {
      * asynchronous event completes.
      */
     nonBlockingWrap<T>(observable: Observable<T>): Observable<T>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitService, [null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyWaitService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/indicators",
-  "version": "8.0.0-alpha.2",
+  "version": "8.0.0-alpha.21",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -40,18 +40,18 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "^15.1.4",
-    "@angular/cdk": "^15.1.4",
-    "@angular/common": "^15.1.4",
-    "@angular/core": "^15.1.4",
-    "@angular/platform-browser": "^15.1.4",
-    "@skyux-sdk/testing": "8.0.0-alpha.2",
-    "@skyux/core": "8.0.0-alpha.2",
-    "@skyux/i18n": "8.0.0-alpha.2",
-    "@skyux/theme": "8.0.0-alpha.2"
+    "@angular/animations": "^15.2.1",
+    "@angular/cdk": "^15.2.1",
+    "@angular/common": "^15.2.1",
+    "@angular/core": "^15.2.1",
+    "@angular/platform-browser": "^15.2.1",
+    "@skyux-sdk/testing": "8.0.0-alpha.21",
+    "@skyux/core": "8.0.0-alpha.21",
+    "@skyux/i18n": "8.0.0-alpha.21",
+    "@skyux/theme": "8.0.0-alpha.21"
   },
   "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.5.0"
   },
   "module": "fesm2015/skyux-indicators.mjs",
   "es2020": "fesm2020/skyux-indicators.mjs",

package/testing/chevron/chevron-harness.d.ts

@@ -0,0 +1,23 @@
+import { SkyComponentHarness } from '@skyux/core/testing';
+/**
+ * Harness for interacting with a chevron component in tests.
+ */
+export declare class SkyChevronHarness extends SkyComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets the chevron direction.
+     */
+    getDirection(): Promise<string>;
+    /**
+     * Whether the chevron is disabled.
+     */
+    isDisabled(): Promise<boolean>;
+    /**
+     * Toggles the chevron.
+     */
+    toggle(): Promise<void>;
+}

package/testing/help-inline/help-inline-harness-filters.d.ts

@@ -0,0 +1,6 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of SkyHelpInlineHarness instances.
+ */
+export interface SkyHelpInlineHarnessFilters extends SkyHarnessFilters {
+}

package/testing/help-inline/help-inline-harness.d.ts

@@ -0,0 +1,22 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyComponentHarness } from '@skyux/core/testing';
+import { SkyHelpInlineHarnessFilters } from './help-inline-harness-filters';
+/**
+ * Harness for interacting with a help inline component in tests.
+ */
+export declare class SkyHelpInlineHarness extends SkyComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyInlineHelpHarness` that meets certain criteria
+     */
+    static with(filters: SkyHelpInlineHarnessFilters): HarnessPredicate<SkyHelpInlineHarness>;
+    /**
+     * Clicks the help inline icon button
+     */
+    click(): Promise<void>;
+}

package/testing/icon/icon-harness-filters.d.ts

@@ -0,0 +1,6 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of SkyIconHarness instances.
+ */
+export interface SkyIconHarnessFilters extends SkyHarnessFilters {
+}

package/testing/icon/icon-harness.d.ts

@@ -0,0 +1,38 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyComponentHarness } from '@skyux/core/testing';
+import { SkyIconHarnessFilters } from './icon-harness-filters';
+/**
+ * Harness for interacting with an icon component in tests.
+ */
+export declare class SkyIconHarness extends SkyComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyIconHarness` that meets certain criteria.
+     */
+    static with(filters: SkyIconHarnessFilters): HarnessPredicate<SkyIconHarness>;
+    /**
+     * Gets the icon name.
+     */
+    getIconName(): Promise<string | undefined>;
+    /**
+     * Gets the icon size.
+     */
+    getIconSize(): Promise<string | undefined>;
+    /**
+     * Gets the icon type.
+     */
+    getIconType(): Promise<string>;
+    /**
+     * Gets if the icon is a variant.
+     */
+    getVariant(): Promise<string | undefined>;
+    /**
+     * Whether the icon has fixed width.
+     */
+    isFixedWidth(): Promise<boolean>;
+}

package/testing/public-api.d.ts

@@ -1,5 +1,10 @@
 export * from './alert/alert-harness';
 export * from './alert/alert-harness-filters';
+export * from './chevron/chevron-harness';
+export * from './help-inline/help-inline-harness';
+export * from './help-inline/help-inline-harness-filters';
+export * from './icon/icon-harness';
+export * from './icon/icon-harness-filters';
 export * from './key-info/key-info-harness';
 export * from './key-info/key-info-harness-filters';
 export * from './label/label-harness';

package/testing/wait/wait-harness-filters.d.ts

@@ -1,6 +1,6 @@
 import { SkyHarnessFilters } from '@skyux/core/testing';
 /**
- * A set of criteria that can be used to filter a list of SkyAlertHarness instances.
+ * A set of criteria that can be used to filter a list of SkyWaitHarness instances.
  */
 export interface SkyWaitHarnessFilters extends SkyHarnessFilters {
     /**

package/esm2020/lib/modules/wait/wait-page-adapter.service.mjs

@@ -1,26 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-// TODO: Remove when dynamic component service is no longer optional in a future breaking change.
-export class SkyWaitPageAdapterService {
-    addPageWaitEl() {
-        document.body.appendChild(document.createElement('sky-wait-page'));
-    }
-    removePageWaitEl() {
-        const waitEl = document.querySelector('sky-wait-page');
-        if (waitEl) {
-            document.body.removeChild(waitEl);
-        }
-    }
-}
-SkyWaitPageAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyWaitPageAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2FpdC1wYWdlLWFkYXB0ZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy93YWl0L3dhaXQtcGFnZS1hZGFwdGVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFM0M7O0dBRUc7QUFDSCxpR0FBaUc7QUFJakcsTUFBTSxPQUFPLHlCQUF5QjtJQUM3QixhQUFhO1FBQ2xCLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRU0sZ0JBQWdCO1FBQ3JCLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDdkQsSUFBSSxNQUFNLEVBQUU7WUFDVixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUNuQztJQUNILENBQUM7O3NIQVZVLHlCQUF5QjswSEFBekIseUJBQXlCLGNBRnhCLE1BQU07MkZBRVAseUJBQXlCO2tCQUhyQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuLy8gVE9ETzogUmVtb3ZlIHdoZW4gZHluYW1pYyBjb21wb25lbnQgc2VydmljZSBpcyBubyBsb25nZXIgb3B0aW9uYWwgaW4gYSBmdXR1cmUgYnJlYWtpbmcgY2hhbmdlLlxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreVdhaXRQYWdlQWRhcHRlclNlcnZpY2Uge1xuICBwdWJsaWMgYWRkUGFnZVdhaXRFbCgpOiB2b2lkIHtcbiAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NreS13YWl0LXBhZ2UnKSk7XG4gIH1cblxuICBwdWJsaWMgcmVtb3ZlUGFnZVdhaXRFbCgpOiB2b2lkIHtcbiAgICBjb25zdCB3YWl0RWwgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdza3ktd2FpdC1wYWdlJyk7XG4gICAgaWYgKHdhaXRFbCkge1xuICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZCh3YWl0RWwpO1xuICAgIH1cbiAgfVxufVxuIl19

package/lib/modules/wait/wait-page-adapter.service.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export declare class SkyWaitPageAdapterService {
-    addPageWaitEl(): void;
-    removePageWaitEl(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitPageAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyWaitPageAdapterService>;
-}