import { TieredMenuPassThrough, TieredMenuProcessedItem, TieredMenuItemTemplateContext, TieredMenuItemClickEvent, TieredMenuItemMouseEnterEvent, TieredMenuFocusedItemInfo, TieredMenuToggleEvent } from 'primeng/types/tieredmenu'; export * from 'primeng/types/tieredmenu'; import { BaseStyle } from 'primeng/base'; import * as _angular_core from '@angular/core'; import { TemplateRef, ElementRef } from '@angular/core'; import { MotionOptions, MotionEvent } from '@primeuix/motion'; import * as i2 from 'primeng/api'; import { MenuItem, OverlayService } from 'primeng/api'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { ConnectedOverlayScrollHandler } from 'primeng/dom'; import { VoidListener, Nullable } from 'primeng/ts-helpers'; import { CSSProperties, AppendTo } from 'primeng/types/shared'; declare class TieredMenuStyle extends BaseStyle { name: string; style: string; classes: { root: ({ instance }: { instance: any; }) => (string | { 'p-tieredmenu-overlay': any; 'p-tieredmenu-mobile': any; })[]; start: string; rootList: string; item: ({ instance, processedItem }: { instance: any; processedItem: any; }) => (string | { 'p-tieredmenu-item-active': any; 'p-focus': any; 'p-disabled': any; })[]; itemContent: string; itemLink: string; itemIcon: string; itemLabel: string; itemBadge: string; submenuIcon: string; submenu: string; separator: string; end: string; }; inlineStyles: { submenu: ({ instance, processedItem }: { instance: any; processedItem: any; }) => { display: string; }; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * * TieredMenu displays submenus in nested overlays. * * [Live Demo](https://www.primeng.org/menu/) * * @module tieredmenustyle * */ declare enum TieredMenuClasses { /** * Class name of the root element */ root = "p-tieredmenu", /** * Class name of the start element */ start = "p-tieredmenu-start", /** * Class name of the root list element */ rootList = "p-tieredmenu-root-list", /** * Class name of the item element */ item = "p-tieredmenu-item", /** * Class name of the item content element */ itemContent = "p-tieredmenu-item-content", /** * Class name of the item link element */ itemLink = "p-tieredmenu-item-link", /** * Class name of the item icon element */ itemIcon = "p-tieredmenu-item-icon", /** * Class name of the item label element */ itemLabel = "p-tieredmenu-item-label", /** * Class name of the submenu icon element */ submenuIcon = "p-tieredmenu-submenu-icon", /** * Class name of the submenu element */ submenu = "p-tieredmenu-submenu", /** * Class name of the separator element */ separator = "p-tieredmenu-separator", /** * Class name of the end element */ end = "p-tieredmenu-end" } declare class TieredMenuSub extends BaseComponent { visible: _angular_core.InputSignal; items: _angular_core.InputSignal; itemTemplate: _angular_core.InputSignal | undefined>; root: _angular_core.InputSignalWithTransform; autoDisplay: _angular_core.InputSignalWithTransform; autoZIndex: _angular_core.InputSignalWithTransform; baseZIndex: _angular_core.InputSignalWithTransform; popup: _angular_core.InputSignalWithTransform; menuId: _angular_core.InputSignal; ariaLabel: _angular_core.InputSignal; ariaLabelledBy: _angular_core.InputSignal; level: _angular_core.InputSignalWithTransform; focusedItemId: _angular_core.InputSignal; activeItemPath: _angular_core.InputSignal; motionOptions: _angular_core.InputSignal; tabindex: _angular_core.InputSignalWithTransform; inlineStyles: _angular_core.InputSignal; itemClick: _angular_core.OutputEmitterRef; itemMouseEnter: _angular_core.OutputEmitterRef; menuFocus: _angular_core.OutputEmitterRef; menuBlur: _angular_core.OutputEmitterRef; menuKeydown: _angular_core.OutputEmitterRef; sublistViewChild: _angular_core.Signal | undefined>; render: _angular_core.WritableSignal; _componentStyle: TieredMenuStyle; bindDirectiveInstance: Bind; $pcTieredMenu: TieredMenu | undefined; $pcTieredMenuSub: TieredMenuSub | undefined; tieredMenu: TieredMenu; constructor(); onAfterViewChecked(): void; positionSubmenu(sublist: HTMLElement): void; getItemProp(processedItem: TieredMenuProcessedItem, name: string, params?: Record | null): any; getItemId(processedItem: TieredMenuProcessedItem): string; getItemKey(processedItem: TieredMenuProcessedItem): string; getItemLabel(processedItem: TieredMenuProcessedItem): string; getAriaSetSize(): number; getAriaPosInset(index: number): number; isItemVisible(processedItem: TieredMenuProcessedItem): boolean; isItemActive(processedItem: TieredMenuProcessedItem): boolean; isItemDisabled(processedItem: TieredMenuProcessedItem): boolean; isItemFocused(processedItem: TieredMenuProcessedItem): boolean; isItemGroup(processedItem: TieredMenuProcessedItem): boolean; hasIcon(processedItem: TieredMenuProcessedItem): boolean; hasBadge(processedItem: TieredMenuProcessedItem): boolean; shouldEscapeLabel(processedItem: TieredMenuProcessedItem): boolean; getRouterLinkActiveOptions(processedItem: TieredMenuProcessedItem): any; getItemTemplateContext(processedItem: TieredMenuProcessedItem): TieredMenuItemTemplateContext; getAriaHaspopup(processedItem: TieredMenuProcessedItem): "menu" | undefined; getAriaExpanded(processedItem: TieredMenuProcessedItem): boolean | undefined; shouldShowSubmenu(processedItem: TieredMenuProcessedItem): boolean; isSubmenuVisible(processedItem: TieredMenuProcessedItem): boolean; hasRouterLink(processedItem: TieredMenuProcessedItem): boolean; isSeparator(processedItem: TieredMenuProcessedItem): boolean; isMenuItem(processedItem: TieredMenuProcessedItem): boolean; getListClass(): string | undefined; getListSection(): "rootList" | "submenu"; getMotionState(): boolean; getAriaDisabled(processedItem: TieredMenuProcessedItem): true | undefined; _ptm(section: string, options?: Record): any; getPTOptions(processedItem: TieredMenuProcessedItem, index: number, key: string): any; onItemMouseEnter(param: { originalEvent: Event; processedItem: TieredMenuProcessedItem; }): void; onItemClick(event: Event, processedItem: TieredMenuProcessedItem): void; onBeforeEnter(event: MotionEvent): void; onAfterLeave(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * TieredMenu displays submenus in nested overlays. * @group Components */ declare class TieredMenu extends BaseComponent { componentName: string; /** * An array of menuitems. * @group Props */ model: _angular_core.InputSignal; /** * Defines if menu would displayed as a popup. * @group Props */ popup: _angular_core.InputSignalWithTransform; /** * Inline style of the component. * @group Props */ style: _angular_core.InputSignal; /** * Style class of the component. * @group Props */ styleClass: _angular_core.InputSignal; /** * The breakpoint to define the maximum width boundary. * @group Props */ breakpoint: _angular_core.InputSignal; /** * Whether to automatically manage layering. * @group Props */ autoZIndex: _angular_core.InputSignalWithTransform; /** * Base zIndex value to use in layering. * @group Props */ baseZIndex: _angular_core.InputSignalWithTransform; /** * Whether to show a root submenu on mouse over. * @defaultValue true * @group Props */ autoDisplay: _angular_core.InputSignalWithTransform; /** * Current id state as a string. * @group Props */ id: _angular_core.InputSignal; /** * 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; /** * When present, it specifies that the component should be disabled. * @group Props */ disabled: _angular_core.InputSignalWithTransform; /** * Index of the element in tabbing order. * @group Props */ tabindex: _angular_core.InputSignalWithTransform; /** * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name). * @defaultValue 'self' * @group Props */ appendTo: _angular_core.InputSignal; /** * The motion options. * @group Props */ motionOptions: _angular_core.InputSignal; computedMotionOptions: _angular_core.Signal; /** * Callback to invoke when overlay menu is shown. * @group Emits */ onShow: _angular_core.OutputEmitterRef>; /** * Callback to invoke when overlay menu is hidden. * @group Emits */ onHide: _angular_core.OutputEmitterRef>; rootmenu: _angular_core.Signal; containerViewChild: _angular_core.Signal | undefined>; /** * Custom submenu icon template. * @group Templates */ submenuIconTemplate: _angular_core.Signal | undefined>; /** * Custom item template. * @param {TieredMenuItemTemplateContext} context - item context. * @see {@link TieredMenuItemTemplateContext} * @group Templates */ itemTemplate: _angular_core.Signal | undefined>; $appendTo: _angular_core.Signal; render: _angular_core.WritableSignal; container: HTMLElement | undefined; outsideClickListener: VoidListener; resizeListener: VoidListener; scrollHandler: Nullable; target: HTMLElement | null; relatedTarget: HTMLElement | null; visible: boolean | undefined; dirty: boolean; focused: boolean; activeItemPath: _angular_core.WritableSignal; focusedItemInfo: _angular_core.WritableSignal; searchValue: string; searchTimeout: ReturnType | undefined; _processedItems: TieredMenuProcessedItem[]; _componentStyle: TieredMenuStyle; bindDirectiveInstance: Bind; overlayService: OverlayService; private matchMediaListener; private query; queryMatches: _angular_core.WritableSignal; private _internalId; $id: _angular_core.Signal; relativeAlign: boolean; shouldRender(): boolean; shouldAnimate(): boolean; getMenuTabindex(): number; getFocusedItemIdValue(): string | undefined; get visibleItems(): TieredMenuProcessedItem[]; get processedItems(): TieredMenuProcessedItem[]; get focusedItemId(): string | null; constructor(); onAfterViewChecked(): void; onInit(): void; bindMatchMediaListener(): void; unbindMatchMediaListener(): void; createProcessedItems(items: MenuItem[] | undefined, level?: number, parent?: TieredMenuProcessedItem | Record, parentKey?: string): TieredMenuProcessedItem[]; getItemProp(item: MenuItem, name: keyof MenuItem): any; getProccessedItemLabel(processedItem: TieredMenuProcessedItem): any; getItemLabel(item: MenuItem): any; isProcessedItemGroup(processedItem: TieredMenuProcessedItem): boolean; isSelected(processedItem: TieredMenuProcessedItem): boolean; isValidSelectedItem(processedItem: TieredMenuProcessedItem): boolean; isValidItem(processedItem: TieredMenuProcessedItem): boolean; isItemDisabled(item: MenuItem): boolean; isItemVisible(item: MenuItem): boolean; isItemSeparator(item: MenuItem): boolean; isItemMatched(processedItem: TieredMenuProcessedItem): boolean; isProccessedItemGroup(processedItem: TieredMenuProcessedItem): boolean; onOverlayClick(event: MouseEvent): void; onItemClick(event: TieredMenuItemClickEvent): void; onItemMouseEnter(event: TieredMenuItemMouseEnterEvent): void; onKeyDown(event: KeyboardEvent): void; onArrowDownKey(event: KeyboardEvent): void; onArrowRightKey(event: KeyboardEvent): void; onArrowUpKey(event: KeyboardEvent): void; onArrowLeftKey(event: KeyboardEvent): void; onHomeKey(event: KeyboardEvent): void; onEndKey(event: KeyboardEvent): void; onSpaceKey(event: KeyboardEvent): void; onEscapeKey(event: KeyboardEvent): void; onTabKey(event: KeyboardEvent): void; onEnterKey(event: KeyboardEvent): void; onItemChange(event: TieredMenuItemClickEvent | TieredMenuItemMouseEnterEvent, type?: string): void; onMenuFocus(_event: FocusEvent): void; onMenuBlur(_event: FocusEvent): void; onOverlayBeforeEnter(event: MotionEvent): void; onOverlayAfterEnter(): void; onOverlayAfterLeave(): void; alignOverlay(): void; appendOverlay(): void; restoreOverlayAppend(): void; moveOnTop(): void; /** * Hides the popup menu. * @group Method */ hide(_event?: Event, isFocus?: boolean): void; /** * Toggles the visibility of the popup menu. * @param {TieredMenuToggleEvent} event - Toggle event. * @group Method */ toggle(event: TieredMenuToggleEvent): void; /** * Displays the popup menu. * @param {TieredMenuToggleEvent} event - Toggle event. * @group Method */ show(event: TieredMenuToggleEvent, isFocus?: boolean): void; searchItems(event: KeyboardEvent, char: string): boolean; findLastFocusedItemIndex(): number; findLastItemIndex(): number; findPrevItemIndex(index: number): number; findNextItemIndex(index: number): number; findFirstFocusedItemIndex(): number; findFirstItemIndex(): number; findSelectedItemIndex(): number; changeFocusedItemIndex(_event: Event, index: number): void; scrollInView(index?: number): void; bindScrollListener(): void; unbindScrollListener(): void; bindResizeListener(): void; bindOutsideClickListener(): void; unbindOutsideClickListener(): void; unbindResizeListener(): void; onOverlayHide(): void; onDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class TieredMenuModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { TieredMenu, TieredMenuClasses, TieredMenuModule, TieredMenuStyle };