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

package/lib/modules/vertical-tabset/vertical-tab.component.d.ts

@@ -4,21 +4,18 @@ import { SkyVerticalTabsetAdapterService } from './vertical-tabset-adapter.servi
 import { SkyVerticalTabsetService } from './vertical-tabset.service';
 import * as i0 from "@angular/core";
 export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
-    private adapterService;
-    private changeRef;
-    private tabsetService;
-    private verticalTabMediaQueryService;
+    #private;
     /**
      * Indicates whether the tab is active when the tabset loads.
      */
-    active: boolean;
+    active: boolean | undefined;
     /**
      * Specifies the HTML element ID (without the leading `#`) of the element that contains
      * the content that the vertical tab displays, which corresponds to the `tabId`. This property
      * [supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure).
      * @deprecated Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.
      */
-    ariaControls: string;
+    ariaControls: string | undefined;
     /**
      * Specifies an ARIA role for the vertical tab
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
@@ -30,46 +27,41 @@ export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
      * In the next major version, this property will be automatically set to `tab`.
      */
     get ariaRole(): string;
-    set ariaRole(value: string);
+    set ariaRole(value: string | undefined);
     /**
      * Indicates whether to disable the tab.
      */
-    disabled: boolean;
+    disabled: boolean | undefined;
     /**
      * Indicates whether to indicate that the tab has an error.
      * @internal This is used for sectioned forms and is not currently a supported design for pure vertical tabs.
      */
-    errorIndicator: boolean;
+    errorIndicator: boolean | undefined;
     /**
      * Displays an item count alongside the tab header to indicate how many list items the tab contains.
      */
-    tabHeaderCount: number;
+    tabHeaderCount: number | undefined;
     /**
      * Specifies the tab header.
      * @required
      */
-    tabHeading: string;
+    tabHeading: string | undefined;
     /**
      * Indicates whether to display a chevron-right icon in the righthand side of the tab.
      * @internal
      */
-    get showTabRightArrow(): boolean;
-    set showTabRightArrow(value: boolean);
+    showTabRightArrow: boolean | undefined;
     /**
      * Specifies an ID for the tab.
      * @deprecated Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.
      */
-    tabId: string;
+    set tabId(value: string | undefined);
+    get tabId(): string;
     set contentRendered(value: boolean);
     get contentRendered(): boolean;
-    index: number;
+    index: number | undefined;
     isMobile: boolean;
-    tabContent: ElementRef;
-    private _ariaRole;
-    private _contentRendered;
-    private _mobileSubscription;
-    private _ngUnsubscribe;
-    private _showTabRightArrow;
+    tabContent: ElementRef | undefined;
     constructor(adapterService: SkyVerticalTabsetAdapterService, changeRef: ChangeDetectorRef, tabsetService: SkyVerticalTabsetService, verticalTabMediaQueryService: SkyVerticalTabMediaQueryService);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -78,7 +70,6 @@ export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
     onTabButtonKeyUp(event: KeyboardEvent): void;
     onWindowResize(): void;
     tabDeactivated(): void;
-    private updateBreakpointAndResponsiveClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": "active"; "ariaControls": "ariaControls"; "ariaRole": "ariaRole"; "disabled": "disabled"; "errorIndicator": "errorIndicator"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "showTabRightArrow": "showTabRightArrow"; "tabId": "tabId"; }, {}, never, ["*"], false>;
 }

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

