import { EventEmitter } from '../../stencil-public-runtime'; import { FeedbackColors, NotificationEmphasis } from '../../utils/constants'; import { type IconName } from '../nv-icon/nv-icons'; /** * @slot heading - Use this slot to insert HTML as the notification title. * @slot content - Use this slot to insert HTML as the notification message. * @slot actions - Use this slot for custom actions. */ export declare class NvNotification { el: HTMLNvNotificationElement; private container; private headingSlot; private messageSlot; private actionsSlot; /****************************************************************************/ /** * Set a unique ID for the notification. Used for aria attributes and managing * multiple notifications. */ readonly uid: string; /** * Specifies the notification type which determines the color and default icon. */ readonly feedback: `${FeedbackColors}`; /** * Adjusts the emphasis to make the notification more or less visually * prominent to users. Use this to draw attention to important actions or * reduce focus on less critical ones */ readonly emphasis: `${NotificationEmphasis}`; /** * Short and concise text for the notification title. */ readonly heading: string; /** * Main content for the notification. For more complex content, use the * content slot instead. */ readonly message: string; /** * Icon associated with the notification, defaults vary based on the feedback * type. * @icon */ readonly icon: `${IconName}`; /** * Allows the notification to be dismissed via a close button (x). The * notification is not dismissible unless explicitly enabled. */ readonly dismissible: boolean; /** * Controls the visibility of the notification. */ hidden: boolean; /** * When true, the notification will be hidden initially, but internal changes * will not be in a controlled state. Good for animating the notification in. */ readonly initiallyHidden: boolean; /****************************************************************************/ /** * Dismisses the notification with an animation, after the animation is * complete, the hiddenChanged event will be emitted with the value of true, * and the hidden prop will be set to true. */ dismiss(): Promise; /** * Sets the hidden prop to false, and shows the notification with an * animation, after the animation is complete, the hiddenChanged event will be * emitted with the value of false. */ show(): Promise; /****************************************************************************/ /** * Emits when the 'hidden' prop changes, reflecting a change in visibility. * Passes hidden value to the detail. * @bind hidden */ hiddenChanged: EventEmitter; /****************************************************************************/ private iconByFeedback; private roleByFeedback; private getDefaultIcon; private getAriaRole; private getAriaLive; private getHeadingId; private getMessageId; private showAnimation; private getSlideDestination; private dismissAnimation; /****************************************************************************/ componentWillLoad(): void; /****************************************************************************/ render(): any; }