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
27 lines (26 loc) • 1.7 kB
TypeScript
import { PlatformService } from '../../../services/platform.service';
import * as i0 from "@angular/core";
/**
* Renders a custom styled select input within a `FormInput` container. This component is designed to integrate seamlessly
* with the form input styles, providing a consistent look and enhanced features such as a custom dropdown arrow and support
* for platform-specific typography. The `FormInput` wrapper facilitates the inclusion of headers and status messages.
*/
export declare class SelectComponent {
protected platformService: PlatformService;
private elementRef;
/** Header text displayed above the input */
header: import("@angular/core").InputSignal<string | null>;
/** Content to be displayed before the form input */
before: import("@angular/core").InputSignal<string | null>;
/** Visual status of the input */
status: import("@angular/core").InputSignal<"error" | "default" | "focused">;
/** Whether the input is disabled */
disabled: import("@angular/core").InputSignal<boolean>;
/** Combines wrapper classes based on platform */
wrapperClasses: import("@angular/core").Signal<{
wrapper: boolean;
'wrapper--ios': boolean;
}>;
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "tgui-select", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}