@skyux/indicators 6.14.0 → 6.17.0

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

@@ -1,36 +1,49 @@
-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.
      * The valid options are `danger`, `info`, `success`, and `warning`.
      * @default "warning"
      */
-    set alertType(value: string);
-    get alertType(): string;
+    set alertType(value: string | undefined);
     /**
      * Indicates whether to include a close button for users to dismiss the alert.
      * @default false
      */
-    closeable: boolean;
+    closeable: boolean | undefined;
     /**
      * Indicates whether the alert is closed.
      * @default false
      */
-    closed: boolean;
+    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.
      */
     closedChange: EventEmitter<boolean>;
-    alertBaseIcon: SkyIconStackItem;
-    alertTopIcon: SkyIconStackItem;
+    alertBaseIcon: SkyIconStackItem | undefined;
+    alertTopIcon: SkyIconStackItem | undefined;
     alertTypeOrDefault: SkyIndicatorIconType;
-    private _alertType;
+    descriptionComputed: string | undefined;
+    constructor(resources: SkyLibResourcesService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     close(): void;
-    private updateAlertIcon;
     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, ["*"]>;
 }

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

@@ -10,17 +10,16 @@ export declare class SkyChevronComponent {
      * This sets the chevron's aria-controls attribute
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      */
-    ariaControls: string;
+    ariaControls: string | undefined;
     /**
      * Specifies an ARIA label for the chevron. This sets the chevron's aria-label attribute
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      */
-    ariaLabel: string;
+    ariaLabel: string | undefined;
     /**
      * Specifies whether the chevron points up or down.
      */
-    set direction(value: string);
-    get direction(): string;
+    set direction(value: string | undefined);
     /**
      * Indicates whether to disable the chevron button.
      */
@@ -30,7 +29,7 @@ export declare class SkyChevronComponent {
      */
     directionChange: EventEmitter<string>;
     ariaExpanded: boolean;
-    private _direction;
+    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>;

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

@@ -7,9 +7,8 @@ export declare class SkyExpansionIndicatorComponent {
     /**
      * Specifies whether the chevron points up or down.
      */
-    set direction(value: string);
-    get direction(): string;
-    private _direction;
+    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>;
 }

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

@@ -1,4 +1,7 @@
 import { SkyIconType } from './types/icon-type';
+/**
+ * @internal
+ */
 export interface SkyIconStackItem {
     /**
      * Specifies the name of

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

@@ -1,5 +1,8 @@
 import { SkyIconStackItem } from './icon-stack-item';
 import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
 export declare class SkyIconStackComponent {
     /**
      * Specifies the size of the icon using

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

@@ -4,8 +4,8 @@ import * as i0 from "@angular/core";
 export declare class SkyIconComponent {
     /**
      * Specifies the name of
-     * [the Font Awesome 4.7 icon](https://fontawesome.com/v4.7/icons/) to
-     * display. Do not specify the `fa fa-` classes.
+     * [the Font Awesome 4.7 icon](https://fontawesome.com/v4.7/icons/) or the SKY UX icon to
+     * display. When specifying a Font Awesome icon, do not prefix the name with `fa-`.
      * @required
      */
     icon: string | undefined;
@@ -18,16 +18,17 @@ export declare class SkyIconComponent {
     iconType: SkyIconType;
     /**
      * Specifies 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/how-to-use/on-the-web/styling/sizing-icons). Do not prefix the size with `fa-`.
      */
     size: string;
     /**
      * Indicates whether the icon has a fixed width.
+     * @default false
      */
     fixedWidth: boolean;
     /**
      * Specifies the icon variant (`"line"` or `"solid"`). If the variant doesn't exist for the
-     * specified icon, the normal icon is displayed.
+     * specified icon, the normal icon is displayed. This property only applies when using SKY UX icons.
      */
     variant: SkyIconVariantType;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconComponent, never>;

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

@@ -1,19 +1,34 @@
+import { ChangeDetectorRef, 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 { SkyLabelType } from './label-type';
 import * as i0 from "@angular/core";
-export declare class SkyLabelComponent {
+export declare class SkyLabelComponent implements OnDestroy, OnInit {
     #private;
     /**
      * The type of label to display.
-     * @required
+     * @default 'info'
      */
     set labelType(value: SkyLabelType | undefined);
-    get labelType(): SkyLabelType | undefined;
+    /**
+     * Specifies the predefined text to be read by screen readers for users who cannot see the indicator 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);
     baseIcon: SkyIconStackItem | undefined;
+    descriptionComputed: string | undefined;
     icon: string | undefined;
     labelTypeOrDefault: SkyLabelType;
     topIcon: SkyIconStackItem | undefined;
-    private updateIcon;
+    constructor(changeDetector: ChangeDetectorRef, resources: SkyLibResourcesService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyLabelComponent, "sky-label", never, { "labelType": "labelType"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyLabelComponent, "sky-label", never, { "labelType": "labelType"; "descriptionType": "descriptionType"; "customDescription": "customDescription"; }, {}, never, ["*"]>;
 }

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

@@ -1,9 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./label.component";
 import * as i2 from "@angular/common";
-import * as i3 from "../icon/icon.module";
+import * as i3 from "@skyux/i18n";
+import * as i4 from "../icon/icon.module";
+import * as i5 from "../shared/sky-indicators-resources.module";
 export declare class SkyLabelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyLabelModule, [typeof i1.SkyLabelComponent], [typeof i2.CommonModule, typeof i3.SkyIconModule], [typeof i1.SkyLabelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyLabelModule, [typeof i1.SkyLabelComponent], [typeof i2.CommonModule, typeof i3.SkyI18nModule, typeof i4.SkyIconModule, typeof i5.SkyIndicatorsResourcesModule], [typeof i1.SkyLabelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyLabelModule>;
 }

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

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

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

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { SkyLibResourcesService } from '@skyux/i18n';
 import { SkyIconStackItem } from '../icon/icon-stack-item';
 import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
@@ -10,15 +10,13 @@ import * as i0 from "@angular/core";
  * `sky-help-inline`, in the `sky-status-indicator` element and a `sky-control-help`
  * CSS class on that help button element.
  */
-export declare class SkyStatusIndicatorComponent {
-    private changeDetector;
-    private resources;
+export declare class SkyStatusIndicatorComponent implements OnInit {
+    #private;
     /**
      * Specifies a style for the status indicator to determine the icon.
      * @default "warning"
      */
     set indicatorType(value: SkyIndicatorIconType);
-    get indicatorType(): SkyIndicatorIconType;
     /**
      * Specifies the predefined text to be read by screen readers for users
      * who cannot see the indicator icon.
@@ -35,13 +33,10 @@ export declare class SkyStatusIndicatorComponent {
     descriptionComputed: string;
     baseIcon: SkyIconStackItem;
     icon: string;
+    indicatorTypeOrDefault: SkyIndicatorIconType;
     topIcon: SkyIconStackItem;
-    private _indicatorType;
-    private _descriptionType;
-    private _customDescription;
     constructor(changeDetector: ChangeDetectorRef, resources: SkyLibResourcesService);
-    private updateIcon;
-    private updateDescriptionComputed;
+    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"]>;
 }

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>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/indicators",
-  "version": "6.14.0",
+  "version": "6.17.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -45,10 +45,10 @@
     "@angular/common": "^13.3.2",
     "@angular/core": "^13.3.2",
     "@angular/platform-browser": "^13.3.2",
-    "@skyux-sdk/testing": "6.14.0",
-    "@skyux/core": "6.14.0",
-    "@skyux/i18n": "6.14.0",
-    "@skyux/theme": "6.14.0"
+    "@skyux-sdk/testing": "6.17.0",
+    "@skyux/core": "6.17.0",
+    "@skyux/i18n": "6.17.0",
+    "@skyux/theme": "6.17.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"

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;
@@ -16,7 +17,7 @@ export declare class SkyAlertHarness extends SkyComponentHarness {
     /**
      * Gets the current alert type.
      */
-    getAlertType(): Promise<SkyIndicatorIconType>;
+    getAlertType(): Promise<SkyIndicatorIconType | undefined>;
     /**
      * Gets the current alert text.
      */

package/testing/alert-fixture.d.ts

@@ -2,16 +2,17 @@ import { ComponentFixture } from '@angular/core/testing';
 /**
  * Allows interaction with a SKY UX alert component.
  * @deprecated Use `SkyAlertHarness` instead.
+ * @internal
  */
 export declare class SkyAlertFixture {
     /**
      * The alert's current text.
      */
-    get text(): string;
+    get text(): string | undefined;
     /**
      * A flag indicating whether the alert can be closed.
      */
-    get closeable(): boolean;
+    get closeable(): boolean | undefined;
     /**
      * Returns a flag indicating whether the alert is closed.
      */
@@ -19,9 +20,9 @@ export declare class SkyAlertFixture {
     /**
      * The alert's current type.
      */
-    get alertType(): string;
+    get alertType(): string | undefined;
     private debugEl;
-    constructor(fixture: ComponentFixture<any>, skyTestId: string);
+    constructor(fixture: ComponentFixture<unknown>, skyTestId: string);
     /**
      * Closes the alert.  If the alert is not closeable, an error is thrown.
      */

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/public-api.d.ts

@@ -6,3 +6,4 @@ export * from './alert-fixture';
 export * from './label-fixture';
 export * from './wait-fixture';
 export * from './alert/alert-harness';
+export * from './alert/alert-harness-filters';

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;