import * as i0 from '@angular/core'; import { OnInit, EventEmitter } from '@angular/core'; import { PositionSettings } from 'igniteui-angular/core'; import { IgxNotificationsDirective, ToggleViewEventArgs } from 'igniteui-angular/directives'; /** * **Ignite UI for Angular Toast** - * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/toast) * * The Ignite UI Toast provides information and warning messages that are non-interactive and cannot * be dismissed by the user. Toasts can be displayed at the bottom, middle, or top of the page. * * Example: * ```html * * * Notification displayed * * ``` */ declare class IgxToastComponent extends IgxNotificationsDirective implements OnInit { private _element; /** * @hidden */ cssClass: string; /** * Sets/gets the `id` of the toast. * If not set, the `id` will have value `"igx-toast-0"`. * ```html * * ``` * ```typescript * let toastId = this.toast.id; * ``` */ id: string; /** * Sets/gets the `role` attribute. * If not set, `role` will have value `"alert"`. * ```html * * ``` * ```typescript * let toastRole = this.toast.role; * ``` * * @memberof IgxToastComponent */ role: string; /** * @hidden */ isVisibleChange: EventEmitter; /** * Get the position and animation settings used by the toast. * ```typescript * @ViewChild('toast', { static: true }) public toast: IgxToastComponent; * let currentPosition: PositionSettings = this.toast.positionSettings * ``` */ get positionSettings(): PositionSettings; /** * Set the position and animation settings used by the toast. * ```html * * ``` * ```typescript * import { slideInTop, slideOutBottom } from 'igniteui-angular'; * ... * @ViewChild('toast', { static: true }) public toast: IgxToastComponent; * public newPositionSettings: PositionSettings = { * openAnimation: useAnimation(slideInTop, { params: { duration: '1000ms', fromPosition: 'translateY(100%)'}}), * closeAnimation: useAnimation(slideOutBottom, { params: { duration: '1000ms', fromPosition: 'translateY(0)'}}), * horizontalDirection: HorizontalAlignment.Left, * verticalDirection: VerticalAlignment.Middle, * horizontalStartPoint: HorizontalAlignment.Left, * verticalStartPoint: VerticalAlignment.Middle * }; * this.toast.positionSettings = this.newPositionSettings; * ``` */ set positionSettings(settings: PositionSettings); private _positionSettings; /** * Gets the nativeElement of the toast. * ```typescript * let nativeElement = this.toast.element; * ``` * * @memberof IgxToastComponent */ get element(): any; /** * Shows the toast. * If `autoHide` is enabled, the toast will hide after `displayTime` is over. * * ```typescript * this.toast.open(); * ``` */ open(message?: string, settings?: PositionSettings): void; /** * Opens or closes the toast, depending on its current state. * * ```typescript * this.toast.toggle(); * ``` */ toggle(): void; /** * @hidden */ ngOnInit(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * @hidden * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components */ declare class IgxToastModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export { IgxToastComponent, IgxToastModule };