@skyux/tabs 15.0.0-beta.0 → 15.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/tabs",
-  "version": "15.0.0-beta.0",
+  "version": "15.0.0-beta.2",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -21,13 +21,13 @@
     "@angular/core": "^22.1.2",
     "@angular/platform-browser": "^22.1.2",
     "@angular/router": "^22.1.2",
-    "@skyux/core": "15.0.0-beta.0",
-    "@skyux/forms": "15.0.0-beta.0",
-    "@skyux/i18n": "15.0.0-beta.0",
-    "@skyux/icon": "15.0.0-beta.0",
-    "@skyux/indicators": "15.0.0-beta.0",
-    "@skyux/popovers": "15.0.0-beta.0",
-    "@skyux/theme": "15.0.0-beta.0"
+    "@skyux/core": "15.0.0-beta.2",
+    "@skyux/forms": "15.0.0-beta.2",
+    "@skyux/i18n": "15.0.0-beta.2",
+    "@skyux/icon": "15.0.0-beta.2",
+    "@skyux/indicators": "15.0.0-beta.2",
+    "@skyux/popovers": "15.0.0-beta.2",
+    "@skyux/theme": "15.0.0-beta.2"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/types/skyux-tabs.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnDestroy, ElementRef, QueryList, AfterViewChecked, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, PipeTransform } from '@angular/core';
-import { Subject, BehaviorSubject, ReplaySubject, Observable } from 'rxjs';
+import { Subject, Observable, BehaviorSubject, ReplaySubject } from 'rxjs';
 import * as i4 from '@angular/common';
 import * as i4$1 from '@skyux/forms';
 import * as i9 from '@skyux/theme';
@@ -10,6 +10,13 @@ import * as i7 from '@skyux/indicators';
 import * as i1 from '@skyux/i18n';
 import * as i8 from '@skyux/popovers';
 
+/**
+ * The layout to apply to a vertical tab's content. Layouts apply spacing that
+ * corresponds with the top-level component type used within the tab, or
+ * constrain the tab contents to the available viewport in the case of `fit`.
+ */
+type SkyVerticalTabLayoutType = 'none' | 'blocks' | 'fit' | 'list';
+
 interface SkyVerticalTabsetGroupMessage {
     messageType: 'focus';
 }
@@ -60,6 +67,15 @@ declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
      * @internal This is used for sectioned forms and is not currently a supported design for pure vertical tabs.
      */
     errorIndicator: boolean | undefined;
+    /**
+     * The tab layout that applies spacing to the tab container element. Use the layout
+     * that corresponds with the top-level component type used within the tab, or use `fit` to
+     * constrain the tab contents to the available viewport.
+     * Use `none` for custom content that does not adhere to predefined spacing or constraints.
+     * @default "none"
+     */
+    set layout(value: SkyVerticalTabLayoutType | undefined);
+    get layout(): SkyVerticalTabLayoutType;
     /**
      * Whether to indicate that the tab has required content.
      * @internal This is used for sectioned forms and is not currently a supported design for pure vertical tabs.
@@ -101,7 +117,7 @@ declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
     tabButtonArrowLeft(event: Event): void;
     tabDeactivated(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": { "alias": "active"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorIndicator": { "alias": "errorIndicator"; "required": false; }; "requiredIndicator": { "alias": "requiredIndicator"; "required": false; }; "tabHeaderCount": { "alias": "tabHeaderCount"; "required": false; }; "tabHeading": { "alias": "tabHeading"; "required": false; }; "showTabRightArrow": { "alias": "showTabRightArrow"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": { "alias": "active"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorIndicator": { "alias": "errorIndicator"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "requiredIndicator": { "alias": "requiredIndicator"; "required": false; }; "tabHeaderCount": { "alias": "tabHeaderCount"; "required": false; }; "tabHeading": { "alias": "tabHeading"; "required": false; }; "showTabRightArrow": { "alias": "showTabRightArrow"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestroy {
@@ -140,9 +156,10 @@ declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestroy {
 /**
  * @internal
  */
-declare class SkyVerticalTabsetService {
+declare class SkyVerticalTabsetService implements OnDestroy {
     #private;
     activeIndex: number | undefined;
+    readonly activeTabLayout: Observable<SkyVerticalTabLayoutType>;
     content: ElementRef | undefined;
     hidingTabs: BehaviorSubject<boolean>;
     indexChanged: ReplaySubject<number | undefined>;
@@ -153,6 +170,7 @@ declare class SkyVerticalTabsetService {
     tabAdded: Subject<SkyVerticalTabComponent>;
     tabClicked: ReplaySubject<boolean>;
     constructor();
+    ngOnDestroy(): void;
     addTab(tab: SkyVerticalTabComponent): void;
     destroyTab(tab: SkyVerticalTabComponent): void;
     addGroup(group: SkyVerticalTabsetGroupComponent): void;
@@ -160,6 +178,7 @@ declare class SkyVerticalTabsetService {
     activateTab(tab: SkyVerticalTabComponent): void;
     activeTab(): SkyVerticalTabComponent | undefined;
     isMobile(): boolean;
+    updateActiveTabLayout(layout: SkyVerticalTabLayoutType): void;
     updateContent(): void;
     tabsVisible(): boolean;
     contentVisible(): boolean;
@@ -350,6 +369,8 @@ declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChecked, On
     contentWrapper: ElementRef | undefined;
     ariaOwns: string | undefined;
     readonly isMobile: i0.WritableSignal<boolean>;
+    verticalTabsetCssClass: string;
+    protected verticalTabsetContentCssClass: string;
     protected tablistHasFocus: boolean;
     readonly adapterService: SkyVerticalTabsetAdapterService;
     readonly tabService: SkyVerticalTabsetService;
@@ -708,4 +729,4 @@ declare class SkyTabsModule {
 }
 
 export { SkySectionedFormComponent, SkySectionedFormMessageType, SkySectionedFormModule, SkySectionedFormService, SkyTabsModule, SkyVerticalTabsetModule, SkyTabComponent as λ1, SkyTabsetComponent as λ2, SkyTabsetNavButtonComponent as λ3, SkyVerticalTabComponent as λ4, SkySectionedFormSectionComponent as λ5, SkyVerticalTabsetComponent as λ6, SkyVerticalTabsetGroupComponent as λ7 };
-export type { SkySectionedFormMessage, SkyTabIndex, SkyTabLayoutType, SkyTabsetButtonsDisplayMode, SkyTabsetNavButtonType, SkyTabsetStyle, SkyTabsetTabIndexesChange };
+export type { SkySectionedFormMessage, SkyTabIndex, SkyTabLayoutType, SkyTabsetButtonsDisplayMode, SkyTabsetNavButtonType, SkyTabsetStyle, SkyTabsetTabIndexesChange, SkyVerticalTabLayoutType };