/** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ import { EventEmitter, QueryList, AfterContentInit, ChangeDetectorRef } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; /** * Specific tab container. * * ```ts * *

List of users.

*
``` */ export declare class NbTabComponent { /** * Tab title * @type {string} */ tabTitle: string; /** * Tab icon * @type {string} */ tabIcon: string; /** * Show only icons when width is smaller than `tabs-icon-only-max-width` * @type {boolean} */ responsive: boolean; route: string; activeValue: boolean; responsiveValue: boolean; /** * Specifies active tab * @returns {boolean} */ active: boolean; /** * Lazy load content before tab selection * TODO: rename, as lazy is by default, and this is more `instant load` * @param {boolean} val */ lazyLoad: boolean; /** * Badge text to display * @type string */ badgeText: string; /** * Badge status (adds specific styles): * 'primary', 'info', 'success', 'warning', 'danger' * @param {string} val */ badgeStatus: string; /** * Badge position. * Can be set to any class or to one of predefined positions: * 'top left', 'top right', 'bottom left', 'bottom right', * 'top start', 'top end', 'bottom start', 'bottom end' * @type string */ badgePosition: string; init: boolean; } /** * * Dynamic tabset component. * @stacked-example(Showcase, tabset/tabset-showcase.component) * * Basic tabset example * * ```html * * * Tab content 1 * * * Tab content 2 * * * ``` * * ### Installation * * Import `NbTabsetModule` to your feature module. * ```ts * @NgModule({ * imports: [ * // ... * NbTabsetModule, * ], * }) * export class PageModule { } * ``` * ### Usage * * It is also possible to set a badge to a particular tab: * @stacked-example(Tab With Badge, tabset/tabset-badge.component) * * and we can set it to full a width of a parent component * @stacked-example(Full Width, tabset/tabset-width.component) * * `tabIcon` should be used to add an icon to the tab. Icon can also be combined with title. * `responsive` tab property if set allows you to hide the title on smaller screens * (`tabs-icon-only-max-width` property) for better responsive behaviour. You can open the following example and make * your screen smaller - titles will be hidden in the last tabset in the list: * * @stacked-example(Icon, tabset/tabset-icon.component) * * @styles * * tabs-font-family: * tabs-font-size: * tabs-content-font-family: * tabs-content-font-size: * tabs-active-bg: * tabs-active-font-weight: * tabs-padding: * tabs-content-padding: * tabs-header-bg: * tabs-separator: * tabs-fg: * tabs-fg-text: * tabs-fg-heading: * tabs-bg: * tabs-selected: * tabs-icon-only-max-width * */ export declare class NbTabsetComponent implements AfterContentInit { private route; private changeDetectorRef; tabs: QueryList; fullWidthValue: boolean; /** * Take full width of a parent * @param {boolean} val */ fullWidth: boolean; /** * If specified - tabset listens to this parameter and selects corresponding tab. * @type {string} */ routeParam: string; /** * Emits when tab is selected * @type EventEmitter */ changeTab: EventEmitter; constructor(route: ActivatedRoute, changeDetectorRef: ChangeDetectorRef); ngAfterContentInit(): void; selectTab(selectedTab: NbTabComponent): void; }