import { LitElement, type TemplateResult } from 'lit'; import { PfV5Tab } from './pf-v5-tab.js'; import { TabExpandEvent } from './context.js'; import '@patternfly/elements/pf-v5-icon/pf-v5-icon.js'; /** * **Tabs** allow users to navigate between views within the same page or context. * @alias Tabs */ export declare class PfV5Tabs extends LitElement { #private; static readonly styles: CSSStyleSheet[]; protected static readonly scrollTimeoutDelay = 150; static isExpandEvent(event: Event): event is TabExpandEvent; /** * Aria Label for the left scroll button */ labelScrollLeft: string; /** * Aria Label for the right scroll button */ labelScrollRight: string; /** * Box styling on tabs. Defaults to null */ box: 'light' | 'dark' | null; /** * Set to true to enable vertical tab styling. */ vertical: boolean; /** * Set to true to enable filled tab styling. */ fill: boolean; /** * Border bottom tab styling on tabs. To remove the bottom border, set this prop to false. */ borderBottom: 'true' | 'false'; /** * Set's the tabs to be manually activated. This means that the tabs will not automatically select * unless a user clicks on them or uses the keyboard space or enter key to select them. Roving * tabindex will still update allowing user to keyboard navigate through the tabs with arrow keys. */ manual: boolean; /** The index of the active tab */ get activeIndex(): number; set activeIndex(v: number); activeTab?: PfV5Tab; get tabs(): PfV5Tab[]; private tabsContainer; private ctx; connectedCallback(): void; protected getUpdateComplete(): Promise; protected willUpdate(): void; protected activeTabChanged(old?: PfV5Tab, activeTab?: PfV5Tab): void; protected firstUpdated(): void; render(): TemplateResult<1>; private onScroll; select(tab: PfV5Tab | number): void; } declare global { interface HTMLElementTagNameMap { 'pf-v5-tabs': PfV5Tabs; } }