import * as _angular_core from '@angular/core'; import { TemplateRef, QueryList, ElementRef } from '@angular/core'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { TabsPassThrough, TabPanelsPassThrough, TabPanelPassThrough, TabListPassThrough, TabPassThrough } from 'primeng/types/tabs'; import * as _primeuix_styled from '@primeuix/styled'; import { BaseStyle } from 'primeng/base'; import { PrimeTemplate } from 'primeng/api'; import * as i1$1 from 'primeng/ripple'; /** * * Tabs facilitates seamless switching between different views. * * [Live Demo](https://www.primeng.org/tabs/) * * @module tabsstyle * */ declare enum TabsClasses { /** * Class name of the root element */ root = "p-tabs", /** * Class name of the wrapper element */ list = "p-tablist", /** * Class name of the content element */ content = "p-tablist-content", /** * Class name of the tab list element */ tablist = "p-tablist-tab-list", /** * Class name of the tab list element */ tab = "p-tab", /** * Class name of the inkbar element */ inkbar = "p-tablist-active-bar", /** * Class name of the navigation buttons */ button = "p-tablist-nav-button", /** * Class name of the tab panels wrapper */ tabpanels = "p-tabpanels", /** * Class name of the tab panel element */ tabpanel = "p-tabs-panel" } declare class TabsStyle extends BaseStyle { name: string; style: _primeuix_styled.StyleType; classes: { root: ({ instance }: { instance: any; }) => (string | { 'p-tabs-scrollable': any; })[]; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } interface TabsStyle extends BaseStyle { } /** * Tabs facilitates seamless switching between different views. * @group Components */ declare class Tabs extends BaseComponent { $pcTabs: Tabs | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; /** * Value of the active tab. * @defaultValue undefined * @group Props */ value: _angular_core.ModelSignal; /** * When specified, enables horizontal and/or vertical scrolling. * @type boolean * @defaultValue false * @group Props */ scrollable: _angular_core.InputSignalWithTransform; /** * When enabled, tabs are not rendered until activation. * @type boolean * @defaultValue false * @group Props */ lazy: _angular_core.InputSignalWithTransform; /** * When enabled, the focused tab is activated. * @type boolean * @defaultValue false * @group Props */ selectOnFocus: _angular_core.InputSignalWithTransform; /** * Whether to display navigation buttons in container when scrollable is enabled. * @type boolean * @defaultValue true * @group Props */ showNavigators: _angular_core.InputSignalWithTransform; /** * Tabindex of the tab buttons. * @type number * @defaultValue 0 * @group Props */ tabindex: _angular_core.InputSignalWithTransform; id: _angular_core.WritableSignal; _componentStyle: TabsStyle; updateValue(newValue: any): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class TabPanelsStyle extends BaseStyle { name: string; classes: { root: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } interface TabPanelsStyle extends BaseStyle { } /** * TabPanels is a helper component for Tabs component. * @group Components */ declare class TabPanels extends BaseComponent { $pcTabPanels: TabPanels | undefined; bindDirectiveInstance: Bind; _componentStyle: TabPanelsStyle; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class TabPanelStyle extends BaseStyle { name: string; classes: { root: ({ instance }: { instance: any; }) => (string | { 'p-tabpanel-active': any; })[]; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } interface TabPanelStyle extends BaseStyle { } /** * TabPanel is a helper component for Tabs component. * @group Components */ declare class TabPanel extends BaseComponent { $pcTabPanel: TabPanel | undefined; bindDirectiveInstance: Bind; pcTabs: Tabs; onAfterViewChecked(): void; /** * When enabled, tab is not rendered until activation. * @type boolean * @defaultValue false * @group Props */ lazy: _angular_core.InputSignalWithTransform; /** * Value of the active tab. * @defaultValue undefined * @group Props */ value: _angular_core.ModelSignal; /** * Template for initializing complex content when lazy is enabled. * @group Templates */ content: _angular_core.Signal; id: _angular_core.Signal; ariaLabelledby: _angular_core.Signal; active: _angular_core.Signal; isLazyEnabled: _angular_core.Signal; private hasBeenRendered; shouldRender: _angular_core.Signal; _componentStyle: TabPanelStyle; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class TabListStyle extends BaseStyle { name: string; classes: { root: string; content: string; tabList: string; activeBar: string; prevButton: string; nextButton: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } interface TabListStyle extends BaseStyle { } /** * TabList is a helper component for Tabs component. * @group Components */ declare class TabList extends BaseComponent { $pcTabList: TabList | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; /** * A template reference variable that represents the previous icon in a UI component. * @type {TemplateRef | undefined} * @group Templates */ prevIconTemplate: TemplateRef | undefined; /** * A template reference variable that represents the next icon in a UI component. * @type {TemplateRef | undefined} * @group Templates */ nextIconTemplate: TemplateRef | undefined; templates: QueryList | undefined; content: ElementRef; prevButton: ElementRef; nextButton: ElementRef; inkbar: ElementRef; tabs: ElementRef; pcTabs: any; isPrevButtonEnabled: _angular_core.WritableSignal; isNextButtonEnabled: _angular_core.WritableSignal; resizeObserver: ResizeObserver; showNavigators: _angular_core.Signal; tabindex: _angular_core.Signal; scrollable: _angular_core.Signal; _componentStyle: TabListStyle; constructor(); get prevButtonAriaLabel(): string | undefined; get nextButtonAriaLabel(): string | undefined; onAfterViewInit(): void; _prevIconTemplate: TemplateRef | undefined; _nextIconTemplate: TemplateRef | undefined; onAfterContentInit(): void; onDestroy(): void; onScroll(event: Event): void; onPrevButtonClick(): void; onNextButtonClick(): void; updateButtonState(): void; updateInkBar(): void; getVisibleButtonWidths(): number; bindResizeObserver(): void; unbindResizeObserver(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class TabStyle extends BaseStyle { name: string; classes: { root: ({ instance }: { instance: any; }) => (string | { 'p-tab-active': any; 'p-disabled': any; })[]; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } interface TabStyle extends BaseStyle { } /** * Defines valid properties in Tab component. * @group Components */ declare class Tab extends BaseComponent { $pcTab: Tab | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; /** * Value of tab. * @defaultValue undefined * @group Props */ value: _angular_core.ModelSignal; /** * Whether the tab is disabled. * @defaultValue false * @group Props */ disabled: _angular_core.InputSignalWithTransform; pcTabs: any; pcTabList: any; el: ElementRef; _componentStyle: TabStyle; ripple: _angular_core.Signal; id: _angular_core.Signal; ariaControls: _angular_core.Signal; active: _angular_core.Signal; tabindex: _angular_core.Signal; mutationObserver: MutationObserver | undefined; onFocus(event: FocusEvent): void; onClick(event: MouseEvent): void; onKeyDown(event: KeyboardEvent): void; onAfterViewInit(): void; onArrowRightKey(event: any): void; onArrowLeftKey(event: any): void; onHomeKey(event: any): void; onEndKey(event: any): void; onPageDownKey(event: any): void; onPageUpKey(event: any): void; onEnterKey(event: any): void; findNextTab(tabElement: any, selfCheck?: boolean): any; findPrevTab(tabElement: any, selfCheck?: boolean): any; findFirstTab(): any; findLastTab(): any; changeActiveValue(): void; changeFocusedTab(event: any, element: any): void; scrollInView(element: any): void; bindMutationObserver(): void; unbindMutationObserver(): void; onDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class TabsModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { Tab, TabList, TabPanel, TabPanels, Tabs, TabsClasses, TabsModule, TabsStyle };