import { SpeedDialPassThrough, SpeedDialDirection, SpeedDialType, SpeedDialButtonTemplateContext, SpeedDialItemTemplateContext } from 'primeng/types/speeddial'; export * from 'primeng/types/speeddial'; import * as _angular_core from '@angular/core'; import { ElementRef, TemplateRef } from '@angular/core'; import { MenuItem, TooltipOptions } from 'primeng/api'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { ButtonDirectiveOptions } from 'primeng/types/button'; import { CSSProperties } from 'primeng/types/shared'; import { BaseStyle } from 'primeng/base'; declare class SpeedDialStyle extends BaseStyle { name: string; style: string; classes: { root: ({ instance }: { instance: any; }) => (string | { [x: string]: any; 'p-speeddial-open': any; 'p-disabled': any; })[]; pcButton: ({ instance }: { instance: any; }) => (string | { 'p-speeddial-rotate': any; })[]; list: string; item: ({ instance, item, i }: { instance: any; item: any; i: any; }) => (string | { 'p-hidden': boolean; 'p-focus': boolean; })[]; pcAction: string; actionIcon: string; mask: string; }; inlineStyles: { root: ({ instance }: { instance: any; }) => { alignItems: string | null; justifyContent: string | null; flexDirection: string | null; }; list: ({ instance }: { instance: any; }) => { flexDirection: string | null; }; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * * When pressed, a floating action button can display multiple primary actions that can be performed on a page. * * [Live Demo](https://www.primeng.org/speeddial/) * * @module speeddialstyle * */ declare enum SpeedDialClasses { /** * Class name of the root element */ root = "p-speeddial", /** * Class name of the button element */ pcButton = "p-speeddial-button", /** * Class name of the list element */ list = "p-speeddial-list", /** * Class name of the item element */ item = "p-speeddial-item", /** * Class name of the action element */ pcAction = "p-speeddial-action", /** * Class name of the action icon element */ actionIcon = "p-speeddial-action-icon", /** * Class name of the mask element */ mask = "p-speeddial-mask" } /** * When pressed, a floating action button can display multiple primary actions that can be performed on a page. * @group Components */ declare class SpeedDial extends BaseComponent { componentName: string; $pcSpeedDial: SpeedDial | undefined; bindDirectiveInstance: Bind; /** * List of items id. * @group Props */ id: _angular_core.InputSignal; /** * Inline style of the element. * @group Props */ style: _angular_core.InputSignal; /** * Style class of the element. * @group Props */ className: _angular_core.InputSignal; /** * MenuModel instance to define the action items. * @group Props */ $model: _angular_core.InputSignal; /** * Specifies the visibility of the overlay. * @defaultValue false * @group Props */ visible: _angular_core.ModelSignal; /** * Specifies the opening direction of actions. * @gruop Props */ direction: _angular_core.InputSignal; /** * Transition delay step for each action item. * @group Props */ transitionDelay: _angular_core.InputSignalWithTransform; /** * Specifies the opening type of actions. * @group Props */ type: _angular_core.InputSignal; /** * Radius for *circle types. * @group Props */ radius: _angular_core.InputSignalWithTransform; /** * Whether to show a mask element behind the speeddial. * @group Props */ mask: _angular_core.InputSignalWithTransform; /** * Whether the component is disabled. * @group Props */ disabled: _angular_core.InputSignalWithTransform; /** * Whether the actions close when clicked outside. * @group Props */ hideOnClickOutside: _angular_core.InputSignalWithTransform; /** * Inline style of the button element. * @group Props */ buttonStyle: _angular_core.InputSignal; /** * Style class of the button element. * @group Props */ buttonClassName: _angular_core.InputSignal; /** * Inline style of the mask element. * @group Props */ maskStyle: _angular_core.InputSignal; /** * Style class of the mask element. * @group Props */ maskClassName: _angular_core.InputSignal; /** * Show icon of the button element. * @group Props */ showIcon: _angular_core.InputSignal; /** * Hide icon of the button element. * @group Props */ hideIcon: _angular_core.InputSignal; /** * Defined to rotate showIcon when hideIcon is not present. * @group Props */ rotateAnimation: _angular_core.InputSignalWithTransform; /** * Defines a string value that labels an interactive element. * @group Props */ ariaLabel: _angular_core.InputSignal; /** * Identifier of the underlying input element. * @group Props */ ariaLabelledBy: _angular_core.InputSignal; /** * Whether to display the tooltip on items. The modifiers of Tooltip can be used like an object in it. Valid keys are 'event' and 'position'. * @group Props */ tooltipOptions: _angular_core.InputSignal; /** * Configuration object forwarded to the Button component. * @group Props */ buttonProps: _angular_core.InputSignal; /** * Fired when the visibility of element changed. * @param {boolean} boolean - Visibility value. * @group Emits */ onVisibleChange: _angular_core.OutputEmitterRef; /** * Fired when the button element clicked. * @param {MouseEvent} event - Mouse event. * @group Emits */ onClick: _angular_core.OutputEmitterRef; /** * Fired when the actions are visible. * @param {Event} event - Browser event. * @group Emits */ onShow: _angular_core.OutputEmitterRef; /** * Fired when the actions are hidden. * @param {Event} event - Browser event. * @group Emits */ onHide: _angular_core.OutputEmitterRef; list: _angular_core.Signal | undefined>; /** * Custom button template. * @param {SpeedDialButtonTemplateContext} context - button context. * @see {@link SpeedDialButtonTemplateContext} * @group Templates */ buttonTemplate: _angular_core.Signal | undefined>; /** * Custom item template. * @param {SpeedDialItemTemplateContext} context - item context. * @see {@link SpeedDialItemTemplateContext} * @group Templates */ itemTemplate: _angular_core.Signal | undefined>; /** * Custom icon template. * @group Templates */ iconTemplate: _angular_core.Signal | undefined>; isItemClicked: boolean; documentClickListener: any; focusedOptionIndex: _angular_core.WritableSignal; focused: _angular_core.WritableSignal; _componentStyle: SpeedDialStyle; private generatedId; $id: _angular_core.Signal; listId: _angular_core.Signal; itemAriaControls: _angular_core.Signal; focusedOptionId: _angular_core.Signal; ariaActivedescendant: _angular_core.Signal; buttonIconClass: _angular_core.Signal; showDefaultIcon: _angular_core.Signal; buttonClass: _angular_core.Signal; maskVisible: _angular_core.Signal; maskClass: _angular_core.Signal; buttonTemplateContext: { toggleCallback: any; }; onItemClickBound: any; constructor(); onAfterViewChecked(): void; getItemId(index: number): string; getItemTemplateContext(item: MenuItem, index: number): SpeedDialItemTemplateContext; getItemTooltipOptions(item: MenuItem): TooltipOptions; getItemTabindex(item: MenuItem): string | null; getPTOptions(id: string, key: string): any; isItemActive(id: string): boolean; onAfterViewInit(): void; show(): void; hide(): void; onButtonClick(event: MouseEvent): void; onItemClick(e: Event, item: MenuItem): void; onKeyDown(event: KeyboardEvent): void; onFocus(event: any): void; onBlur(event: any): void; onArrowUp(event: any): void; onArrowDown(event: any): void; onArrowLeft(event: any): void; onArrowRight(event: any): void; onEndKey(event: any): void; onHomeKey(event: any): void; onEnterKey(event: any): void; onEscapeKey(event: KeyboardEvent): void; onTogglerKeydown(event: KeyboardEvent): void; onTogglerArrowUp(event: any): void; onTogglerArrowDown(event: any): void; navigateNextItem(event: any): void; navigatePrevItem(event: any): void; findPrevOptionIndex(index: any): number; findNextOptionIndex(index: any): number; changeFocusedOptionIndex(index: any): void; calculatePointStyle(index: number): { left: string; top: string; bottom?: undefined; right?: undefined; } | { left: string; bottom: string; top?: undefined; right?: undefined; } | { right: string; top: string; left?: undefined; bottom?: undefined; } | { right: string; bottom: string; left?: undefined; top?: undefined; } | { left?: undefined; top?: undefined; bottom?: undefined; right?: undefined; }; calculateTransitionDelay(index: number): number; getItemStyle(index: number): { left: string; top: string; bottom?: undefined; right?: undefined; transitionDelay: string; } | { left: string; bottom: string; top?: undefined; right?: undefined; transitionDelay: string; } | { right: string; top: string; left?: undefined; bottom?: undefined; transitionDelay: string; } | { right: string; bottom: string; left?: undefined; top?: undefined; transitionDelay: string; } | { left?: undefined; top?: undefined; bottom?: undefined; right?: undefined; transitionDelay: string; }; isClickableRouterLink(item: MenuItem): any; isOutsideClicked(event: Event): boolean; bindDocumentClickListener(): void; unbindDocumentClickListener(): void; onDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class SpeedDialModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { SpeedDial, SpeedDialClasses, SpeedDialModule, SpeedDialStyle };