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
40 lines (39 loc) • 2.84 kB
TypeScript
import { PlacementWithAuto } from '../popper/hooks';
import * as i0 from "@angular/core";
/**
* TODO: Implement as a directive to allow usage like:
* <tgui-button tguiTooltip [tguiTooltipContent]="TEMPLATE OR STRING CONTENT">
*
* The Tooltip component provides text labels that appear when the user hovers over, focuses on,
* or touches an element. It's built on top of the Popper component for automatic positioning
* relative to the target element. The tooltip supports light and dark modes for different visual
* contexts and uses the Caption component for its content to ensure consistent typography.
*/
export declare class TooltipComponent {
/** Reference to the target element or virtual element for precise positioning. */
targetRef: import("@angular/core").InputSignal<HTMLElement | {
getBoundingClientRect: () => DOMRect;
} | null>;
/** Defines the theme of the tooltip, affecting its background and text color. */
mode: import("@angular/core").InputSignal<"light" | "dark">;
/** Placement of the tooltip relative to the target element */
placement: import("@angular/core").InputSignal<PlacementWithAuto>;
/** Match width of the tooltip with target element */
sameWidth: import("@angular/core").InputSignal<boolean>;
/** Offset along the main axis */
offsetByMainAxis: import("@angular/core").InputSignal<number>;
/** Offset along the cross axis */
offsetByCrossAxis: import("@angular/core").InputSignal<number>;
/** Whether to update tooltip position when target element resizes */
autoUpdateOnTargetResize: import("@angular/core").InputSignal<boolean>;
/** Custom middlewares for floating-ui positioning */
customMiddlewares: import("@angular/core").InputSignal<any[]>;
private themeService;
private platformService;
tooltipClass: import("@angular/core").Signal<string>;
arrowStyle: import("@angular/core").Signal<{
color: string;
}>;
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "tgui-tooltip", never, { "targetRef": { "alias": "targetRef"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "sameWidth": { "alias": "sameWidth"; "required": false; "isSignal": true; }; "offsetByMainAxis": { "alias": "offsetByMainAxis"; "required": false; "isSignal": true; }; "offsetByCrossAxis": { "alias": "offsetByCrossAxis"; "required": false; "isSignal": true; }; "autoUpdateOnTargetResize": { "alias": "autoUpdateOnTargetResize"; "required": false; "isSignal": true; }; "customMiddlewares": { "alias": "customMiddlewares"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}