*
*
*
* ```
* @remarks
* Supported children components are: {@link TabStripCustomMessagesComponent}, {@link TabStripTabComponent}.
*/
export declare class TabStripComponent implements AfterViewInit, OnDestroy {
localization: LocalizationService;
private renderer;
wrapper: ElementRef;
private tabstripService;
private scrollService;
private ngZone;
/**
* Sets the height of the TabStrip.
* Accepts a CSS size value, such as `100px`, `50%`, or `auto`.
*/
set height(value: string | null | undefined);
get height(): string | null | undefined;
/**
* Sets whether the TabStrip should animate when switching tabs.
*
* @default true
*/
animate: boolean;
/**
* Sets the alignment of the tabs.
*
* @default 'start'
*/
tabAlignment: TabAlignment;
/**
* Sets the position of the tabs.
*
* @default 'top'
*/
tabPosition: TabPosition;
/**
* Controls how the TabStrip renders tab content.
*
* The available options are:
*
* * `true`—Renders all tabs' content and persists them in the DOM.
* * `false`—Removes inactive tabs' content from the DOM.
* * `"loadOnDemand"`—Loads tabs' content only when activated for the first time. Inactive tabs' content is not rendered until the tab is activated.
*
* For more information, refer to the [Rendering Modes](https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/rendering-modes) article.
*
* @default false
*/
keepTabContent: boolean | 'loadOnDemand';
/**
* When set to `true`, renders a close button inside each tab.
*
* @default false
*/
closable: boolean;
/**
* Enables scrolling of the tab list.
* When set to `true` and the total size of all tabs exceeds the size of the TabStrip container, scroll buttons appear on each end of the tab list.
*
* @default false
*/
set scrollable(value: boolean | TabStripScrollableSettings);
get scrollable(): boolean | TabStripScrollableSettings;
/**
* Sets the size of the TabStrip.
* [See example](https://www.telerik.com/kendo-angular-ui/components/layout/api/tabstripcomponent#size). The default value is set by the Kendo theme.
*/
set size(value: TabStripSize);
get size(): TabStripSize;
/**
* Defines the name of an existing font icon in the Kendo UI theme for the close icon.
* @default 'x'
*/
closeIcon: string;
/**
* Defines a custom CSS class, or multiple classes separated by spaces, applied to the close button.
*/
closeIconClass: string;
/**
* Defines an SVGIcon to render for the close icon.
* The input accepts either an [existing Kendo SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) or a custom one.
*/
set closeSVGIcon(icon: SVGIcon);
get closeSVGIcon(): SVGIcon;
/**
* If set to `false`, the content area is hidden, but the tab headers are still visible.
*
* @default true
*/
showContentArea: boolean;
/**
* Fires each time a tab is selected.
* The event data contains the index of the selected tab and its title.
*/
tabSelect: EventEmitter;
/**
* Fires each time a tab is closed.
* The event data contains the index of the closed tab and its instance.
*/
tabClose: EventEmitter;
/**
* Fires when the tab list is scrolled.
* The event is preventable.
*/
tabScroll: EventEmitter;
hostClasses: boolean;
get tabsAtTop(): boolean;
get tabsAtRight(): boolean;
get tabsAtBottom(): boolean;
get tabsAtLeft(): boolean;
get dir(): string;
get tabStripScrollable(): boolean;
get tabStripScrollableOverlay(): boolean;
/**
* A query list of all declared tabs.
*/
tabs: QueryList;
/**
* @hidden
*/
tablist: ElementRef;
/**
* @hidden
*/
tabHeaderContainers: QueryList>;
/**
* @hidden
*/
prevScrollButton: TabStripScrollableButtonComponent;
/**
* @hidden
*/
nextScrollButton: TabStripScrollableButtonComponent;
/**
* @hidden
*/
localizationChangeSubscription: Subscription;
/**
* @hidden
*/
showLicenseWatermark: boolean;
/**
* @hidden
*/
licenseMessage?: LicenseMessage;
private _height;
private _scrollableSettings;
private subscriptions;
private subscriptionsArePresent;
private _closeSVGIcon;
private tabStripId;
private tabsChangesSub;
private activeStateChangeSub;
private _size;
constructor(localization: LocalizationService, renderer: Renderer2, wrapper: ElementRef, tabstripService: TabStripService, scrollService: ScrollService, ngZone: NgZone);
ngAfterViewInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
/**
* @hidden
*/
get isScrollable(): boolean;
/**
* @hidden
*/
get hasScrollButtons(): {
visible: boolean;
position: TabStripScrollButtonsPosition;
};
/**
* @hidden
*/
get mouseScrollEnabled(): boolean;
/**
* @hidden
*/
get itemsWrapperClass(): string;
/**
* Allows you to programmatically select a tab by its index.
* If the tab is disabled, it will not be selected. The `tabSelect` event will not be fired.
* @param {number} index The index of the tab that will be selected.
*/
selectTab(index: number): void;
/**
* @hidden
*/
getTabId(idx: number): string;
/**
* @hidden
*/
getTabPanelId(idx: number): string;
/**
* @hidden
*/
onTabClick(originalEvent: MouseEvent, tabIndex: number): void;
/**
* @hidden
*/
onResize(): void;
/**
* @hidden
*/
scrollToSelectedTab(): void;
/**
* @hidden
*/
onScrollButtonClick(buttonType: ScrollButtonType): void;
private initDomEvents;
private toggleScrollButtons;
private attachTablistScrollHandler;
private setScrollableOverlayClasses;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}