carbon-components-angular
Version:
Next generation components
105 lines (101 loc) • 4.19 kB
TypeScript
/**
*
* carbon-angular v0.0.0 | tab-header-group-vertical.component.d.ts
*
* Copyright 2014, 2026 IBM
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges } from "@angular/core";
import { EventService } from "carbon-components-angular/utils";
import { I18n } from "carbon-components-angular/i18n";
import { BaseTabHeader } from "./base-tab-header.component";
import { TabHeaderBase } from "./tab-header.directive";
import * as i0 from "@angular/core";
/**
* Vertical tab header group: same children as `cds-tab-header-group`, with
* up/down (and Home/End) keys, gradient overflow, and always-contained type.
*
*
* ```html
* <cds-tabs-vertical-grouped height="400px">
* <cds-tab-header-group-vertical>
* <cds-tab-header [paneReference]="a">A</cds-tab-header>
* <cds-tab-header [paneReference]="b">B</cds-tab-header>
* </cds-tab-header-group-vertical>
* <cds-tab #a>...</cds-tab>
* <cds-tab #b>...</cds-tab>
* </cds-tabs-vertical-grouped>
* ```
*/
export declare class TabHeaderGroupVertical extends BaseTabHeader implements AfterContentInit, OnChanges, OnInit, OnDestroy {
protected elementRef: ElementRef;
protected changeDetectorRef: ChangeDetectorRef;
protected eventService: EventService;
protected renderer: Renderer2;
protected i18n: I18n;
/**
* i18n strings for the tab list `aria-label` fallback.
*/
translations: any;
/**
* When `true`, sets each tab panel `tabindex` to `-1` for navigation-style usage.
*/
isNavigation: boolean;
/**
* Fires with tab index when a close control is used (with `dismissable`).
*/
tabClose: EventEmitter<number>;
/**
* Set to 'true' to have tabs automatically activated and have their content displayed when they receive focus.
*/
followFocus: boolean;
/**
* ContentChildren of all the tab headers (both directive and component
* forms — see `TabHeaderBase`).
*/
tabHeaderQuery: QueryList<TabHeaderBase>;
headerContainer: ElementRef<HTMLElement>;
verticalClass: boolean;
/**
* Index of the selected tab for keyboard logic
*/
currentSelectedTab: number;
/**
* Focused tab index when `followFocus` is false (manual activation).
*/
activeIndex: number | null;
isOverflowingTop: boolean;
isOverflowingBottom: boolean;
/**
* We use taller rows when any header has a secondary label.
*/
get tallClass(): boolean;
get hasSecondaryLabelTabs(): boolean;
private selectedSubscriptionTracker;
private closeSubscriptionTracker;
private resizeObserver;
private boundListScrollHandler;
constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, eventService: EventService, renderer: Renderer2, i18n: I18n);
keyboardInput(event: KeyboardEvent): void;
handleBlur(event: FocusEvent): void;
ngOnInit(): void;
ngOnDestroy(): void;
ngAfterContentInit(): void;
ngOnChanges(changes: SimpleChanges): void;
protected updateOverflowState(): void;
protected scrollSelectedTabIntoView(): void;
private applyHeaderInputs;
private wireSubscriptions;
static ɵfac: i0.ɵɵFactoryDeclaration<TabHeaderGroupVertical, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TabHeaderGroupVertical, "cds-tab-header-group-vertical, ibm-tab-header-group-vertical", never, { "translations": "translations"; "isNavigation": "isNavigation"; "followFocus": "followFocus"; }, { "tabClose": "tabClose"; }, ["tabHeaderQuery"], ["*"], false>;
}