import { ThemeableComponent } from "../../common"; import { DuetTheme } from "../../common-types"; import { DuetLangObject } from "../../utils/language-utils"; import { IndicatorVariation } from "../duet-indicator/duet-indicator"; export declare class DuetTab implements ThemeableComponent { private tabpanelElement; element: HTMLElement; /** * Theme of the component. */ theme: DuetTheme; /** * Label for the tab. */ label: string; /** * Caption for the tab. */ caption: string; /** * Selected state of the tab. */ selected: boolean; /** * @deprecated Use indicator property instead. * Notification mark to show in the tab button. Works better with plain variation, as the dark background of * selected default button makes the mark less noticable. */ notificationMark: "warning" | "danger"; /** * Indicator to show in the tab button. */ indicator: IndicatorVariation; /** * Provides accessible text for the Duet Indicator. If Indicator's default is sufficient this is not needed. */ indicatorAccessibleLabel: string; /** * Defaults for AccessibleLabel * @default null */ accessibleDescriptionDefault: DuetLangObject | string; /** * String for AccessibleLabel * @default null */ accessibleDescription: string; /** * String of id's that indicate alternative labels elements */ accessibleLabelledBy: string; /** * HTML id of element that is to be used when opening this tab. * This enables decoupling the content from the tab buttons. */ contentId: string; componentWillLoad(): void; /** * Component lifecycle events. */ connectedCallback(): void; disconnectedCallback(): void; setupSelected(newValue: any, oldValue: any): void; private setupContentElement; private tabpanelElementFocusListener; private tabpanelElementBlurListener; /** * Sets focus on the tab panel. */ setFocus(options?: FocusOptions): Promise; /** * render() function * Always the last one in the class. */ render(): any; }