@skyux/indicators 7.0.0-beta.8 → 7.0.0

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

@@ -75,6 +75,11 @@ export declare class SkyTokensComponent implements OnDestroy {
      * This event emits an array of the tokens in the updated list.
      */
     tokensChange: EventEmitter<SkyToken<any>[]>;
+    /**
+     * Fires when all animations on the tokens are complete.
+     * @internal
+     */
+    tokensRendered: EventEmitter<void>;
     get activeIndex(): number;
     set activeIndex(value: number);
     trackTokenFn: TrackByFunction<SkyToken>;
@@ -82,9 +87,10 @@ export declare class SkyTokensComponent implements OnDestroy {
     constructor(changeDetector: ChangeDetectorRef);
     ngOnDestroy(): void;
     onTokenClick(token: SkyToken): void;
+    animationDone(): void;
     onTokenKeyDown(event: KeyboardEvent): void;
     selectToken(token: SkyToken): void;
     removeToken(token: SkyToken): void;
     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, ["*"], false>;
+    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"; "tokensRendered": "tokensRendered"; }, never, ["*"], false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/indicators",
-  "version": "7.0.0-beta.8",
+  "version": "7.0.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -40,15 +40,15 @@
     }
   },
   "peerDependencies": {
-    "@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-beta.8",
-    "@skyux/core": "7.0.0-beta.8",
-    "@skyux/i18n": "7.0.0-beta.8",
-    "@skyux/theme": "7.0.0-beta.8"
+    "@angular/animations": "^14.2.11",
+    "@angular/cdk": "^14.2.7",
+    "@angular/common": "^14.2.11",
+    "@angular/core": "^14.2.11",
+    "@angular/platform-browser": "^14.2.11",
+    "@skyux-sdk/testing": "7.0.0",
+    "@skyux/core": "7.0.0",
+    "@skyux/i18n": "7.0.0",
+    "@skyux/theme": "7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"