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
34 lines (33 loc) • 1.66 kB
TypeScript
import { QueryList, AfterContentInit } from '@angular/core';
import { TabbarItemComponent } from './tabbar-item.component';
import * as i0 from "@angular/core";
/**
* Serves as a container for `TabbarItem` components, rendering a navigational tab bar.
* Utilizes a `FixedLayout` to ensure the tab bar remains positioned at a specific area within a view,
* typically at the bottom of the screen, making it ideal for mobile or web application navigation menus.
*
* The component adapts its styling based on the platform, providing a consistent look and feel across different devices.
*/
export declare class TabbarComponent implements AfterContentInit {
/** Index of the selected tab */
selectedIndex: import("@angular/core").InputSignal<number>;
/** Event emitted when selected tab changes */
selectedIndexChange: import("@angular/core").OutputEmitterRef<number>;
/** Internal signal for tracking active tab */
private activeTabIndex;
/** All tab items */
tabbarItems: QueryList<TabbarItemComponent>;
constructor();
ngAfterContentInit(): void;
/**
* Handles tab selection event
* @param index Index of selected tab
*/
selectTab(index: number): void;
/**
* Updates "selected" state for all child elements
*/
private updateSelectedState;
static ɵfac: i0.ɵɵFactoryDeclaration<TabbarComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TabbarComponent, "tgui-tabbar", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndexChange": "selectedIndexChange"; }, ["tabbarItems"], ["*"], true, never>;
}