primeng
Version:
PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeB
111 lines (110 loc) • 4.1 kB
TypeScript
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
import { MenuItem, PrimeTemplate } from 'primeng/api';
import { BaseComponent } from 'primeng/basecomponent';
import { Nullable } from 'primeng/ts-helpers';
import { DockStyle } from './style/dockstyle';
import * as i0 from "@angular/core";
import * as i1 from "primeng/api";
/**
* Dock is a navigation component consisting of menuitems.
* @group Components
*/
export declare class Dock extends BaseComponent implements AfterContentInit {
cd: ChangeDetectorRef;
/**
* Current id state as a string.
* @group Props
*/
id: string | undefined;
/**
* Inline style of the element.
* @group Props
*/
style: {
[klass: string]: any;
} | null | undefined;
/**
* Class of the element.
* @group Props
*/
styleClass: string | undefined;
/**
* MenuModel instance to define the action items.
* @group Props
*/
model: MenuItem[] | undefined | null;
/**
* Position of element.
* @group Props
*/
position: 'bottom' | 'top' | 'left' | 'right';
/**
* Defines a string that labels the input for accessibility.
* @group Props
*/
ariaLabel: string | undefined;
/**
* Defines a string that labels the dropdown button for accessibility.
* @group Props
*/
ariaLabelledBy: string | undefined;
/**
* Callback to execute when button is focused.
* @param {FocusEvent} event - Focus event.
* @group Emits
*/
onFocus: EventEmitter<FocusEvent>;
/**
* Callback to invoke when the component loses focus.
* @param {FocusEvent} event - Focus event.
* @group Emits
*/
onBlur: EventEmitter<FocusEvent>;
listViewChild: Nullable<ElementRef>;
currentIndex: number;
tabindex: number;
focused: boolean;
focusedOptionIndex: number;
_componentStyle: DockStyle;
get focusedOptionId(): number;
constructor(cd: ChangeDetectorRef);
ngOnInit(): void;
itemTemplate: TemplateRef<any> | undefined;
_itemTemplate: TemplateRef<any> | undefined;
getItemId(item: any, index: any): any;
getItemProp(processedItem: any, name: any): any;
disabled(item: any): any;
isItemActive(id: any): boolean;
onListMouseLeave(): void;
onItemMouseEnter(index: number): void;
onItemClick(e: Event, item: MenuItem): void;
onListFocus(event: any): void;
onListBlur(event: any): void;
onListKeyDown(event: any): void;
onArrowDownKey(): void;
onArrowUpKey(): void;
onHomeKey(): void;
onEndKey(): void;
onSpaceKey(): void;
findNextOptionIndex(index: any): number;
changeFocusedOptionIndex(index: any): void;
findPrevOptionIndex(index: any): number;
get containerClass(): {
[x: string]: boolean;
};
isClickableRouterLink(item: any): boolean;
itemClass(item: any, index: number): {
'p-dock-item': boolean;
'p-focus': boolean;
'p-disabled': any;
};
templates: QueryList<PrimeTemplate> | undefined;
ngAfterContentInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<Dock, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<Dock, "p-dock", never, { "id": { "alias": "id"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "model": { "alias": "model"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["itemTemplate", "templates"], never, true, never>;
}
export declare class DockModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DockModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DockModule, never, [typeof Dock, typeof i1.SharedModule], [typeof Dock, typeof i1.SharedModule]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DockModule>;
}