@skyux/tabs 6.14.0 → 6.17.0

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

@@ -0,0 +1,4 @@
+/**
+ * Specifies the nav button type. The valid options are `previous`, `next`, and `finish`.
+ */
+export declare type SkyTabsetNavButtonType = 'previous' | 'next' | 'finish';

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

@@ -1,27 +1,40 @@
-import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
+import { OnDestroy } from '@angular/core';
+import { SkyLogService } from '@skyux/core';
+import { SkyTabsetNavButtonType } from './tabset-nav-button-type';
 import { SkyTabsetComponent } from './tabset.component';
 import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export declare class SkyTabsetNavButtonComponent implements AfterViewInit {
-    private resourceService;
-    private changeDetector;
-    tabset: SkyTabsetComponent;
-    buttonType: string;
-    set buttonText(value: string);
-    get buttonText(): string;
+export declare class SkyTabsetNavButtonComponent implements OnDestroy {
+    #private;
+    /**
+     * Specifies the tabset wizard component to associate with the nav button.
+     * @required
+     */
+    set tabset(value: SkyTabsetComponent);
+    /**
+     * Specifies the type of nav button to include.
+     * @required
+     */
+    get buttonType(): SkyTabsetNavButtonType | string;
+    set buttonType(value: SkyTabsetNavButtonType | string);
+    /**
+     * Specifies the label to display on the nav button. The following are the defaults for each `buttonType`.
+     * `next` = "Next", `previous` = "Previous", `finish` = "Finish"
+     */
+    buttonText?: string | undefined;
+    /**
+     * Indicates whether to disable the nav button.
+     * 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;
-    private get selectedTab();
-    private get nextTab();
-    private get previousTab();
-    private _buttonText;
-    private previousButtonText;
-    private nextButtonText;
-    constructor(resourceService: SkyLibResourcesService, changeDetector: ChangeDetectorRef);
-    ngAfterViewInit(): void;
+    buttonClassName: string | undefined;
+    isVisible: boolean;
+    type: 'submit' | 'button';
+    ariaControls: string | undefined;
+    constructor(logger: SkyLogService);
+    ngOnDestroy(): void;
     buttonClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsetNavButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetNavButtonComponent, "sky-tabset-nav-button", never, { "tabset": "tabset"; "buttonType": "buttonType"; "buttonText": "buttonText"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabsetNavButtonComponent, "sky-tabset-nav-button", never, { "tabset": "tabset"; "buttonType": "buttonType"; "buttonText": "buttonText"; "disabled": "disabled"; }, {}, never, never>;
 }

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

@@ -23,6 +23,7 @@ interface TabButtonViewModel {
     tabIndex: SkyTabIndex;
 }
 export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
+    #private;
     private changeDetector;
     private elementRef;
     private adapterService;
@@ -84,6 +85,8 @@ 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>;
     dropdownTriggerButtonText: string;
     /**

package/package.json

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

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

@@ -1,5 +1,6 @@
 /**
  * Properties of a SKY UX tab.
+ * @internal
  */
 export interface SkyTabsetFixtureTab {
     /**

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

@@ -2,6 +2,7 @@ import { ComponentFixture } from '@angular/core/testing';
 import { SkyTabsetFixtureTab } from './tab-fixture-tab';
 /**
  * Allows interaction with a SKY UX tabset component.
+ * @internal
  */
 export declare class SkyTabsetFixture {
     private fixture;