import { AccordionPanelPassThrough, AccordionHeaderPassThrough, AccordionContentPassThrough, AccordionPassThrough } from 'primeng/types/accordion'; export * from 'primeng/types/accordion'; import * as _angular_core from '@angular/core'; import { InputSignalWithTransform, TemplateRef, EventEmitter } from '@angular/core'; import { MotionOptions } from '@primeuix/motion'; import * as i3 from 'primeng/api'; import { BlockableUI } from 'primeng/api'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { BaseStyle } from 'primeng/base'; import * as i2 from 'primeng/ripple'; /** * * Accordion groups a collection of contents in tabs. * * [Live Demo](https://www.primeng.org/accordion/) * * @module accordionstyle * */ declare enum AccordionClasses { /** * Class name of the root element */ root = "p-accordion", /** * Class name of the content wrapper */ contentwrapper = "p-accordioncontent", /** * Class name of the content */ content = "p-accordioncontent-content", /** * Class name of the header */ header = "p-accordionheader", /** * Class name of the toggle icon */ toggleicon = "p-accordionheader-toggle-icon", /** * Class name of the panel */ panel = "p-accordionpanel" } declare class AccordionStyle extends BaseStyle { name: string; style: string; classes: { root: string; panel: ({ instance }: { instance: any; }) => (string | { 'p-accordionpanel-active': any; 'p-disabled': any; })[]; header: string; toggleicon: string; contentContainer: string; contentWrapper: string; content: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } interface AccordionStyle extends BaseStyle { } /** * Custom tab open event. * @see {@link onOpen} * @group Interface */ interface AccordionTabOpenEvent { /** * Browser event. */ originalEvent: Event; /** * Opened tab index. */ index: number; } /** * Custom tab close event. * @see {@link onClose} * @extends {AccordionTabOpenEvent} * @group Interface */ interface AccordionTabCloseEvent extends AccordionTabOpenEvent { } /** * Toggle icon template context. * @group Interface */ interface AccordionToggleIconTemplateContext { /** * Represents the active status of the panel. */ active: boolean; } /** * AccordionPanel is a helper component for Accordion component. * @group Components */ declare class AccordionPanel extends BaseComponent { $pcAccordionPanel: AccordionPanel | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; pcAccordion: any; /** * Value of the active tab. * @defaultValue undefined * @group Props */ value: _angular_core.ModelSignal; /** * Disables the tab when enabled. * @defaultValue false * @group Props */ disabled: InputSignalWithTransform; active: _angular_core.Signal; valueEquals(currentValue: any, value: any): boolean; _componentStyle: AccordionStyle; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * AccordionHeader is a helper component for Accordion component. * @group Components */ declare class AccordionHeader extends BaseComponent { $pcAccordionHeader: AccordionHeader | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; pcAccordion: any; pcAccordionPanel: any; id: _angular_core.Signal; active: _angular_core.Signal; disabled: _angular_core.Signal; ariaControls: _angular_core.Signal; /** * Toggle icon template. * @type {TemplateRef} context - Context of the template * @example * ```html * * ``` * @see {@link AccordionToggleIconTemplateContext} * @group Templates */ toggleicon: TemplateRef | undefined; onClick(event?: MouseEvent | KeyboardEvent): void; onFocus(): void; onKeydown(event: KeyboardEvent): void; _componentStyle: AccordionStyle; changeActiveValue(): void; private findPanel; private findHeader; private findNextPanel; private findPrevPanel; private findFirstPanel; private findLastPanel; private changeFocusedPanel; private arrowDownKey; private arrowUpKey; private onHomeKey; private onEndKey; private onEnterKey; get dataP(): string | undefined; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class AccordionContent extends BaseComponent { $pcAccordionContent: AccordionContent | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; pcAccordion: any; pcAccordionPanel: any; active: _angular_core.Signal; ariaLabelledby: _angular_core.Signal; id: _angular_core.Signal; _componentStyle: AccordionStyle; ptParams: _angular_core.Signal<{ context: any; }>; computedMotionOptions: _angular_core.Signal; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Accordion groups a collection of contents in tabs. * @group Components */ declare class Accordion extends BaseComponent implements BlockableUI { $pcAccordion: Accordion | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; /** * Value of the active tab. * @defaultValue undefined * @group Props */ value: _angular_core.ModelSignal; /** * When enabled, multiple tabs can be activated at the same time. * @defaultValue false * @group Props */ multiple: InputSignalWithTransform; /** * Class of the element. * @deprecated since v20.0.0, use `class` instead. * @group Props */ styleClass: string | undefined; /** * Icon of a collapsed tab. * @group Props */ expandIcon: string | undefined; /** * Icon of an expanded tab. * @group Props */ collapseIcon: string | undefined; /** * When enabled, the focused tab is activated. * @defaultValue false * @group Props */ selectOnFocus: InputSignalWithTransform; /** * Transition options of the animation. * @group Props * @deprecated since v21.0.0, use `motionOptions` instead. */ transitionOptions: string; /** * The motion options. * @group Props */ motionOptions: _angular_core.InputSignal; computedMotionOptions: _angular_core.Signal; /** * Callback to invoke when an active tab is collapsed by clicking on the header. * @param {AccordionTabCloseEvent} event - Custom tab close event. * @group Emits */ onClose: EventEmitter; /** * Callback to invoke when a tab gets expanded. * @param {AccordionTabOpenEvent} event - Custom tab open event. * @group Emits */ onOpen: EventEmitter; id: _angular_core.WritableSignal; _componentStyle: AccordionStyle; onKeydown(event: any): void; onTabArrowDownKey(event: any): void; onTabArrowUpKey(event: any): void; onTabHomeKey(event: any): void; changeFocusedTab(element: any): void; findNextHeaderAction(tabElement: any, selfCheck?: boolean): any; findPrevHeaderAction(tabElement: any, selfCheck?: boolean): any; findFirstHeaderAction(): any; findLastHeaderAction(): any; onTabEndKey(event: any): void; getBlockableElement(): HTMLElement; updateValue(value: string | number): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class AccordionModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { Accordion, AccordionClasses, AccordionContent, AccordionHeader, AccordionModule, AccordionPanel, AccordionStyle }; export type { AccordionTabCloseEvent, AccordionTabOpenEvent, AccordionToggleIconTemplateContext };