@ux-aspects/ux-aspects
Version:
Open source user interface framework for building modern, responsive, mobile big data applications
31 lines (30 loc) • 1.7 kB
TypeScript
import { EventEmitter } from '@angular/core';
import { AlertIconDirective } from './alert-icon.directive';
import * as i0 from "@angular/core";
export declare class AlertComponent {
private readonly colorService;
/** Determine the style of the alert */
type: AlertType;
/** Determine the the alert can be dismissed */
dismissible: boolean;
/** Define a custom background color */
backgroundColor: string;
/** Define a custom foreground color */
foregroundColor: string;
/** Define a custom aria label for the dismiss button */
dismissAriaLabel: string;
/** Emit when the dismiss button is pressed */
dismiss: EventEmitter<void>;
/** Identify if we have an icon */
icon: AlertIconDirective;
/** Resolve the background color from the color set */
get _backgroundColor(): string;
/** Resolve the foreground color from the color set */
get _foregroundColor(): string;
/** Determine if we are using a prefined type or custom colors */
get _isCustomColor(): boolean;
private getColor;
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "ux-alert", never, { "type": { "alias": "type"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "foregroundColor": { "alias": "foregroundColor"; "required": false; }; "dismissAriaLabel": { "alias": "dismissAriaLabel"; "required": false; }; }, { "dismiss": "dismiss"; }, ["icon"], ["[uxAlertIcon]", "*"], false, never>;
}
export type AlertType = 'info' | 'error' | 'warning' | 'success' | 'dark';