@skyux/tabs 8.0.0-alpha.6 → 8.0.0-alpha.7

package/index.d.ts

@@ -7,6 +7,8 @@ export * from './lib/modules/tabs/tabset-tab-indexes-change';
 export * from './lib/modules/tabs/tabs.module';
 export * from './lib/modules/vertical-tabset/vertical-tabset.module';
 export * from './lib/modules/sectioned-form/sectioned-form.component';
+export * from './lib/modules/sectioned-form/types/sectioned-form-message';
+export * from './lib/modules/sectioned-form/types/sectioned-form-message-type';
 export { SkyTabComponent as λ1 } from './lib/modules/tabs/tab.component';
 export { SkyTabsetComponent as λ2 } from './lib/modules/tabs/tabset.component';
 export { SkyTabsetNavButtonComponent as λ3 } from './lib/modules/tabs/tabset-nav-button.component';

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

@@ -1,6 +1,9 @@
 import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { SkyLogService } from '@skyux/core';
+import { Subject } from 'rxjs';
 import { SkyTabIdService } from '../shared/tab-id.service';
 import { SkyVerticalTabsetService } from './../vertical-tabset/vertical-tabset.service';
+import { SkySectionedFormMessage } from './types/sectioned-form-message';
 import * as i0 from "@angular/core";
 /**
  * Creates a container for the sectioned forms.
@@ -14,20 +17,32 @@ export declare class SkySectionedFormComponent implements OnInit, OnDestroy, Aft
      * @default false
      */
     maintainSectionContent: boolean | undefined;
+    set messageStream(value: Subject<SkySectionedFormMessage> | undefined);
+    get messageStream(): Subject<SkySectionedFormMessage>;
     /**
      * 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>;
+    /**
+     * Fires when the sectioned form tabs are shown or hidden.
+     */
+    tabsVisibleChanged: EventEmitter<boolean>;
     ariaOwns: string | undefined;
     ariaRole: string | undefined;
     content: ElementRef | undefined;
-    constructor(tabService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef, tabIdSvc: SkyTabIdService);
+    constructor(tabService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef, tabIdSvc: SkyTabIdService, logger: SkyLogService);
     ngOnInit(): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
+    /**
+     * @deprecated Use the `tabsVisibleChanged` output to listen for tab visibility changes.
+     */
     tabsVisible(): boolean;
+    /**
+     * @deprecated Use the `messageStream` input and push a `ShowTabs` message to the message stream instead.
+     */
     showTabs(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormComponent, "sky-sectioned-form", never, { "maintainSectionContent": "maintainSectionContent"; }, { "indexChanged": "indexChanged"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkySectionedFormComponent, "sky-sectioned-form", never, { "maintainSectionContent": "maintainSectionContent"; "messageStream": "messageStream"; }, { "indexChanged": "indexChanged"; "tabsVisibleChanged": "tabsVisibleChanged"; }, never, ["*"], false, never>;
 }

package/lib/modules/sectioned-form/types/sectioned-form-message-type.d.ts

@@ -0,0 +1,3 @@
+export declare enum SkySectionedFormMessageType {
+    ShowTabs = 1
+}

package/lib/modules/sectioned-form/types/sectioned-form-message.d.ts

@@ -0,0 +1,4 @@
+import { SkySectionedFormMessageType } from './sectioned-form-message-type';
+export interface SkySectionedFormMessage {
+    type: SkySectionedFormMessageType;
+}

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

@@ -2,7 +2,7 @@ import { SkyTabIndex } from './tab-index';
 /**
  * @internal
  */
-export declare type TabButtonViewModel = {
+export type TabButtonViewModel = {
     active: boolean;
     ariaControls: string;
     buttonHref: string | null;

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

@@ -4,7 +4,7 @@ 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';
+type SkyWizardStepState = 'completed' | 'current' | 'unavailable';
 /**
  * @internal
  */

package/lib/modules/tabs/tab-index.d.ts

@@ -1 +1 @@
-export declare type SkyTabIndex = string | number;
+export type SkyTabIndex = string | number;

package/lib/modules/tabs/tabset-buttons-display-mode.d.ts

@@ -1 +1 @@
-export declare type SkyTabsetButtonsDisplayMode = 'dropdown' | 'tabs';
+export type SkyTabsetButtonsDisplayMode = 'dropdown' | 'tabs';

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

@@ -1,4 +1,4 @@
 /**
  * The nav button type.
  */
-export declare type SkyTabsetNavButtonType = 'previous' | 'next' | 'finish';
+export type SkyTabsetNavButtonType = 'previous' | 'next' | 'finish';

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

@@ -16,8 +16,8 @@ export declare class SkyTabsetNavButtonComponent implements OnDestroy {
      * The type of nav button to include.
      * @required
      */
-    get buttonType(): SkyTabsetNavButtonType | string | undefined;
-    set buttonType(value: SkyTabsetNavButtonType | string | undefined);
+    get buttonType(): SkyTabsetNavButtonType | undefined;
+    set buttonType(value: SkyTabsetNavButtonType | undefined);
     /**
      * The label to display on the nav button. The following are the defaults for each `buttonType`:
      * `next` = "Next", `previous` = "Previous", `finish` = "Finish"

package/lib/modules/tabs/tabset-style.d.ts

@@ -1 +1 @@
-export declare type SkyTabsetStyle = 'tabs' | 'wizard';
+export type SkyTabsetStyle = 'tabs' | 'wizard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/tabs",
-  "version": "8.0.0-alpha.6",
+  "version": "8.0.0-alpha.7",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -40,22 +40,22 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "^15.1.4",
-    "@angular/common": "^15.1.4",
-    "@angular/core": "^15.1.4",
-    "@angular/platform-browser": "^15.1.4",
-    "@angular/router": "^15.1.4",
-    "@skyux-sdk/testing": "8.0.0-alpha.6",
-    "@skyux/animations": "8.0.0-alpha.6",
-    "@skyux/core": "8.0.0-alpha.6",
-    "@skyux/forms": "8.0.0-alpha.6",
-    "@skyux/i18n": "8.0.0-alpha.6",
-    "@skyux/indicators": "8.0.0-alpha.6",
-    "@skyux/popovers": "8.0.0-alpha.6",
-    "@skyux/theme": "8.0.0-alpha.6"
+    "@angular/animations": "^15.2.1",
+    "@angular/common": "^15.2.1",
+    "@angular/core": "^15.2.1",
+    "@angular/platform-browser": "^15.2.1",
+    "@angular/router": "^15.2.1",
+    "@skyux-sdk/testing": "8.0.0-alpha.7",
+    "@skyux/animations": "8.0.0-alpha.7",
+    "@skyux/core": "8.0.0-alpha.7",
+    "@skyux/forms": "8.0.0-alpha.7",
+    "@skyux/i18n": "8.0.0-alpha.7",
+    "@skyux/indicators": "8.0.0-alpha.7",
+    "@skyux/popovers": "8.0.0-alpha.7",
+    "@skyux/theme": "8.0.0-alpha.7"
   },
   "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.5.0"
   },
   "module": "fesm2015/skyux-tabs.mjs",
   "es2020": "fesm2020/skyux-tabs.mjs",