@coreui/angular
Version:
CoreUI for Angular UI components library
69 lines (68 loc) • 2.43 kB
TypeScript
import { AfterContentInit, EventEmitter, QueryList } from '@angular/core';
import { AnimationEvent } from '@angular/animations';
import { BooleanInput } from '@angular/cdk/coercion';
import { Colors } from '../coreui.types';
import { TemplateIdDirective } from '../shared';
import * as i0 from "@angular/core";
declare type AnimateType = ('hide' | 'show');
export declare class AlertComponent implements AfterContentInit {
static ngAcceptInputType_dismissible: BooleanInput;
static ngAcceptInputType_fade: BooleanInput;
static ngAcceptInputType_visible: BooleanInput;
hide: boolean;
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
*
* @type Colors
* @default 'primary'
*/
color: Colors;
/**
* Optionally adds a close button to alert and allow it to self dismiss.
* @type boolean
*/
get dismissible(): boolean;
set dismissible(value: boolean);
private _dismissible;
/**
* Adds animation for dismissible alert.
* @type boolean
*/
get fade(): boolean;
set fade(value: boolean);
private _fade;
/**
* Default role for alert. [docs]
* @type string
* @default 'alert'
*/
role: string;
/**
* Set the alert variant to a solid.
* @type string
*/
variant?: 'solid' | string;
/**
* Toggle the visibility of alert component.
* @type boolean
*/
set visible(value: boolean);
get visible(): boolean;
private _visible;
/**
* Event triggered on the alert dismiss.
*/
visibleChange: EventEmitter<boolean>;
templates: any;
contentTemplates: QueryList<TemplateIdDirective>;
get animationDisabled(): boolean;
get animateType(): AnimateType;
get hostClasses(): any;
onAnimationStart($event: AnimationEvent): void;
onAnimationDone($event: AnimationEvent): void;
ngAfterContentInit(): void;
onAnimationEvent(event: AnimationEvent): void;
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "c-alert", ["cAlert"], { "color": "color"; "dismissible": "dismissible"; "fade": "fade"; "role": "role"; "variant": "variant"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, ["contentTemplates"], ["*"], false>;
}
export {};