@skyux/indicators 8.0.0-alpha.0 → 8.0.0-alpha.10

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

@@ -1,5 +1,4 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
 import { SkyIconStackItem } from '../icon/icon-stack-item';
 import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
 import { SkyIndicatorIconType } from '../shared/indicator-icon-type';
@@ -40,7 +39,6 @@ export declare class SkyAlertComponent implements OnInit, OnDestroy {
     alertTopIcon: SkyIconStackItem | undefined;
     alertTypeOrDefault: SkyIndicatorIconType;
     descriptionComputed: string | undefined;
-    constructor(resources: SkyLibResourcesService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     close(): void;

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

@@ -1,5 +1,4 @@
 import { PipeTransform } from '@angular/core';
-import { SkyIconResolverService } from './icon-resolver.service';
 import { SkyIconVariantType } from './types/icon-variant-type';
 import * as i0 from "@angular/core";
 /**
@@ -7,7 +6,6 @@ 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[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconClassListPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SkyIconClassListPipe, "skyIconClassList", false>;

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

@@ -1,5 +1,5 @@
 import { SkyThemeIconManifestService } from '@skyux/theme';
-import { SkyIconVariantType } from './types/icon-variant-type';
+import type { SkyIconVariantType } from './types/icon-variant-type';
 import * as i0 from "@angular/core";
 /**
  * @internal

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

@@ -6,7 +6,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;
     /**

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

@@ -18,11 +18,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;

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-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,5 +1,4 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
+import { OnDestroy, OnInit } from '@angular/core';
 import { SkyIconStackItem } from '../icon/icon-stack-item';
 import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
 import { SkyLabelType } from './label-type';
@@ -26,7 +25,6 @@ export declare class SkyLabelComponent implements OnDestroy, OnInit {
     icon: string | undefined;
     labelTypeOrDefault: SkyLabelType;
     topIcon: SkyIconStackItem | undefined;
-    constructor(changeDetector: ChangeDetectorRef, resources: SkyLibResourcesService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelComponent, 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,7 +1,5 @@
-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;
@@ -37,9 +35,8 @@ export declare class SkyWaitComponent implements OnInit, OnDestroy {
     set isNonBlocking(value: boolean | undefined);
     get isNonBlocking(): boolean | undefined;
     ariaLabelStream: BehaviorSubject<string>;
-    constructor(elRef: ElementRef, adapterService: SkyWaitAdapterService, resourceSvc: SkyLibResourcesService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitComponent, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": "ariaLabel"; "isWaiting": "isWaiting"; "isFullPage": "isFullPage"; "isNonBlocking": "isNonBlocking"; }, {}, 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.0",
+  "version": "8.0.0-alpha.10",
   "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.0",
-    "@skyux/core": "8.0.0-alpha.0",
-    "@skyux/i18n": "8.0.0-alpha.0",
-    "@skyux/theme": "8.0.0-alpha.0"
+    "@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.10",
+    "@skyux/core": "8.0.0-alpha.10",
+    "@skyux/i18n": "8.0.0-alpha.10",
+    "@skyux/theme": "8.0.0-alpha.10"
   },
   "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.5.0"
   },
   "module": "fesm2015/skyux-indicators.mjs",
   "es2020": "fesm2020/skyux-indicators.mjs",

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,9 @@
 export * from './alert/alert-harness';
 export * from './alert/alert-harness-filters';
+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/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>;
-}