@catull/igniteui-angular
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
142 lines (141 loc) • 3.35 kB
TypeScript
import { ElementRef, TemplateRef, NgZone, AfterViewInit, OnDestroy } from '@angular/core';
import { IgxTabsGroupComponent } from './tabs-group.component';
import { IgxTabItemBase, IgxTabsBase } from './tabs.common';
import { IgxTabItemTemplateDirective } from './tabs.directives';
export declare class IgxTabItemComponent extends IgxTabItemBase implements AfterViewInit, OnDestroy {
private _tabs;
private _element;
private _ngZone;
/**
* Gets the group associated with the tab.
* ```html
* const relatedGroup = this.tabbar.tabs.toArray()[1].relatedGroup;
* ```
*/
relatedGroup: IgxTabsGroupComponent;
/**@hidden*/
private _icon;
/**
* An @Input property that sets the value of the `icon`.
* The value should be valid icon name from {@link https://material.io/tools/icons/?style=baseline}.
*```html
*<igx-tab-item label="Tab 1" icon="home">
*```
*/
icon: string;
/**@hidden*/
private _label;
/**
* An @Input property that sets the value of the `label`.
*```html
*<igx-tabs-item label="Tab 2" icon="folder">
*```
*/
label: string;
/**@hidden*/
protected defaultTabTemplate: TemplateRef<any>;
/**@hidden*/
protected customTabTemplateDir: IgxTabItemTemplateDirective;
private _nativeTabItem;
private _changesCount;
private _isSelected;
private _disabled;
private _resizeObserver;
constructor(_tabs: IgxTabsBase, _element: ElementRef, _ngZone: NgZone);
readonly provideCssClassSelected: boolean;
readonly provideCssClassDisabled: boolean;
readonly provideCssClass: boolean;
/**
* @hidden @internal
*/
role: string;
/**
* @hidden @internal
*/
tabindex: any;
/**
* @hidden @internal
*/
id: string;
/**
* @hidden @internal
*/
ariaLabel: string;
/**
* @hidden @internal
*/
ariaDisabled: boolean;
/**
* @hidden @internal
*/
ariaSelected: boolean;
/**
* @hidden @internal
*/
ariaControls: string;
ngAfterViewInit(): void;
ngOnDestroy(): void;
/**
* @hidden
*/
onClick(event: any): void;
/**
* @hidden
*/
onKeydownArrowRight(event: KeyboardEvent): void;
/**
* @hidden
*/
onKeydownArrowLeft(event: KeyboardEvent): void;
/**
* @hidden
*/
onKeydownHome(event: KeyboardEvent): void;
/**
* @hidden
*/
onKeydownEnd(event: KeyboardEvent): void;
/**
* @hidden
*/
readonly changesCount: number;
/**
* @hidden
*/
readonly nativeTabItem: ElementRef;
/**
* Gets whether the tab is disabled.
* ```
* const disabledItem = this.myTabComponent.tabs.first.disabled;
* ```
*/
disabled: boolean;
/**
* Gets whether the tab is selected.
* ```typescript
* const selectedItem = this.myTabComponent.tabs.first.isSelected;
* ```
*/
isSelected: boolean;
/**
* @hidden
*/
select(): void;
/**
* @hidden
*/
readonly index: number;
/**
* @hidden
*/
setSelectedInternal(newValue: boolean): void;
private onKeyDown;
/**
* @hidden
*/
readonly template: TemplateRef<any>;
/**
* @hidden
*/
readonly context: any;
}