@skyux/tabs 8.3.1 → 8.4.0

package/lib/modules/tabs/tab-layout-type.d.ts

@@ -0,0 +1 @@
+export type SkyTabLayoutType = 'none' | 'blocks' | 'fit' | 'list' | 'tabs';

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { Observable } from 'rxjs';
 import { SkyTabIndex } from './tab-index';
+import { SkyTabLayoutType } from './tab-layout-type';
 import { SkyTabsetPermalinkService } from './tabset-permalink.service';
 import { SkyTabsetService } from './tabset.service';
 import * as i0 from "@angular/core";
@@ -51,6 +52,16 @@ export declare class SkyTabComponent implements OnChanges, OnDestroy {
      */
     set tabIndex(value: SkyTabIndex | undefined);
     get tabIndex(): SkyTabIndex | undefined;
+    /**
+     * The page layout that corresponds with the top-level component type
+     * used on the page. For laying out custom content, use `auto` to allow
+     * the page contents to expand beyond the bottom of the browser window
+     * or `fit` to constrain the page contents to the available viewport.
+     * @default "auto"
+     */
+    set layout(value: SkyTabLayoutType | undefined);
+    get layout(): SkyTabLayoutType;
+    cssClass: string;
     /**
      * 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.
@@ -74,5 +85,5 @@ export declare class SkyTabComponent implements OnChanges, OnDestroy {
     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, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabComponent, "sky-tab", never, { "active": "active"; "disabled": "disabled"; "permalinkValue": "permalinkValue"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "tabIndex": "tabIndex"; "layout": "layout"; }, { "close": "close"; }, never, ["*"], false, never>;
 }

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

@@ -71,6 +71,7 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
     get tabDisplayMode(): SkyTabsetButtonsDisplayMode;
     set tabs(value: QueryList<SkyTabComponent> | undefined);
     get tabs(): QueryList<SkyTabComponent> | undefined;
+    cssClass: string;
     dropdownTriggerButtonText: string;
     /**
      * This property is used by the deprecated tabset-nav-button component.

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

@@ -2,6 +2,7 @@ import { OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import { TabButtonViewModel } from './tab-button-view-model';
 import { SkyTabIndex } from './tab-index';
+import { SkyTabLayoutType } from './tab-layout-type';
 import { SkyTabsetActiveTabUnregisteredArgs } from './tabset-active-tab-unregistered-args';
 import * as i0 from "@angular/core";
 /**
@@ -12,6 +13,7 @@ export declare class SkyTabsetService implements OnDestroy {
     get activeTabUnregistered(): Observable<SkyTabsetActiveTabUnregisteredArgs>;
     get activeTabIndex(): Observable<SkyTabIndex>;
     get focusedTabBtnIndex(): Observable<SkyTabIndex>;
+    get activeTabLayout(): Observable<SkyTabLayoutType>;
     currentActiveTabIndex: SkyTabIndex | undefined;
     currentFocusedTabBtnIndex: SkyTabIndex;
     constructor();
@@ -32,6 +34,7 @@ export declare class SkyTabsetService implements OnDestroy {
      */
     registerTab(tabIndex?: SkyTabIndex): SkyTabIndex;
     updateTabIndex(currentTabIndex: SkyTabIndex, newTabIndex: SkyTabIndex): void;
+    updateActiveTabLayout(layout: SkyTabLayoutType): void;
     /**
      * Unregisters a tab component.
      */

package/package.json

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