@skyux/tabs 7.0.0-beta.1 → 7.0.0-beta.10

package/lib/modules/sectioned-form/sectioned-form-section.component.d.ts

@@ -7,30 +7,27 @@ import * as i0 from "@angular/core";
  * Creates an individual form to display as a section within the sectioned form.
  */
 export declare class SkySectionedFormSectionComponent implements OnInit, OnDestroy {
-    private sectionedFormService;
-    private tabsetService;
-    private changeRef;
+    #private;
     sectionTabId: string;
     sectionContentId: string;
     /**
      * Specifies the section header.
      * @required
      */
-    heading: string;
+    heading: string | undefined;
     /**
      * Indicates the number of items within the section and displays a
      * counter alongside the section header.
      */
-    itemCount: number;
+    itemCount: number | undefined;
     /**
      * Indicates whether the section is active when the form loads.
      * @default false
      */
-    active: boolean;
-    fieldRequired: boolean;
-    fieldInvalid: boolean;
-    tab: SkyVerticalTabComponent;
-    private _ngUnsubscribe;
+    active: boolean | undefined;
+    fieldRequired: boolean | undefined;
+    fieldInvalid: boolean | undefined;
+    tab: SkyVerticalTabComponent | undefined;
     constructor(sectionedFormService: SkySectionedFormService, tabsetService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/modules/sectioned-form/sectioned-form.component.d.ts

@@ -5,23 +5,21 @@ import * as i0 from "@angular/core";
  * Creates a container for the sectioned forms.
  */
 export declare class SkySectionedFormComponent implements OnInit, OnDestroy, AfterViewChecked {
+    #private;
     tabService: SkyVerticalTabsetService;
-    private changeRef;
     /**
      * Indicates 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;
+    maintainSectionContent: boolean | undefined;
     /**
      * Fires when the active tab changes and emits the index of the active
      * section. The index is based on the section's position when the form loads.
      */
     indexChanged: EventEmitter<number>;
-    get ariaRole(): string;
-    content: ElementRef;
-    private isMobile;
-    private _ngUnsubscribe;
+    ariaRole: string | undefined;
+    content: ElementRef | undefined;
     constructor(tabService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewChecked(): void;

package/lib/modules/sectioned-form/sectioned-form.service.d.ts

@@ -4,21 +4,21 @@ export declare class SkySectionedFormService {
     /**
      * @internal
      */
-    invalidChange: BehaviorSubject<boolean>;
+    invalidChange: BehaviorSubject<boolean | undefined>;
     /**
      * @internal
      */
-    requiredChange: BehaviorSubject<boolean>;
+    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): void;
+    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): void;
+    requiredFieldChanged(isRequired: boolean | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkySectionedFormService>;
 }

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

@@ -5,11 +5,13 @@ import { SkyTabIndex } from './tab-index';
 export declare type TabButtonViewModel = {
     active: boolean;
     ariaControls: string;
-    buttonHref: string;
+    buttonHref: string | null;
     buttonId: string;
-    buttonText: string;
-    buttonTextCount: string;
+    buttonText: string | undefined;
+    buttonTextCount: string | undefined;
     closeable: boolean;
-    disabled: boolean;
-    tabIndex: SkyTabIndex;
+    disabled: boolean | undefined;
+    tabIndex: SkyTabIndex | undefined;
+    tabNumber: number;
+    totalTabsCount: number;
 };

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

@@ -4,27 +4,32 @@ import { SkyTabIndex } from './tab-index';
 import { SkyTabsetStyle } from './tabset-style';
 import { SkyTabsetService } from './tabset.service';
 import * as i0 from "@angular/core";
+declare type SkyWizardStepState = 'completed' | 'current' | 'unavailable';
 /**
  * @internal
  */
 export declare class SkyTabButtonComponent implements AfterViewInit, OnDestroy {
     #private;
-    active: boolean;
-    ariaControls: string;
-    buttonHref: string;
-    buttonId: string;
-    buttonText: string;
+    get active(): boolean | undefined;
+    set active(value: boolean | undefined);
+    ariaControls: string | undefined;
+    buttonHref: string | undefined;
+    buttonId: string | undefined;
+    buttonText: string | undefined;
     buttonTextCount: string | undefined;
-    closeable: boolean;
-    disabled: boolean;
-    tabIndex: SkyTabIndex;
-    get tabStyle(): SkyTabsetStyle;
+    closeable: boolean | undefined;
+    get disabled(): boolean;
+    set disabled(value: boolean | undefined);
+    tabIndex: SkyTabIndex | undefined;
+    tabNumber: number | undefined;
+    totalTabsCount: number | undefined;
+    get tabStyle(): SkyTabsetStyle | undefined;
     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;
+    wizardStepState: SkyWizardStepState | undefined;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onButtonClick(event: any): void;
@@ -33,5 +38,6 @@ export declare class SkyTabButtonComponent implements AfterViewInit, OnDestroy {
     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"; "tabIndex": "tabIndex"; "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"; "tabNumber": "tabNumber"; "totalTabsCount": "totalTabsCount"; "tabStyle": "tabStyle"; }, { "buttonClick": "buttonClick"; "closeClick": "closeClick"; }, never, never, false>;
 }
+export {};

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

@@ -5,22 +5,20 @@ import { SkyTabsetPermalinkService } from './tabset-permalink.service';
 import { SkyTabsetService } from './tabset.service';
 import * as i0 from "@angular/core";
 export declare class SkyTabComponent implements OnChanges, OnDestroy {
-    private changeDetector;
-    private permalinkService;
-    private tabsetService;
+    #private;
     /**
      * Indicates whether the tab is active when the tabset loads. After initialization, the `active`
      * property on the tabset component should be used to set the active tab.
      * @default false
      */
-    set active(value: boolean);
+    set active(value: boolean | undefined);
     get active(): boolean;
     get activeChange(): Observable<void>;
     /**
      * Indicates whether to disable the tab.
      * @default false
      */
-    disabled: boolean;
+    disabled: boolean | undefined;
     /**
      * Specifies a custom query parameter value for the tab.
      * This works in conjunction with the tabset's `permalinkId` to distinguish
@@ -29,11 +27,12 @@ export declare class SkyTabComponent implements OnChanges, OnDestroy {
      * By default, the query parameter's value is parsed automatically from the tab's heading text.
      * This input only applies when the tabset's `tabStyle` is `"tabs"`.
      */
-    set permalinkValue(value: string);
-    get permalinkValue(): string;
+    set permalinkValue(value: string | undefined);
+    get permalinkValue(): string | undefined;
     /**
      * Displays a counter beside the tab header.
      * This input only applies when the tabset's `tabStyle` is `"tabs"`.
+     * @deprecated SKY UX no longer recommends adding counts to tabs.
      */
     tabHeaderCount: string | undefined;
     /**
@@ -44,40 +43,36 @@ export declare class SkyTabComponent implements OnChanges, OnDestroy {
      * to reflect the tab header in the page title.
      * @required
      */
-    tabHeading: string;
+    set tabHeading(value: string | undefined);
+    get tabHeading(): string | undefined;
     /**
      * Specifies a unique identifier for the tab.
      * If not defined, the identifier is set to the position of the tab on load, starting with `0`.
      */
-    set tabIndex(value: SkyTabIndex);
-    get tabIndex(): SkyTabIndex;
+    set tabIndex(value: SkyTabIndex | undefined);
+    get tabIndex(): SkyTabIndex | undefined;
     /**
      * Fires when users click the button to close the tab.
      * The close button is added to the tab when you specify a listener for this event.
      * This event only applies when the tabset's `tabStyle` is `"tabs"`.
      */
     close: EventEmitter<void>;
-    get closeable(): boolean;
     /**
      * Alerts the tabset component when this component has changes that need to be reflected in the UI.
      */
     get stateChange(): Observable<void>;
-    get tabIndexChange(): Observable<SkyTabIndex>;
+    get tabIndexChange(): Observable<SkyTabIndex | undefined>;
+    permalinkValueOrDefault: string;
     showContent: boolean;
     tabButtonId: string;
     tabPanelId: string;
-    private _active;
-    private _activeChange;
-    private _permalinkValue;
-    private _stateChange;
-    private _tabIndex;
-    private _tabIndexChange;
     constructor(changeDetector: ChangeDetectorRef, permalinkService: SkyTabsetPermalinkService, tabsetService: SkyTabsetService);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     init(): void;
     activate(): void;
     deactivate(): void;
+    isCloseable(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabComponent, "sky-tab", never, { "active": "active"; "disabled": "disabled"; "permalinkValue": "permalinkValue"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "tabIndex": "tabIndex"; }, { "close": "close"; }, never, ["*"], false>;
 }

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

@@ -3,15 +3,16 @@ import * as i1 from "./tab-button.component";
 import * as i2 from "./tab.component";
 import * as i3 from "./tabset.component";
 import * as i4 from "./tabset-nav-button.component";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/router";
-import * as i7 from "@skyux/popovers";
-import * as i8 from "@skyux/i18n";
-import * as i9 from "@skyux/indicators";
-import * as i10 from "../shared/sky-tabs-resources.module";
-import * as i11 from "@skyux/theme";
+import * as i5 from "./tabset-nav-button-disabled.pipe";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/router";
+import * as i8 from "@skyux/popovers";
+import * as i9 from "@skyux/i18n";
+import * as i10 from "@skyux/indicators";
+import * as i11 from "../shared/sky-tabs-resources.module";
+import * as i12 from "@skyux/theme";
 export declare class SkyTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTabsModule, [typeof i1.SkyTabButtonComponent, typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent], [typeof i5.CommonModule, typeof i6.RouterModule, typeof i7.SkyDropdownModule, typeof i8.SkyI18nModule, typeof i9.SkyIconModule, typeof i10.SkyTabsResourcesModule, typeof i11.SkyThemeModule], [typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTabsModule, [typeof i1.SkyTabButtonComponent, typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent, typeof i5.SkyTabsetNavButtonDisabledPipe], [typeof i6.CommonModule, typeof i7.RouterModule, typeof i8.SkyDropdownModule, typeof i9.SkyI18nModule, typeof i10.SkyIconModule, typeof i11.SkyTabsResourcesModule, typeof i12.SkyThemeModule], [typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyTabsModule>;
 }

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

@@ -1,24 +1,19 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * @internal
  */
-export declare class SkyTabsetAdapterService {
+export declare class SkyTabsetAdapterService implements OnDestroy {
+    #private;
     get overflowChange(): Observable<boolean>;
-    private currentOverflow;
-    private tabsetRef;
-    private tabsOffsetLeft;
-    private _overflowChange;
+    constructor();
+    ngOnDestroy(): void;
     registerTabset(tabsetRef: ElementRef): void;
     /**
      * Detects if the tab buttons are wider than the tabset container.
      */
     detectOverflow(): void;
-    /**
-     * Returns the number of pixels to the left of the first tab.
-     */
-    private getTabsOffsetLeft;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetAdapterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetAdapterService>;
 }

package/lib/modules/tabs/tabset-nav-button-disabled.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { SkyTabsetNavButtonType } from './tabset-nav-button-type';
+import * as i0 from "@angular/core";
+export declare class SkyTabsetNavButtonDisabledPipe implements PipeTransform {
+    transform(disabled: boolean | undefined, buttonType?: SkyTabsetNavButtonType | string, tabToSelectExists?: boolean, tabToSelectIsDisabled?: boolean): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetNavButtonDisabledPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyTabsetNavButtonDisabledPipe, "skyTabsetNavButtonDisabled", false>;
+}

package/lib/modules/tabs/tabset-nav-button.component.d.ts

@@ -1,5 +1,6 @@
 import { OnDestroy } from '@angular/core';
 import { SkyLogService } from '@skyux/core';
+import { SkyTabComponent } from './tab.component';
 import { SkyTabsetNavButtonType } from './tabset-nav-button-type';
 import { SkyTabsetComponent } from './tabset.component';
 import * as i0 from "@angular/core";
@@ -9,13 +10,14 @@ export declare class SkyTabsetNavButtonComponent implements OnDestroy {
      * Specifies the tabset wizard component to associate with the nav button.
      * @required
      */
-    set tabset(value: SkyTabsetComponent);
+    get tabset(): SkyTabsetComponent | undefined;
+    set tabset(value: SkyTabsetComponent | undefined);
     /**
      * Specifies the type of nav button to include.
      * @required
      */
-    get buttonType(): SkyTabsetNavButtonType | string;
-    set buttonType(value: SkyTabsetNavButtonType | string);
+    get buttonType(): SkyTabsetNavButtonType | string | undefined;
+    set buttonType(value: SkyTabsetNavButtonType | string | undefined);
     /**
      * Specifies the label to display on the nav button. The following are the defaults for each `buttonType`.
      * `next` = "Next", `previous` = "Previous", `finish` = "Finish"
@@ -26,12 +28,13 @@ export declare class SkyTabsetNavButtonComponent implements OnDestroy {
      * Defaults to the disabled state of the next tab for `next`, the existence of a previous tab for `previous`,
      * and false for `finish`.
      */
-    set disabled(value: boolean);
-    get disabled(): boolean;
+    set disabled(value: boolean | undefined);
+    get disabled(): boolean | undefined;
     buttonClassName: string | undefined;
     isVisible: boolean;
     type: 'submit' | 'button';
     ariaControls: string | undefined;
+    protected tabToSelect: SkyTabComponent | undefined;
     constructor(logger: SkyLogService);
     ngOnDestroy(): void;
     buttonClick(): void;

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

@@ -7,12 +7,8 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyTabsetPermalinkService implements OnDestroy {
-    private activatedRoute;
-    private location;
-    private router;
+    #private;
     get popStateChange(): Observable<void>;
-    private _popStateChange;
-    private subscription;
     constructor(activatedRoute: ActivatedRoute, location: Location, router: Router);
     ngOnDestroy(): void;
     init(): void;
@@ -32,15 +28,11 @@ export declare class SkyTabsetPermalinkService implements OnDestroy {
      * Returns a relative URL that includes the provided query parameter. The value is inteded to be
      * used by an HTML anchor element.
      */
-    getParamHref(name: string, value: string): string | null;
+    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): string;
-    /**
-     * Returns all query params that exist in the current URL.
-     */
-    private getParams;
+    urlify(value: string | undefined): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetPermalinkService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetPermalinkService>;
 }

package/lib/modules/tabs/tabset-tab-indexes-change.d.ts

@@ -1,7 +1,7 @@
 import { SkyTabIndex } from './tab-index';
 export interface SkyTabsetTabIndexesChange {
     tabs?: {
-        tabHeading: string;
-        tabIndex: SkyTabIndex;
+        tabHeading?: string;
+        tabIndex?: SkyTabIndex;
     }[];
 }

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

@@ -11,29 +11,24 @@ import { SkyTabsetService } from './tabset.service';
 import * as i0 from "@angular/core";
 export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
     #private;
-    private changeDetector;
-    private elementRef;
-    private adapterService;
-    private permalinkService;
-    private tabsetService;
     /**
      * Activates a tab by its `tabIndex` property.
      */
-    set active(value: SkyTabIndex);
-    get active(): SkyTabIndex;
+    set active(value: SkyTabIndex | undefined);
+    get active(): SkyTabIndex | undefined;
     /**
      * Specifies an ARIA label for the tabset. This sets the tabset's `aria-label` attribute
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * If the tabset includes a visible label, use `ariaLabelledBy` instead.
      */
-    ariaLabel: string;
+    ariaLabel: string | undefined;
     /**
      * Specifies the HTML element ID (without the leading `#`) of the element that labels
      * the tabset. This sets the tabset's `aria-labelledby` attribute
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * If the tabset does not include a visible label, use `ariaLabel` instead.
      */
-    ariaLabelledBy: string;
+    ariaLabelledBy: string | undefined;
     /**
      * Distinguishes a tabset's unique state in the URL by generating a query parameter
      * that is written as `?<queryParam>-active-tab=<sanitized-tab-heading>`.
@@ -41,13 +36,13 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
      * but you can supply a custom query parameter value for each tab with its `permalinkValue`.
      * This input only applies when `tabStyle` is `"tabs"`
      */
-    set permalinkId(value: string);
+    set permalinkId(value: string | undefined);
     get permalinkId(): string;
     /**
      * Specifies the behavior for a series of tabs.
      * @default "tabs"
      */
-    set tabStyle(value: SkyTabsetStyle);
+    set tabStyle(value: SkyTabsetStyle | undefined);
     get tabStyle(): SkyTabsetStyle;
     /**
      * Fires when the active tab changes. This event emits the index of the active tab.
@@ -72,23 +67,15 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
     tabIndexesChange: EventEmitter<SkyTabsetTabIndexesChange>;
     set tabDisplayMode(value: SkyTabsetButtonsDisplayMode);
     get tabDisplayMode(): SkyTabsetButtonsDisplayMode;
-    get hasFinishButton(): boolean;
-    set hasFinishButton(value: boolean);
-    tabs: QueryList<SkyTabComponent>;
+    set tabs(value: QueryList<SkyTabComponent> | undefined);
+    get tabs(): QueryList<SkyTabComponent> | undefined;
     dropdownTriggerButtonText: string;
     /**
      * This property is used by the deprecated tabset-nav-button component.
      * @internal
      */
-    lastActiveTabIndex: SkyTabIndex;
+    lastActiveTabIndex: SkyTabIndex | undefined;
     tabButtons: TabButtonViewModel[];
-    elementRole: string | undefined;
-    private ngUnsubscribe;
-    private tabComponentsStateChangeUnsubscribe;
-    private _active;
-    private _permalinkId;
-    private _tabDisplayMode;
-    private _tabStyle;
     constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, adapterService: SkyTabsetAdapterService, permalinkService: SkyTabsetPermalinkService, tabsetService: SkyTabsetService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -101,40 +88,6 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
     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?
-     * 2. Does one of the tab components have their `active` property set to `true`?
-     * 3. Is the tabset component's `active` property set to a specific tab index?
-     */
-    private getInitialTabIndex;
-    private listenActiveIndexChange;
-    private listenTabComponentsStructuralChange;
-    private listenTabComponentsStateChange;
-    private initTabComponents;
-    private resetTabComponents;
-    private emitTabIndexChange;
-    private unsubscribeTabComponentsStateChange;
-    private listenTabButtonsOverflowChange;
-    /**
-     * Listen for back/forward history button presses to detect query param changes in the URL.
-     */
-    private listenLocationPopStateChange;
-    private setActiveTabIndexByPermalinkId;
-    private getActiveTabIndexByPermalinkId;
-    private getActiveTabComponent;
-    private createTabButtons;
-    private updateTabButtons;
-    /**
-     * Updates the UI and state of the tabset component after the tab index or
-     * tab components have changed.
-     * @param activeIndex The currently active tab index.
-     * @param regenerateTabButtons Indicates if tab button view models should be regenerated.
-     * Setting this value to `false` will simply update the existing tab buttons. Setting this value
-     * to `true` is only necessary when the underlying tab components have changed and the tab
-     * buttons must reflect those changes.
-     */
-    private updateTabsetComponent;
     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>;
 }

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

@@ -1,3 +1,4 @@
+import { OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import { TabButtonViewModel } from './tab-button-view-model';
 import { SkyTabIndex } from './tab-index';
@@ -6,21 +7,19 @@ import * as i0 from "@angular/core";
 /**
  * @internal
  */
-export declare class SkyTabsetService {
+export declare class SkyTabsetService implements OnDestroy {
+    #private;
     get activeTabUnregistered(): Observable<SkyTabsetActiveTabUnregisteredArgs>;
     get activeTabIndex(): Observable<SkyTabIndex>;
     get focusedTabBtnIndex(): Observable<SkyTabIndex>;
-    currentActiveTabIndex: SkyTabIndex;
+    currentActiveTabIndex: SkyTabIndex | undefined;
     currentFocusedTabBtnIndex: SkyTabIndex;
-    private _activeTabIndex;
-    private _focusedTabBtnIndex;
-    private _activeTabUnregistered;
-    private tabs;
-    private tabCounter;
+    constructor();
+    ngOnDestroy(): void;
     /**
      * Sets the active tab by its unique `tabIndex` property.
      */
-    setActiveTabIndex(value: SkyTabIndex, config?: {
+    setActiveTabIndex(value: SkyTabIndex | undefined, config?: {
         emitChange: boolean;
     }): void;
     focusNextTabBtn(tabButtons: TabButtonViewModel[]): void;
@@ -44,7 +43,7 @@ export declare class SkyTabsetService {
     /**
      * Compares two tab indexes and returns `true` if they are equal.
      */
-    tabIndexesEqual(tabIndex1: SkyTabIndex, tabIndex2: SkyTabIndex): boolean;
+    tabIndexesEqual(tabIndex1: SkyTabIndex | undefined, tabIndex2: SkyTabIndex | undefined): boolean;
     /**
      * Verifies if a provided tab index is registered.
      */
@@ -57,9 +56,6 @@ export declare class SkyTabsetService {
      * Activates the next registered tab, or the previous one based on a provided array index.
      */
     activateNearestTab(arrayIndex: number): void;
-    private isTabIndexActive;
-    private getNextTabArrayIndex;
-    private getPrevTabArrayIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyTabsetService>;
 }

package/lib/modules/vertical-tabset/vertical-tab-media-query.service.d.ts

@@ -5,9 +5,8 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyVerticalTabMediaQueryService {
-    get current(): SkyMediaBreakpoints;
-    private currentSubject;
-    private _current;
+    #private;
+    current: SkyMediaBreakpoints | undefined;
     constructor();
     subscribe(listener: SkyMediaQueryListener): Subscription;
     setBreakpointForWidth(width: number): void;