import { EventEmitter } from '../../stencil-public-runtime'; import { DeprecatedSemanticColors, FeedbackColors } from '../../utils/constants'; import { type IconName } from '../nv-icon/nv-icons'; /** * @slot default - Use this slot to insert HTML into the alert content. */ export declare class NvAlert { el: HTMLNvAlertElement; /****************************************************************************/ /** * Defines color of the alert. * @deprecated use feedback instead. */ readonly color: `${DeprecatedSemanticColors}`; componentWillRender(): void; /****************************************************************************/ /** * Specifies the alert type which determines the color and default icon. */ feedback: `${FeedbackColors}`; /** * Main content of the alert. For more complex content, use the default slot * instead. */ readonly message: string; /** * Short and concise text for the alert title. */ readonly heading: string; /** * Icon associated with the alert, defaults vary based on the feedback type. * @icon */ readonly icon: `${IconName}`; /** * Allows the alert to be dismissed via a close button (x). The alert is not * dismissible unless explicitly enabled. */ readonly dismissible: boolean; /** * When true, the alert does not automatically close upon dismissing. * Useful for externally controlled component behavior. */ readonly preventAutoClose: boolean; /** * Controls the visibility of the alert. Will animate with fade and collapse. */ hidden: boolean; /** * When true, the alert will not animate when it is hidden or shown. */ readonly hasNoAnimations: boolean; /****************************************************************************/ /** * Emits when the 'hidden' prop changes, reflecting a change in visibility. * Passes hidden value to the detail. * @bind hidden */ hiddenChanged: EventEmitter; /** * Emitted when the animations complete, detail includes the hidden value. */ hiddenChangedComplete: EventEmitter; /** * Emitted when the close button is clicked. */ closeClicked: EventEmitter; /****************************************************************************/ /** * Used for 2 way binding with the hidden property. * Triggers open and close animations. * @param {boolean} hidden - The visibility state of the alert. */ handleHiddenChange(hidden: boolean): Promise; /****************************************************************************/ /** * Handles the dismissal of the alert, considering the preventAutoClose prop. * Passes the original event from the close button to the close event detail. * @param {MouseEvent} originalEvent - The original event from the close button. */ private handleDismiss; /** * By default an icon is linked to the feedback type * @returns {string} - The default icon name. */ private getDefaultIcon; /** * Updates the visibility state of the alert with optional animations * @param {boolean} hidden - Whether the alert should be hidden */ private updateVisibility; /** * Toggles the 'hidden' class on the element * @param {boolean} hidden - Whether to add or remove the hidden class */ private toggleHiddenClass; /****************************************************************************/ componentWillLoad(): void; /****************************************************************************/ render(): any; }