@skyux/indicators 7.0.0-beta.0 → 7.0.0-beta.10

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

@@ -11,7 +11,7 @@ export declare class SkyAlertComponent implements OnInit, OnDestroy {
      * The valid options are `danger`, `info`, `success`, and `warning`.
      * @default "warning"
      */
-    set alertType(value: string | undefined);
+    set alertType(value: SkyIndicatorIconType | undefined);
     /**
      * Indicates whether to include a close button for users to dismiss the alert.
      * @default false

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

@@ -4,7 +4,7 @@ export declare class SkyHelpInlineComponent {
     /**
      * Fires when the user clicks the help inline button.
      */
-    actionClick: EventEmitter<any>;
+    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>;

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

@@ -6,7 +6,7 @@ export declare class SkyKeyInfoComponent {
      * value or in a horizontal layout with the label beside the value.
      * @default "vertical"
      */
-    layout: SkyKeyInfoLayoutType | string | undefined;
+    layout: SkyKeyInfoLayoutType | 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"], false>;
 }

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

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

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

@@ -1,5 +1,4 @@
 import { ElementRef, EventEmitter } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
 import * as i0 from "@angular/core";
 export declare class SkyTokenComponent {
     #private;
@@ -16,8 +15,7 @@ export declare class SkyTokenComponent {
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * @default "Remove item"
      */
-    set ariaLabel(value: string | undefined);
-    get ariaLabel(): string;
+    ariaLabel: string | undefined;
     /**
      * Indicates whether users can remove the token from the list by selecting the close button.
      * @default true
@@ -30,6 +28,11 @@ export declare class SkyTokenComponent {
      * @default true
      */
     set focusable(value: boolean | undefined);
+    /**
+     * Used by the tokens component to set the appropriate role for each token.
+     * @internal
+     */
+    role: string | undefined;
     /**
      * Fires when users click the close button.
      */
@@ -38,14 +41,18 @@ export declare class SkyTokenComponent {
      * Fires when users place focus on the token by navigating to it with the `Tab` key.
      */
     tokenFocus: EventEmitter<void>;
+    private actionButtonRef;
+    isFocused: boolean;
     tokenActive: boolean;
     closeActive: boolean;
     tabIndex: number;
-    constructor(elementRef: ElementRef, resourcesSvc: SkyLibResourcesService);
+    constructor(elementRef: ElementRef);
+    protected onFocusIn(): void;
+    protected onFocusOut(event: FocusEvent): void;
     dismissToken(event: Event): void;
     focusElement(): void;
     setTokenActive(tokenActive: boolean): void;
     setCloseActive(closeActive: boolean): void;
     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, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokenComponent, "sky-token", never, { "disabled": "disabled"; "ariaLabel": "ariaLabel"; "dismissible": "dismissible"; "focusable": "focusable"; "role": "role"; }, { "dismiss": "dismiss"; "tokenFocus": "tokenFocus"; }, never, ["*"], false>;
 }

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

@@ -69,12 +69,12 @@ export declare class SkyTokensComponent implements OnDestroy {
     /**
      * Fires when users select a token in the list. This event emits the selected token.
      */
-    tokenSelected: EventEmitter<SkyTokenSelectedEventArgs>;
+    tokenSelected: EventEmitter<SkyTokenSelectedEventArgs<any>>;
     /**
      * Fires when the tokens in the list change.
      * This event emits an array of the tokens in the updated list.
      */
-    tokensChange: EventEmitter<SkyToken[]>;
+    tokensChange: EventEmitter<SkyToken<any>[]>;
     get activeIndex(): number;
     set activeIndex(value: number);
     trackTokenFn: TrackByFunction<SkyToken>;

package/lib/modules/tokens/types/token-selected-event-args.d.ts

@@ -1,7 +1,7 @@
 import { SkyToken } from './token';
-export interface SkyTokenSelectedEventArgs {
+export interface SkyTokenSelectedEventArgs<T = any> {
     /**
      * Indicates the currently selected token.
      */
-    token?: SkyToken;
+    token?: SkyToken<T>;
 }

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

@@ -1,7 +1,7 @@
-export interface SkyToken {
+export interface SkyToken<T = any> {
     /**
      * Specifies the token's value. The `sky-tokens` component will use its `displayWith`
      * property to determine which of the value's properties to use as the token's label.
      */
-    value: any;
+    value: T;
 }

package/package.json

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

package/testing/alert-fixture.d.ts

@@ -5,6 +5,7 @@ import { ComponentFixture } from '@angular/core/testing';
  * @internal
  */
 export declare class SkyAlertFixture {
+    #private;
     /**
      * The alert's current text.
      */
@@ -21,12 +22,9 @@ export declare class SkyAlertFixture {
      * The alert's current type.
      */
     get alertType(): string | undefined;
-    private debugEl;
     constructor(fixture: ComponentFixture<unknown>, skyTestId: string);
     /**
      * Closes the alert.  If the alert is not closeable, an error is thrown.
      */
     close(): void;
-    private getAlertEl;
-    private getCloseBtnEl;
 }

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

@@ -2,7 +2,6 @@ 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;
@@ -15,6 +14,10 @@ export declare class SkyTokenHarness extends ComponentHarness {
      * `SkyTokenHarness` that meets certain criteria.
      */
     static with(filters: SkyTokenHarnessFilters): HarnessPredicate<SkyTokenHarness>;
+    /**
+     * Selects the token.
+     */
+    select(): Promise<void>;
     /**
      * Dismisses the token.
      */
@@ -23,8 +26,16 @@ export declare class SkyTokenHarness extends ComponentHarness {
      * Returns the text content of the token.
      */
     getText(): Promise<string>;
+    /**
+     * Whether the token is disabled.
+     */
+    isDisabled(): Promise<boolean>;
     /**
      * Whether the token is dismissible.
      */
     isDismissible(): Promise<boolean>;
+    /**
+     * Whether the token is focused.
+     */
+    isFocused(): Promise<boolean>;
 }

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

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