tgui-angular
Version:
🚀 Angular UI library for Telegram Web Apps with modern components and theming support | 💼 Author is open to work opportunities | 📧 Contact: a.blagovestnov@gmail.com | 💬 Telegram: @ablagovestnov
37 lines (36 loc) • 1.8 kB
TypeScript
import { QueryList, AfterContentInit, OnDestroy } from '@angular/core';
import { TabsItemComponent } from './tabs-item.component';
import * as i0 from "@angular/core";
/**
* The TabsList component renders a list of tabs, typically used for navigating between different views
* or filtering content. It visually indicates the currently active tab and supports custom styling.
*/
export declare class TabsListComponent implements AfterContentInit, OnDestroy {
/** Index of selected tab */
selectedIndex: import("@angular/core").InputSignal<number>;
/** Event for selected tab change */
selectedIndexChange: import("@angular/core").OutputEmitterRef<number>;
/** Number of tabs */
tabsCount: import("@angular/core").WritableSignal<number>;
/** Check if there is a selected tab */
hasSelectedTab: import("@angular/core").WritableSignal<boolean>;
/** Current selected index (internal) */
private activeTabIndex;
/** Get all TabsItem child elements */
tabItems: QueryList<TabsItemComponent>;
/** Subscriptions to tab events */
private subscriptions;
constructor();
ngAfterContentInit(): void;
ngOnDestroy(): void;
/** Gets transformation for slider */
getSliderTransform(): string;
/** Updates number of tabs */
private updateTabsCount;
/** Selects tab by index */
selectTab(index: number): void;
/** Updates selected tabs state */
private updateSelectedState;
static ɵfac: i0.ɵɵFactoryDeclaration<TabsListComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TabsListComponent, "tgui-tabs-list", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndexChange": "selectedIndexChange"; }, ["tabItems"], ["*"], true, never>;
}