UNPKG

primeng

Version:

[![npm version](https://badge.fury.io/js/primeng.svg)](https://badge.fury.io/js/primeng) [![npm downloads](https://img.shields.io/npm/dm/primeng.svg)](https://www.npmjs.com/package/primeng) [![Actions CI](https://github.com/primefaces/primeng/workflows/No

93 lines (92 loc) 3.94 kB
import { AfterContentInit, AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core'; import { ActivatedRoute, Router } from '@angular/router'; import { MenuItem, PrimeTemplate } from 'primeng/api'; import { Nullable } from 'primeng/ts-helpers'; import * as i0 from "@angular/core"; import * as i1 from "@angular/common"; import * as i2 from "@angular/router"; import * as i3 from "primeng/api"; import * as i4 from "primeng/ripple"; import * as i5 from "primeng/tooltip"; import * as i6 from "primeng/icons/chevronleft"; import * as i7 from "primeng/icons/chevronright"; export declare class TabMenu implements AfterContentInit, AfterViewInit, AfterViewChecked, OnDestroy { private platformId; private router; private route; private cd; /** * An array of menuitems. * @group Props */ model: MenuItem[] | undefined; /** * Defines the default active menuitem * @group Props */ activeItem: MenuItem | undefined; /** * When enabled displays buttons at each side of the tab headers to scroll the tab list. * @group Props */ scrollable: boolean | undefined; /** * Defines if popup mode enabled. */ popup: boolean | undefined; /** * Inline style of the element. * @group Props */ style: { [klass: string]: any; } | null | undefined; /** * Class of the element. * @group Props */ styleClass: string | undefined; /** * Event fired when a tab is selected. * @param {MenuItem} event - item instance. * @group Emits */ activeItemChange: EventEmitter<MenuItem>; content: Nullable<ElementRef>; navbar: Nullable<ElementRef>; inkbar: Nullable<ElementRef>; prevBtn: Nullable<ElementRef>; nextBtn: Nullable<ElementRef>; templates: QueryList<PrimeTemplate> | undefined; itemTemplate: Nullable<TemplateRef<any>>; previousIconTemplate: Nullable<TemplateRef<any>>; nextIconTemplate: Nullable<TemplateRef<any>>; tabChanged: boolean | undefined; backwardIsDisabled: boolean; forwardIsDisabled: boolean; private timerIdForInitialAutoScroll; constructor(platformId: any, router: Router, route: ActivatedRoute, cd: ChangeDetectorRef); ngAfterContentInit(): void; ngAfterViewInit(): void; ngAfterViewChecked(): void; ngOnDestroy(): void; isActive(item: MenuItem): boolean; itemClick(event: Event, item: MenuItem): void; updateInkBar(): void; getVisibleButtonWidths(): any; updateButtonState(): void; updateScrollBar(index: number): void; onScroll(event: Event): void; navBackward(): void; navForward(): void; private initAutoScrollForActiveItem; private clearAutoScrollHandler; private initButtonState; static ɵfac: i0.ɵɵFactoryDeclaration<TabMenu, never>; static ɵcmp: i0.ɵɵComponentDeclaration<TabMenu, "p-tabMenu", never, { "model": { "alias": "model"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, { "activeItemChange": "activeItemChange"; }, ["templates"], never, false, never>; } export declare class TabMenuModule { static ɵfac: i0.ɵɵFactoryDeclaration<TabMenuModule, never>; static ɵmod: i0.ɵɵNgModuleDeclaration<TabMenuModule, [typeof TabMenu], [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.SharedModule, typeof i4.RippleModule, typeof i5.TooltipModule, typeof i6.ChevronLeftIcon, typeof i7.ChevronRightIcon], [typeof TabMenu, typeof i2.RouterModule, typeof i3.SharedModule, typeof i5.TooltipModule]>; static ɵinj: i0.ɵɵInjectorDeclaration<TabMenuModule>; }