@skyux/tabs 15.0.0-alpha.0 → 15.0.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/tabs",
-  "version": "15.0.0-alpha.0",
+  "version": "15.0.0-alpha.2",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,19 +16,19 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/cdk": "^22.0.1",
-    "@angular/common": "^22.0.1",
-    "@angular/core": "^22.0.1",
-    "@angular/platform-browser": "^22.0.1",
-    "@angular/router": "^22.0.1",
-    "@skyux-sdk/testing": "15.0.0-alpha.0",
-    "@skyux/core": "15.0.0-alpha.0",
-    "@skyux/forms": "15.0.0-alpha.0",
-    "@skyux/i18n": "15.0.0-alpha.0",
-    "@skyux/icon": "15.0.0-alpha.0",
-    "@skyux/indicators": "15.0.0-alpha.0",
-    "@skyux/popovers": "15.0.0-alpha.0",
-    "@skyux/theme": "15.0.0-alpha.0"
+    "@angular/cdk": "^22.0.4",
+    "@angular/common": "^22.0.6",
+    "@angular/core": "^22.0.6",
+    "@angular/platform-browser": "^22.0.6",
+    "@angular/router": "^22.0.6",
+    "@skyux-sdk/testing": "15.0.0-alpha.2",
+    "@skyux/core": "15.0.0-alpha.2",
+    "@skyux/forms": "15.0.0-alpha.2",
+    "@skyux/i18n": "15.0.0-alpha.2",
+    "@skyux/icon": "15.0.0-alpha.2",
+    "@skyux/indicators": "15.0.0-alpha.2",
+    "@skyux/popovers": "15.0.0-alpha.2",
+    "@skyux/theme": "15.0.0-alpha.2"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/types/skyux-tabs-testing.d.ts