@@ -2,8 +2,7 @@ import { ElementRef, RendererFactory2 } from '@angular/core';
 import { SkyMediaBreakpoints } from '@skyux/core';
 import * as i0 from "@angular/core";
 export declare class SkyVerticalTabsetAdapterService {
-    private rendererFactory;
-    private renderer;
+    #private;
     constructor(rendererFactory: RendererFactory2);
     getWidth(elementRef: ElementRef): number;
     scrollToContentTop(element: ElementRef): void;

package/lib/modules/vertical-tabset/vertical-tabset-group.component.d.ts

@@ -1,28 +1,24 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { SkyVerticalTabComponent } from './vertical-tab.component';
 import { SkyVerticalTabsetService } from './vertical-tabset.service';
 import * as i0 from "@angular/core";
 export declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestroy {
-    private tabService;
-    private changeRef;
+    #private;
     /**
      * Indicates whether to disable the ability to expand and collapse the group.
      * @default false
      */
-    disabled: boolean;
+    disabled: boolean | undefined;
     /**
      * Specifies the header for the collapsible group of tabs.
      */
-    groupHeading: string;
+    groupHeading: string | undefined;
     /**
      * Indicates whether the collapsible group is expanded.
      * @default false
      */
-    set open(value: boolean);
-    get open(): boolean;
-    private tabs;
-    private ngUnsubscribe;
-    private openBeforeTabsHidden;
-    private _open;
+    open: boolean | undefined;
+    tabs: QueryList<SkyVerticalTabComponent> | undefined;
     constructor(tabService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/modules/vertical-tabset/vertical-tabset.component.d.ts

@@ -4,27 +4,26 @@ import { SkyVerticalTabsetAdapterService } from './vertical-tabset-adapter.servi
 import { SkyVerticalTabsetService } from './vertical-tabset.service';
 import * as i0 from "@angular/core";
 export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChecked, OnDestroy {
+    #private;
     adapterService: SkyVerticalTabsetAdapterService;
     tabService: SkyVerticalTabsetService;
-    private resources;
-    private changeRef;
     /**
      * Specifies the text to display on the show tabs button on mobile devices.
      */
-    showTabsText: string;
+    showTabsText: string | 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;
     /**
      * Specifies an ARIA role for the vertical tabset
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
@@ -36,24 +35,22 @@ export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChec
      * In the next major version, this property will be automatically set to `tablist`.
      */
     get ariaRole(): string;
-    set ariaRole(value: string);
+    set ariaRole(value: string | undefined);
     /**
      * Indicates whether the vertical tabset loads tab content during initialization so that it
      * displays content without moving around elements in the content container.
      * @default false
      */
-    maintainTabContent: boolean;
+    maintainTabContent: boolean | undefined;
     /**
      * Fires when the active tab changes. Emits the index of the active tab. The
      * index is based on the tab's position when it loads.
      */
     activeChange: EventEmitter<number>;
-    tabGroups: ElementRef;
-    content: ElementRef;
-    private contentWrapper;
-    private isMobile;
-    private _ngUnsubscribe;
-    private _ariaRole;
+    tabGroups: ElementRef | undefined;
+    content: ElementRef | undefined;
+    contentWrapper: ElementRef | undefined;
+    isMobile: boolean;
     constructor(adapterService: SkyVerticalTabsetAdapterService, tabService: SkyVerticalTabsetService, resources: SkyLibResourcesService, changeRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewChecked(): void;

package/lib/modules/vertical-tabset/vertical-tabset.service.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { SkyMediaQueryService } from '@skyux/core';
-import { BehaviorSubject, Subject } from 'rxjs';
+import { BehaviorSubject, ReplaySubject, Subject } from 'rxjs';
 import { SkyVerticalTabComponent } from './vertical-tab.component';
 import * as i0 from "@angular/core";
 export declare const VISIBLE_STATE = "shown";
@@ -9,36 +9,29 @@ export declare const HIDDEN_STATE = "void";
  * @internal
  */
 export declare class SkyVerticalTabsetService {
-    private mediaQueryService;
-    activeIndex: number;
-    animationContentVisibleState: string;
-    animationTabsVisibleState: string;
-    set content(value: ElementRef);
+    #private;
+    activeIndex: number | undefined;
+    animationContentVisibleState: string | undefined;
+    animationTabsVisibleState: string | undefined;
+    content: ElementRef | undefined;
     hidingTabs: BehaviorSubject<boolean>;
-    indexChanged: BehaviorSubject<number>;
-    maintainTabContent: boolean;
+    indexChanged: ReplaySubject<number>;
+    maintainTabContent: boolean | undefined;
     showingTabs: BehaviorSubject<boolean>;
     switchingMobile: Subject<boolean>;
     tabs: Array<SkyVerticalTabComponent>;
     tabAdded: Subject<SkyVerticalTabComponent>;
-    tabClicked: BehaviorSubject<boolean>;
-    private _content;
-    private _contentAdded;
-    private _tabsVisible;
-    private _isMobile;
+    tabClicked: ReplaySubject<boolean>;
     constructor(mediaQueryService: SkyMediaQueryService);
     addTab(tab: SkyVerticalTabComponent): void;
     destroyTab(tab: SkyVerticalTabComponent): void;
     activateTab(tab: SkyVerticalTabComponent): void;
-    activeTab(): SkyVerticalTabComponent;
+    activeTab(): SkyVerticalTabComponent | undefined;
     isMobile(): boolean;
     updateContent(): void;
     tabsVisible(): boolean;
     contentVisible(): boolean;
     showTabs(): void;
-    private destroyContent;
-    private moveContent;
-    private updateTabClicked;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyVerticalTabsetService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/tabs",
-  "version": "7.0.0-beta.0",
+  "version": "7.0.0-beta.10",
   "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-beta.0",
-    "@skyux/animations": "7.0.0-beta.0",
-    "@skyux/core": "7.0.0-beta.0",
-    "@skyux/forms": "7.0.0-beta.0",
-    "@skyux/i18n": "7.0.0-beta.0",
-    "@skyux/indicators": "7.0.0-beta.0",
-    "@skyux/popovers": "7.0.0-beta.0",
-    "@skyux/theme": "7.0.0-beta.0"
+    "@skyux-sdk/testing": "7.0.0-beta.10",
+    "@skyux/animations": "7.0.0-beta.10",
+    "@skyux/core": "7.0.0-beta.10",
+    "@skyux/forms": "7.0.0-beta.10",
+    "@skyux/i18n": "7.0.0-beta.10",
+    "@skyux/indicators": "7.0.0-beta.10",
+    "@skyux/popovers": "7.0.0-beta.10",
+    "@skyux/theme": "7.0.0-beta.10"
   },
   "dependencies": {
     "tslib": "^2.3.1"

package/testing/tabs/tab-fixture-tab.d.ts

@@ -14,13 +14,13 @@ export interface SkyTabsetFixtureTab {
     /**
      * The permalink value specified for the tab.
      */
-    permalinkValue: string;
+    permalinkValue: string | undefined;
     /**
      * The count displayed in the tab header.
      */
-    tabHeaderCount: string;
+    tabHeaderCount: string | undefined;
     /**
      * The text displayed in the tab header.
      */
-    tabHeading: string;
+    tabHeading: string | undefined;
 }

package/testing/tabs/tabset-fixture.d.ts

@@ -5,20 +5,19 @@ import { SkyTabsetFixtureTab } from './tab-fixture-tab';
  * @internal
  */
 export declare class SkyTabsetFixture {
-    private fixture;
+    #private;
     /**
      * The tabset component's ARIA label.
      */
-    get ariaLabel(): string;
+    get ariaLabel(): string | undefined;
     /**
      * The tabset component's ARIA labelled by attribute.
      */
-    get ariaLabelledBy(): string;
+    get ariaLabelledBy(): string | undefined;
     /**
      * The index of the currently selected tab.
      */
     get activeTabIndex(): number;
-    private debugEl;
     constructor(fixture: ComponentFixture<any>, skyTestId: string);
     /**
      * Retrieves information about the tab at the specified index.
@@ -43,9 +42,4 @@ export declare class SkyTabsetFixture {
      * @param tabIndex The index of the tab.
      */
     clickTabClose(tabIndex: number): Promise<any>;
-    private clickButton;
-    private getTabsetEl;
-    private getTabLinkEls;
-    private getTabLinkEl;
-    private getTextContent;
 }