@skyux/indicators 6.16.0 → 7.0.0-alpha.0

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

@@ -1,8 +1,10 @@
-import { EventEmitter, OnInit } from '@angular/core';
+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';
 import * as i0 from "@angular/core";
-export declare class SkyAlertComponent implements OnInit {
+export declare class SkyAlertComponent implements OnInit, OnDestroy {
     #private;
     /**
      * Specifies a style for the alert to determine the icon and background color.
@@ -20,6 +22,16 @@ export declare class SkyAlertComponent implements OnInit {
      * @default false
      */
     closed: boolean | undefined;
+    /**
+     * Specifies the predefined text to be read by screen readers for users who cannot see the alert icon.
+     * This property is optional but will be required in future versions of SKY UX.
+     */
+    set descriptionType(value: SkyIndicatorDescriptionType | undefined);
+    /**
+     * Specifies 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);
     /**
      * Fires when users close the alert.
      */
@@ -27,8 +39,11 @@ export declare class SkyAlertComponent implements OnInit {
     alertBaseIcon: SkyIconStackItem | undefined;
     alertTopIcon: SkyIconStackItem | undefined;
     alertTypeOrDefault: SkyIndicatorIconType;
+    descriptionComputed: string | undefined;
+    constructor(resources: SkyLibResourcesService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyAlertComponent, "sky-alert", never, { "alertType": "alertType"; "closeable": "closeable"; "closed": "closed"; }, { "closedChange": "closedChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyAlertComponent, "sky-alert", never, { "alertType": "alertType"; "closeable": "closeable"; "closed": "closed"; "descriptionType": "descriptionType"; "customDescription": "customDescription"; }, { "closedChange": "closedChange"; }, never, ["*"], false>;
 }

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

@@ -32,5 +32,5 @@ export declare class SkyChevronComponent {
     directionOrDefault: string;
     chevronClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyChevronComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyChevronComponent, "sky-chevron", never, { "ariaControls": "ariaControls"; "ariaLabel": "ariaLabel"; "direction": "direction"; "disabled": "disabled"; }, { "directionChange": "directionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyChevronComponent, "sky-chevron", never, { "ariaControls": "ariaControls"; "ariaLabel": "ariaLabel"; "direction": "direction"; "disabled": "disabled"; }, { "directionChange": "directionChange"; }, never, never, false>;
 }

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

@@ -10,5 +10,5 @@ export declare class SkyExpansionIndicatorComponent {
     set direction(value: string | undefined);
     directionOrDefault: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyExpansionIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyExpansionIndicatorComponent, "sky-expansion-indicator", never, { "direction": "direction"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyExpansionIndicatorComponent, "sky-expansion-indicator", never, { "direction": "direction"; }, {}, never, never, false>;
 }

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

@@ -7,5 +7,5 @@ export declare class SkyHelpInlineComponent {
     actionClick: EventEmitter<any>;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyHelpInlineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyHelpInlineComponent, "sky-help-inline", never, {}, { "actionClick": "actionClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyHelpInlineComponent, "sky-help-inline", never, {}, { "actionClick": "actionClick"; }, never, never, false>;
 }

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

@@ -10,5 +10,5 @@ export declare class SkyIconClassListPipe implements PipeTransform {
     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">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyIconClassListPipe, "skyIconClassList", false>;
 }

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

@@ -18,5 +18,5 @@ export declare class SkyIconStackComponent {
      */
     topIcon: SkyIconStackItem | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconStackComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconStackComponent, "sky-icon-stack", never, { "size": "size"; "baseIcon": "baseIcon"; "topIcon": "topIcon"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconStackComponent, "sky-icon-stack", never, { "size": "size"; "baseIcon": "baseIcon"; "topIcon": "topIcon"; }, {}, never, never, false>;
 }

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

@@ -32,5 +32,5 @@ export declare class SkyIconComponent {
      */
     variant: SkyIconVariantType;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconComponent, "sky-icon", never, { "icon": "icon"; "iconType": "iconType"; "size": "size"; "fixedWidth": "fixedWidth"; "variant": "variant"; }, {}, never, never, false>;
 }

package/lib/modules/key-info/key-info-label.component.d.ts

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
 /**
  * Specifies a label to display in smaller text under or beside the value.
+ * To display a help button beside the label, include a help button element, such as `sky-help-inline`,
+ * in the `sky-key-info` element and a `sky-control-help` CSS class on that help button element.
  * @required
  */
 export declare class SkyKeyInfoLabelComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoLabelComponent, "sky-key-info-label", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoLabelComponent, "sky-key-info-label", never, {}, {}, never, ["*"], false>;
 }

package/lib/modules/key-info/key-info-value.component.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class SkyKeyInfoValueComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoValueComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoValueComponent, "sky-key-info-value", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoValueComponent, "sky-key-info-value", never, {}, {}, never, ["*"], false>;
 }

package/lib/modules/key-info/key-info.component.d.ts

@@ -7,5 +7,5 @@ export declare class SkyKeyInfoComponent {
      */
     layout: string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoComponent, "sky-key-info", never, { "layout": "layout"; }, {}, never, ["sky-key-info-value", "sky-key-info-label", ".sky-control-help"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoComponent, "sky-key-info", never, { "layout": "layout"; }, {}, never, ["sky-key-info-value", "sky-key-info-label", ".sky-control-help"], false>;
 }

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

@@ -30,5 +30,5 @@ export declare class SkyLabelComponent implements OnDestroy, OnInit {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyLabelComponent, "sky-label", never, { "labelType": "labelType"; "descriptionType": "descriptionType"; "customDescription": "customDescription"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyLabelComponent, "sky-label", never, { "labelType": "labelType"; "descriptionType": "descriptionType"; "customDescription": "customDescription"; }, {}, never, ["*"], false>;
 }

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

@@ -38,5 +38,5 @@ export declare class SkyStatusIndicatorComponent implements OnInit {
     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"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyStatusIndicatorComponent, "sky-status-indicator", never, { "indicatorType": "indicatorType"; "descriptionType": "descriptionType"; "customDescription": "customDescription"; }, {}, never, ["*", ".sky-control-help"], false>;
 }

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

@@ -5,26 +5,15 @@ import * as i0 from "@angular/core";
  * Highlights all matching text within the current DOM element.
  */
 export declare class SkyTextHighlightDirective implements OnChanges, AfterViewInit, OnDestroy {
-    private el;
-    private observerService;
+    #private;
     /**
      * Specifies the text to highlight.
      */
-    set skyHighlight(value: string | string[]);
-    private existingHighlight;
-    private observer;
-    private _skyHighlight;
-    constructor(el: ElementRef, observerService: MutationObserverService);
-    private static cleanRegex;
-    private static markNode;
-    private static markTextNodes;
-    private static removeHighlight;
+    set skyHighlight(value: string | string[] | undefined);
+    constructor(el: ElementRef, observerSvc: MutationObserverService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    private readyForHighlight;
-    private highlight;
-    private observeDom;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextHighlightDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyTextHighlightDirective, "[skyHighlight]", never, { "skyHighlight": "skyHighlight"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyTextHighlightDirective, "[skyHighlight]", never, { "skyHighlight": "skyHighlight"; }, {}, never, never, false>;
 }

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

@@ -64,5 +64,5 @@ export declare class SkyTokenComponent {
     setCloseActive(closeActive: boolean): void;
     private getString;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokenComponent, "sky-token", never, { "disabled": "disabled"; "ariaLabel": "ariaLabel"; "dismissible": "dismissible"; "focusable": "focusable"; }, { "dismiss": "dismiss"; "tokenFocus": "tokenFocus"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokenComponent, "sky-token", never, { "disabled": "disabled"; "ariaLabel": "ariaLabel"; "dismissible": "dismissible"; "focusable": "focusable"; }, { "dismiss": "dismiss"; "tokenFocus": "tokenFocus"; }, never, ["*"], false>;
 }

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

@@ -103,5 +103,5 @@ export declare class SkyTokensComponent implements OnDestroy {
     private initMessageStream;
     private notifyTokenSelected;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokensComponent, never>;
-    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, ["*"]>;
+    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, ["*"], false>;
 }

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

@@ -6,5 +6,5 @@ export declare class SkyWaitPageComponent {
     hasBlockingWait: boolean;
     hasNonBlockingWait: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitPageComponent, "sky-wait-page", never, { "hasBlockingWait": "hasBlockingWait"; "hasNonBlockingWait": "hasNonBlockingWait"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitPageComponent, "sky-wait-page", never, { "hasBlockingWait": "hasBlockingWait"; "hasNonBlockingWait": "hasNonBlockingWait"; }, {}, never, never, false>;
 }

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

@@ -44,5 +44,5 @@ export declare class SkyWaitComponent implements OnInit {
     ngOnInit(): void;
     private publishAriaLabel;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": "ariaLabel"; "isWaiting": "isWaiting"; "isFullPage": "isFullPage"; "isNonBlocking": "isNonBlocking"; }, {}, never, never, false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/indicators",
-  "version": "6.16.0",
+  "version": "7.0.0-alpha.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -20,7 +20,7 @@
       "default": "./package.json"
     },
     ".": {
-      "types": "./skyux-indicators.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/skyux-indicators.mjs",
       "es2020": "./fesm2020/skyux-indicators.mjs",
       "es2015": "./fesm2015/skyux-indicators.mjs",
@@ -28,7 +28,7 @@
       "default": "./fesm2020/skyux-indicators.mjs"
     },
     "./testing": {
-      "types": "./testing/skyux-indicators-testing.d.ts",
+      "types": "./testing/index.d.ts",
       "esm2020": "./esm2020/testing/skyux-indicators-testing.mjs",
       "es2020": "./fesm2020/skyux-indicators-testing.mjs",
       "es2015": "./fesm2015/skyux-indicators-testing.mjs",
@@ -40,15 +40,15 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "^13.3.2",
-    "@angular/cdk": "^13.3.2",
-    "@angular/common": "^13.3.2",
-    "@angular/core": "^13.3.2",
-    "@angular/platform-browser": "^13.3.2",
-    "@skyux-sdk/testing": "6.16.0",
-    "@skyux/core": "6.16.0",
-    "@skyux/i18n": "6.16.0",
-    "@skyux/theme": "6.16.0"
+    "@angular/animations": "^14.2.0",
+    "@angular/cdk": "^14.2.0",
+    "@angular/common": "^14.2.0",
+    "@angular/core": "^14.2.0",
+    "@angular/platform-browser": "^14.2.0",
+    "@skyux-sdk/testing": "7.0.0-alpha.0",
+    "@skyux/core": "7.0.0-alpha.0",
+    "@skyux/i18n": "7.0.0-alpha.0",
+    "@skyux/theme": "7.0.0-alpha.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"
@@ -58,6 +58,6 @@
   "esm2020": "esm2020/skyux-indicators.mjs",
   "fesm2020": "fesm2020/skyux-indicators.mjs",
   "fesm2015": "fesm2015/skyux-indicators.mjs",
-  "typings": "skyux-indicators.d.ts",
+  "typings": "index.d.ts",
   "sideEffects": false
 }

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

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

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

@@ -4,6 +4,7 @@ import { SkyIndicatorIconType } from '@skyux/indicators';
 import { SkyAlertHarnessFilters } from './alert-harness-filters';
 /**
  * Harness for interacting with an alert component in tests.
+ * @internal
  */
 export declare class SkyAlertHarness extends SkyComponentHarness {
     #private;

package/testing/alert-fixture.d.ts

@@ -2,6 +2,7 @@ import { ComponentFixture } from '@angular/core/testing';
 /**
  * Allows interaction with a SKY UX alert component.
  * @deprecated Use `SkyAlertHarness` instead.
+ * @internal
  */
 export declare class SkyAlertFixture {
     /**

package/testing/label-fixture.d.ts

@@ -1,6 +1,7 @@
 import { ComponentFixture } from '@angular/core/testing';
 /**
  * Allows interaction with a SKY UX label component.
+ * @internal
  */
 export declare class SkyLabelFixture {
     /**

package/testing/tokens/token-harness-filters.d.ts

@@ -1,6 +1,7 @@
 import { BaseHarnessFilters } from '@angular/cdk/testing';
 /**
  * A set of criteria that can be used to filter a list of `SkyTokenHarness` instances.
+ * @internal
  */
 export interface SkyTokenHarnessFilters extends BaseHarnessFilters {
     /**

package/testing/tokens/token-harness.d.ts

@@ -2,6 +2,7 @@ import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
 import { SkyTokenHarnessFilters } from './token-harness-filters';
 /**
  * Harness for interacting with a token component in tests.
+ * @internal
  */
 export declare class SkyTokenHarness extends ComponentHarness {
     #private;

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

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

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

@@ -4,6 +4,7 @@ import { SkyTokenHarnessFilters } from './token-harness-filters';
 import { SkyTokensHarnessFilters } from './tokens-harness-filters';
 /**
  * Harness for interacting with a tokens component in tests.
+ * @internal
  */
 export declare class SkyTokensHarness extends SkyComponentHarness {
     static hostSelector: string;

package/testing/wait-fixture.d.ts

@@ -1,4 +1,7 @@
 import { ComponentFixture } from '@angular/core/testing';
+/**
+ * @internal
+ */
 export declare class SkyWaitFixture {
     get isWaiting(): boolean;
     get isFullPage(): boolean;

package/skyux-indicators.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@skyux/indicators" />
-export * from './index';

package/testing/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/skyux-indicators-testing.mjs",
-  "es2020": "../fesm2020/skyux-indicators-testing.mjs",
-  "esm2020": "../esm2020/testing/skyux-indicators-testing.mjs",
-  "fesm2020": "../fesm2020/skyux-indicators-testing.mjs",
-  "fesm2015": "../fesm2015/skyux-indicators-testing.mjs",
-  "typings": "skyux-indicators-testing.d.ts",
-  "sideEffects": false,
-  "name": "@skyux/indicators/testing"
-}