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
38 lines (37 loc) • 1.96 kB
TypeScript
import { QueryList, AfterContentInit, OnDestroy } from '@angular/core';
import { CompactPaginationItemComponent } from './compact-pagination-item.component';
import * as i0 from "@angular/core";
/**
* CompactPagination component displays a set of dots for pagination.
* It's typically used in carousels, sliders, or any component requiring compact pagination controls.
*
* The component supports different visual modes and manages the state of its pagination items.
*/
export declare class CompactPaginationComponent implements AfterContentInit, OnDestroy {
/** Mode of the pagination */
mode: import("@angular/core").InputSignal<"white" | "ambient" | "default">;
/** Selected index */
selectedIndex: import("@angular/core").InputSignal<number>;
/** Selected index change event */
selectedIndexChange: import("@angular/core").OutputEmitterRef<number>;
/** Current active index (internal) */
private activeIndex;
/** Element reference */
private elementRef;
/** Get all pagination item components */
paginationItems: QueryList<CompactPaginationItemComponent>;
/** Subscriptions to pagination item events */
private subscriptions;
constructor();
/** Host bindings for different modes */
get isAmbient(): boolean;
get isWhite(): boolean;
ngAfterContentInit(): void;
ngOnDestroy(): void;
/** Select item by index */
selectItem(index: number): void;
/** Update the selected state of all items */
private updateSelectedState;
static ɵfac: i0.ɵɵFactoryDeclaration<CompactPaginationComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CompactPaginationComponent, "tgui-compact-pagination", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndexChange": "selectedIndexChange"; }, ["paginationItems"], ["*"], true, never>;
}