@@ -276,6 +276,13 @@ declare class SkySectionedFormHarness extends SkyComponentHarness {
      */
     getActiveSection(): Promise<SkySectionedFormSectionHarness | undefined>;
     getActiveSectionContent(): Promise<SkySectionedFormSectionContentHarness | undefined>;
+    /**
+     * Gets the tab width as a CSS `flex-basis` value (for example, `200px`),
+     * or `null` when no width is set. The width is only applied in the desktop
+     * layout, so this returns `null` in the mobile layout and when the tabs
+     * pane is not rendered at all.
+     */
+    getTabWidth(): Promise<string | null>;
     /**
      * Gets a specific section based on the filter criteria.
      * @param filters The filter criteria.

package/types/skyux-tabs.d.ts

@@ -1,51 +1,15 @@
 import * as i0 from '@angular/core';
-import { ElementRef, OnInit, OnDestroy, ChangeDetectorRef, QueryList, AfterViewChecked, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, PipeTransform } from '@angular/core';
-import * as i6 from '@skyux/core';
-import { SkyLogService } from '@skyux/core';
-import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
+import { OnInit, OnDestroy, ElementRef, QueryList, AfterViewChecked, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, PipeTransform } from '@angular/core';
+import { Subject, BehaviorSubject, ReplaySubject, Observable } from 'rxjs';
 import * as i4 from '@angular/common';
 import * as i4$1 from '@skyux/forms';
 import * as i9 from '@skyux/theme';
-import * as i1 from '@skyux/i18n';
-import { SkyLibResourcesService } from '@skyux/i18n';
 import * as i5 from '@skyux/icon';
+import * as i6 from '@skyux/core';
 import * as i7 from '@skyux/indicators';
+import * as i1 from '@skyux/i18n';
 import * as i8 from '@skyux/popovers';
 
-/**
- * Tracks the element IDs for all tabs within a tablist.
- * @internal
- */
-declare class SkyTabIdService {
-    #private;
-    get ids(): Observable<string[]>;
-    constructor();
-    /**
-     * Associates a tab's ID with its parent tablist.
-     * @param {string} id A unique ID for the tab's registration.
-     * @param {string} elementId The ID applied to the tab's element.
-     */
-    register(id: string, elementId: string): void;
-    /**
-     * Disassociates a tab's ID with its parent tablist.
-     * @param {string} id The ID used to register the tab.
-     */
-    unregister(id: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabIdService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabIdService>;
-}
-
-declare class SkyVerticalTabsetAdapterService {
-    #private;
-    scrollToContentTop(element: ElementRef): void;
-    focusButton(elRef: ElementRef<HTMLElement> | undefined): boolean;
-    focusFirstButton(tabGroups: ElementRef<HTMLElement> | undefined): void;
-    focusNextButton(tabGroups: ElementRef | undefined): void;
-    focusPreviousButton(tabGroups: ElementRef | undefined): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabsetAdapterService>;
-}
-
 interface SkyVerticalTabsetGroupMessage {
     messageType: 'focus';
 }
@@ -128,7 +92,7 @@ declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
     tabButton: ElementRef | undefined;
     tabContent: ElementRef | undefined;
     groupService: SkyVerticalTabsetGroupService | null;
-    constructor(adapterService: SkyVerticalTabsetAdapterService, changeRef: ChangeDetectorRef, tabsetService: SkyVerticalTabsetService, tabIdSvc?: SkyTabIdService);
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     activateTab(): void;
@@ -136,7 +100,7 @@ declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
     tabButtonActivate(event: Event): void;
     tabButtonArrowLeft(event: Event): void;
     tabDeactivated(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabComponent, [null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": { "alias": "active"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorIndicator": { "alias": "errorIndicator"; "required": false; }; "requiredIndicator": { "alias": "requiredIndicator"; "required": false; }; "tabHeaderCount": { "alias": "tabHeaderCount"; "required": false; }; "tabHeading": { "alias": "tabHeading"; "required": false; }; "showTabRightArrow": { "alias": "showTabRightArrow"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
@@ -162,7 +126,7 @@ declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestroy {
     groupHeadingButton: ElementRef | undefined;
     slideDirection: 'down' | 'up';
     protected groupId: string;
-    constructor(tabService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleMenuOpen(): void;
@@ -218,13 +182,19 @@ interface SkySectionedFormMessage {
  */
 declare class SkySectionedFormComponent implements OnInit, OnDestroy, AfterViewChecked {
     #private;
-    tabService: SkyVerticalTabsetService;
     /**
      * Whether the sectioned form loads section content during initialization so that it
      * displays content without moving around elements in the content container.
      * @default false
      */
     maintainSectionContent: boolean | undefined;
+    /**
+     * The width of the tabs pane as a CSS width value (such as `200px`, `15rem`,
+     * or `20%`). Set to `"auto"` to size based on tab label content. Maximum
+     * width is 30%.
+     * @default "30%"
+     */
+    readonly tabWidth: i0.InputSignalWithTransform<string, string | undefined>;
     set messageStream(value: Subject<SkySectionedFormMessage> | undefined);
     get messageStream(): Subject<SkySectionedFormMessage>;
     /**
@@ -240,7 +210,9 @@ declare class SkySectionedFormComponent implements OnInit, OnDestroy, AfterViewC
     ariaRole: string | undefined;
     content: ElementRef | undefined;
     protected animationEnabled: i0.WritableSignal<boolean>;
-    constructor(tabService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef, tabIdSvc: SkyTabIdService, logger: SkyLogService);
+    protected readonly isMobile: i0.WritableSignal<boolean>;
+    readonly tabService: SkyVerticalTabsetService;
+    constructor();
     ngOnInit(): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
@@ -252,31 +224,10 @@ declare class SkySectionedFormComponent implements OnInit, OnDestroy, AfterViewC
      * @deprecated Use the `messageStream` input and push a `ShowTabs` message to the message stream instead.
      */
     showTabs(): void;
+    protected readonly tabsFlexBasis: i0.Signal<string | undefined>;
+    protected readonly tabsMaxWidth: i0.Signal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormComponent, "sky-sectioned-form", never, { "maintainSectionContent": { "alias": "maintainSectionContent"; "required": false; }; "messageStream": { "alias": "messageStream"; "required": false; }; }, { "indexChanged": "indexChanged"; "tabsVisibleChanged": "tabsVisibleChanged"; }, never, ["*"], false, never>;
-}
-
-declare class SkySectionedFormService {
-    /**
-     * @internal
-     */
-    invalidChange: BehaviorSubject<boolean | undefined>;
-    /**
-     * @internal
-     */
-    requiredChange: BehaviorSubject<boolean | undefined>;
-    /**
-     * Sets the current section's invalid state based on the `isInvalid` parameter.
-     * This method is used within a `sky-sectioned-form-section` element.
-     */
-    invalidFieldChanged(isInvalid: boolean | undefined): void;
-    /**
-     * Sets the current section's required state based on the `isRequired` parameter.
-     * This method is used within a `sky-sectioned-form-section` element.
-     */
-    requiredFieldChanged(isRequired: boolean | undefined): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkySectionedFormService>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormComponent, "sky-sectioned-form", never, { "maintainSectionContent": { "alias": "maintainSectionContent"; "required": false; }; "tabWidth": { "alias": "tabWidth"; "required": false; "isSignal": true; }; "messageStream": { "alias": "messageStream"; "required": false; }; }, { "indexChanged": "indexChanged"; "tabsVisibleChanged": "tabsVisibleChanged"; }, never, ["*"], false, never>;
 }
 
 /**
@@ -303,18 +254,48 @@ declare class SkySectionedFormSectionComponent implements OnInit, OnDestroy {
     fieldRequired: boolean | undefined;
     fieldInvalid: boolean | undefined;
     tab: SkyVerticalTabComponent | undefined;
-    constructor(sectionedFormService: SkySectionedFormService, tabsetService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormSectionComponent, "sky-sectioned-form-section", never, { "heading": { "alias": "heading"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
+/**
+ * Tracks the element IDs for all tabs within a tablist.
+ * @internal
+ */
+declare class SkyTabIdService {
+    #private;
+    get ids(): Observable<string[]>;
+    constructor();
+    /**
+     * Associates a tab's ID with its parent tablist.
+     * @param {string} id A unique ID for the tab's registration.
+     * @param {string} elementId The ID applied to the tab's element.
+     */
+    register(id: string, elementId: string): void;
+    /**
+     * Disassociates a tab's ID with its parent tablist.
+     * @param {string} id The ID used to register the tab.
+     */
+    unregister(id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabIdService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabIdService>;
+}
+
+declare class SkyVerticalTabsetAdapterService {
+    #private;
+    scrollToContentTop(element: ElementRef): void;
+    focusButton(elRef: ElementRef<HTMLElement> | undefined): boolean;
+    focusFirstButton(tabGroups: ElementRef<HTMLElement> | undefined): void;
+    focusNextButton(tabGroups: ElementRef | undefined): void;
+    focusPreviousButton(tabGroups: ElementRef | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetAdapterService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabsetAdapterService>;
+}
+
 declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChecked, OnDestroy {
     #private;
-    adapterService: SkyVerticalTabsetAdapterService;
-    tabService: SkyVerticalTabsetService;
-    tabIdSvc: SkyTabIdService;
     /**
      * The text to display on the show tabs button on mobile devices.
      */
@@ -363,7 +344,9 @@ declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChecked, On
     ariaOwns: string | undefined;
     isMobile: boolean;
     protected tablistHasFocus: boolean;
-    constructor(adapterService: SkyVerticalTabsetAdapterService, tabService: SkyVerticalTabsetService, resources: SkyLibResourcesService, changeRef: ChangeDetectorRef, tabIdSvc: SkyTabIdService);
+    readonly adapterService: SkyVerticalTabsetAdapterService;
+    readonly tabService: SkyVerticalTabsetService;
+    readonly tabIdSvc: SkyTabIdService;
     ngOnInit(): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
@@ -397,112 +380,35 @@ declare class SkySectionedFormModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<SkySectionedFormModule>;
 }
 
-type SkyTabIndex = string | number;
-
-type SkyTabLayoutType = 'none' | 'blocks' | 'fit' | 'list';
-
-/**
- * @internal
- */
-declare class SkyTabButtonAdapterService {
-    focusButtonLink(buttonEl: ElementRef): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabButtonAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabButtonAdapterService>;
-}
-
-type SkyTabsetStyle = 'tabs' | 'wizard';
-
-/**
- * @internal
- */
-interface TabButtonViewModel {
-    active: boolean;
-    ariaControls: string;
-    buttonHref: string | null;
-    buttonId: string;
-    buttonText: string | undefined;
-    buttonTextCount: string | undefined;
-    closeable: boolean;
-    disabled: boolean | undefined;
-    tabIndex: SkyTabIndex | undefined;
-    tabNumber: number;
-    totalTabsCount: number;
-}
-
-interface SkyTabsetActiveTabChangeArgs {
-    tabIndex: SkyTabIndex | undefined;
-    initial?: boolean;
-}
-
-/**
- * The arguments for the tabset service's `activeTabUnregistered` event.
- * @internal
- */
-interface SkyTabsetActiveTabUnregisteredArgs {
-    /**
-     * The array index of the active tab, when it has been unregistered.
-     */
-    arrayIndex: number;
-}
-
-/**
- * @internal
- */
-declare class SkyTabsetService implements OnDestroy {
-    #private;
-    readonly activeTabUnregistered: Observable<SkyTabsetActiveTabUnregisteredArgs>;
-    readonly activeTabChange: Observable<SkyTabsetActiveTabChangeArgs>;
-    readonly focusedTabBtnIndex: Observable<SkyTabIndex>;
-    readonly activeTabLayout: Observable<SkyTabLayoutType>;
-    currentActiveTabIndex: SkyTabIndex | undefined;
-    currentFocusedTabBtnIndex: SkyTabIndex;
-    constructor();
-    ngOnDestroy(): void;
-    /**
-     * Sets the active tab by its unique `tabIndex` property.
-     */
-    setActiveTabIndex(value: SkyTabsetActiveTabChangeArgs, 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.
-     */
-    registerTab(tabIndex?: SkyTabIndex): SkyTabIndex;
-    updateTabIndex(currentTabIndex: SkyTabIndex, newTabIndex: SkyTabIndex): void;
-    updateActiveTabLayout(layout: SkyTabLayoutType): void;
-    /**
-     * Unregisters a tab component.
-     */
-    unregisterTab(tabIndex: SkyTabIndex): void;
-    /**
-     * Unregisters all tab components at once.
-     */
-    unregisterAll(): void;
+declare class SkySectionedFormService {
     /**
-     * Compares two tab indexes and returns `true` if they are equal.
+     * @internal
      */
-    tabIndexesEqual(tabIndex1: SkyTabIndex | undefined, tabIndex2: SkyTabIndex | undefined): boolean;
+    invalidChange: BehaviorSubject<boolean | undefined>;
     /**
-     * Verifies if a provided tab index is registered.
+     * @internal
      */
-    isValidTabIndex(tabIndex: SkyTabIndex): boolean;
+    requiredChange: BehaviorSubject<boolean | undefined>;
     /**
-     * Activates the first registered tab.
+     * Sets the current section's invalid state based on the `isInvalid` parameter.
+     * This method is used within a `sky-sectioned-form-section` element.
      */
-    activateFirstTab(): SkyTabIndex | undefined;
+    invalidFieldChanged(isInvalid: boolean | undefined): void;
     /**
-     * Activates the next registered tab, or the previous one based on a provided array index.
+     * Sets the current section's required state based on the `isRequired` parameter.
+     * This method is used within a `sky-sectioned-form-section` element.
      */
-    activateNearestTab(arrayIndex: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetService>;
+    requiredFieldChanged(isRequired: boolean | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkySectionedFormService>;
 }
 
+type SkyTabIndex = string | number;
+
+type SkyTabLayoutType = 'none' | 'blocks' | 'fit' | 'list';
+
+type SkyTabsetStyle = 'tabs' | 'wizard';
+
 type SkyWizardStepState = 'completed' | 'current' | 'unavailable';
 /**
  * @internal
@@ -526,7 +432,6 @@ declare class SkyTabButtonComponent implements AfterViewInit, OnDestroy {
     set tabStyle(style: SkyTabsetStyle | undefined);
     buttonClick: EventEmitter<void>;
     closeClick: EventEmitter<void>;
-    constructor(elementRef: ElementRef, adapterService: SkyTabButtonAdapterService, changeDetectorRef: ChangeDetectorRef, tabsetService: SkyTabsetService);
     closeBtnTabIndex: string;
     wizardStepState: SkyWizardStepState | undefined;
     ngAfterViewInit(): void;
@@ -540,39 +445,6 @@ declare class SkyTabButtonComponent implements AfterViewInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabButtonComponent, "sky-tab-button", never, { "active": { "alias": "active"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "buttonHref": { "alias": "buttonHref"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "buttonTextCount": { "alias": "buttonTextCount"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "tabNumber": { "alias": "tabNumber"; "required": false; }; "totalTabsCount": { "alias": "totalTabsCount"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; }, { "buttonClick": "buttonClick"; "closeClick": "closeClick"; }, never, never, false, never>;
 }
 
-/**
- * @internal
- */
-declare class SkyTabsetPermalinkService implements OnDestroy {
-    #private;
-    get popStateChange(): Observable<void>;
-    ngOnDestroy(): void;
-    init(): void;
-    /**
-     * Returns the value of a URL query param.
-     */
-    getParam(name: string): string;
-    /**
-     * Sets the value of a URL query param.
-     */
-    setParam(name: string, value: string | null, initial?: boolean): void;
-    /**
-     * Removes the provided query param from the URL.
-     */
-    clearParam(name: string): void;
-    /**
-     * Returns a relative URL that includes the provided query parameter. The value is intended to be
-     * used by an HTML anchor element.
-     */
-    getParamHref(name: string | undefined, value: string): string | null;
-    /**
-     * Converts the provided string into a value that can be safely used in a URL.
-     */
-    urlify(value: string | undefined): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetPermalinkService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetPermalinkService>;
-}
-
 declare class SkyTabComponent implements OnChanges, OnDestroy {
     #private;
     /**
@@ -645,7 +517,7 @@ declare class SkyTabComponent implements OnChanges, OnDestroy {
     showContent: boolean;
     tabButtonId: string;
     tabPanelId: string;
-    constructor(changeDetector: ChangeDetectorRef, permalinkService: SkyTabsetPermalinkService, tabsetService: SkyTabsetService);
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     init(): void;
@@ -659,18 +531,18 @@ declare class SkyTabComponent implements OnChanges, OnDestroy {
 /**
  * @internal
  */
-declare class SkyTabsetAdapterService implements OnDestroy {
-    #private;
-    get overflowChange(): Observable<boolean>;
-    constructor();
-    ngOnDestroy(): void;
-    registerTabset(tabsetRef: ElementRef): void;
-    /**
-     * Detects if the tab buttons are wider than the tabset container.
-     */
-    detectOverflow(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetAdapterService>;
+interface TabButtonViewModel {
+    active: boolean;
+    ariaControls: string;
+    buttonHref: string | null;
+    buttonId: string;
+    buttonText: string | undefined;
+    buttonTextCount: string | undefined;
+    closeable: boolean;
+    disabled: boolean | undefined;
+    tabIndex: SkyTabIndex | undefined;
+    tabNumber: number;
+    totalTabsCount: number;
 }
 
 type SkyTabsetButtonsDisplayMode = 'dropdown' | 'tabs';
@@ -753,7 +625,6 @@ declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
      */
     lastActiveTabIndex: SkyTabIndex | undefined;
     tabButtons: TabButtonViewModel[];
-    constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, adapterService: SkyTabsetAdapterService, permalinkService: SkyTabsetPermalinkService, tabsetService: SkyTabsetService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onWindowResize(): void;
@@ -809,7 +680,6 @@ declare class SkyTabsetNavButtonComponent implements OnDestroy {
     type: 'submit' | 'button';
     ariaControls: string | undefined;
     protected tabToSelect: SkyTabComponent | undefined;
-    constructor(logger: SkyLogService);
     ngOnDestroy(): void;
     buttonClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetNavButtonComponent, never>;