@skyux/tabs 7.0.0-alpha.0 → 7.0.0-beta.1

package/lib/modules/tabs/tab-button-adapter.service.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export declare class SkyTabButtonAdapterService {
+    focusButtonLink(buttonEl: ElementRef): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabButtonAdapterService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabButtonAdapterService>;
+}

package/lib/modules/tabs/tab-button-view-model.d.ts

@@ -0,0 +1,15 @@
+import { SkyTabIndex } from './tab-index';
+/**
+ * @internal
+ */
+export declare type TabButtonViewModel = {
+    active: boolean;
+    ariaControls: string;
+    buttonHref: string;
+    buttonId: string;
+    buttonText: string;
+    buttonTextCount: string;
+    closeable: boolean;
+    disabled: boolean;
+    tabIndex: SkyTabIndex;
+};

package/lib/modules/tabs/tab-button.component.d.ts

@@ -1,10 +1,14 @@
-import { EventEmitter } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { SkyTabButtonAdapterService } from './tab-button-adapter.service';
+import { SkyTabIndex } from './tab-index';
 import { SkyTabsetStyle } from './tabset-style';
+import { SkyTabsetService } from './tabset.service';
 import * as i0 from "@angular/core";
 /**
  * @internal
  */
-export declare class SkyTabButtonComponent {
+export declare class SkyTabButtonComponent implements AfterViewInit, OnDestroy {
+    #private;
     active: boolean;
     ariaControls: string;
     buttonHref: string;
@@ -13,12 +17,21 @@ export declare class SkyTabButtonComponent {
     buttonTextCount: string | undefined;
     closeable: boolean;
     disabled: boolean;
-    tabStyle: SkyTabsetStyle;
+    tabIndex: SkyTabIndex;
+    get tabStyle(): SkyTabsetStyle;
+    set tabStyle(style: SkyTabsetStyle | undefined);
     buttonClick: EventEmitter<void>;
     closeClick: EventEmitter<void>;
+    constructor(elementRef: ElementRef, adapterService: SkyTabButtonAdapterService, changeDetectorRef: ChangeDetectorRef, tabsetService: SkyTabsetService);
+    elementRole: string | undefined;
+    closeBtnTabIndex: string;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onButtonClick(event: any): void;
     onTabButtonKeyDown(event: KeyboardEvent): void;
     onCloseClick(event: any): void;
+    focusBtn(): void;
+    onFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabButtonComponent, "sky-tab-button", never, { "active": "active"; "ariaControls": "ariaControls"; "buttonHref": "buttonHref"; "buttonId": "buttonId"; "buttonText": "buttonText"; "buttonTextCount": "buttonTextCount"; "closeable": "closeable"; "disabled": "disabled"; "tabStyle": "tabStyle"; }, { "buttonClick": "buttonClick"; "closeClick": "closeClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabButtonComponent, "sky-tab-button", never, { "active": "active"; "ariaControls": "ariaControls"; "buttonHref": "buttonHref"; "buttonId": "buttonId"; "buttonText": "buttonText"; "buttonTextCount": "buttonTextCount"; "closeable": "closeable"; "disabled": "disabled"; "tabIndex": "tabIndex"; "tabStyle": "tabStyle"; }, { "buttonClick": "buttonClick"; "closeClick": "closeClick"; }, never, never, false>;
 }

package/lib/modules/tabs/tabset.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { TabButtonViewModel } from './tab-button-view-model';
 import { SkyTabIndex } from './tab-index';
 import { SkyTabComponent } from './tab.component';
 import { SkyTabsetAdapterService } from './tabset-adapter.service';
@@ -8,20 +9,6 @@ import { SkyTabsetStyle } from './tabset-style';
 import { SkyTabsetTabIndexesChange } from './tabset-tab-indexes-change';
 import { SkyTabsetService } from './tabset.service';
 import * as i0 from "@angular/core";
-/**
- * @internal
- */
-interface TabButtonViewModel {
-    active: boolean;
-    ariaControls: string;
-    buttonHref: string;
-    buttonId: string;
-    buttonText: string;
-    buttonTextCount: string;
-    closeable: boolean;
-    disabled: boolean;
-    tabIndex: SkyTabIndex;
-}
 export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
     #private;
     private changeDetector;
@@ -95,6 +82,7 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
      */
     lastActiveTabIndex: SkyTabIndex;
     tabButtons: TabButtonViewModel[];
+    elementRole: string | undefined;
     private ngUnsubscribe;
     private tabComponentsStateChangeUnsubscribe;
     private _active;
@@ -109,6 +97,10 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
     onTabButtonClick(tabButton: TabButtonViewModel): void;
     onNewTabClick(): void;
     onOpenTabClick(): void;
+    onRightKeyDown(): void;
+    onLeftKeyDown(): void;
+    onHomeKeyDown(): void;
+    onEndKeyDown(): void;
     /**
      * Sets the initial active tab index based on the following criteria.
      * 1. Does the URL include a query param that reflects this tabset's active tab?
@@ -146,4 +138,3 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetComponent, "sky-tabset", never, { "active": "active"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "permalinkId": "permalinkId"; "tabStyle": "tabStyle"; }, { "activeChange": "activeChange"; "newTab": "newTab"; "openTab": "openTab"; "tabIndexesChange": "tabIndexesChange"; }, ["tabs"], ["*"], false>;
 }
-export {};

package/lib/modules/tabs/tabset.service.d.ts

@@ -1,4 +1,5 @@
 import { Observable } from 'rxjs';
+import { TabButtonViewModel } from './tab-button-view-model';
 import { SkyTabIndex } from './tab-index';
 import { SkyTabsetActiveTabUnregisteredArgs } from './tabset-active-tab-unregistered-args';
 import * as i0 from "@angular/core";
@@ -8,8 +9,11 @@ import * as i0 from "@angular/core";
 export declare class SkyTabsetService {
     get activeTabUnregistered(): Observable<SkyTabsetActiveTabUnregisteredArgs>;
     get activeTabIndex(): Observable<SkyTabIndex>;
+    get focusedTabBtnIndex(): Observable<SkyTabIndex>;
     currentActiveTabIndex: SkyTabIndex;
+    currentFocusedTabBtnIndex: SkyTabIndex;
     private _activeTabIndex;
+    private _focusedTabBtnIndex;
     private _activeTabUnregistered;
     private tabs;
     private tabCounter;
@@ -19,6 +23,11 @@ export declare class SkyTabsetService {
     setActiveTabIndex(value: SkyTabIndex, config?: {
         emitChange: boolean;
     }): void;
+    focusNextTabBtn(tabButtons: TabButtonViewModel[]): void;
+    focusPrevTabBtn(tabButtons: TabButtonViewModel[]): void;
+    focusFirstOrNearestTabBtn(tabButtons: TabButtonViewModel[]): void;
+    focusLastOrNearestTabBtn(tabButtons: TabButtonViewModel[]): void;
+    setFocusedTabBtnIndex(tabIndex: SkyTabIndex): void;
     /**
      * Registers a tab component.
      */
@@ -49,6 +58,8 @@ export declare class SkyTabsetService {
      */
     activateNearestTab(arrayIndex: number): void;
     private isTabIndexActive;
+    private getNextTabArrayIndex;
+    private getPrevTabArrayIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetService>;
 }

package/package.json

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