import { LitElement } from 'lit'; import '../button'; import '../card'; import '../badge'; type TagStatus = 'default' | 'info' | 'warning' | 'success' | 'error' | 'ai'; type NotificationType = 'normal' | 'inline' | 'toast' | 'clickable'; interface TextStrings { success: string; warning: string; info: string; error: string; ai?: string; default?: string; } /** * Notification component. * @slot unnamed - Slot for notification message body. * @slot actions - Slot for menu. * @slot icon - Slot for an icon. * @fires on-notification-click - Emit event for clickable notification.`detail:{ origEvent: PointerEvent }` * @fires on-close - Emits when an inline/toast notification closes. */ export declare class Notification extends LitElement { static styles: import("lit").CSSResult; /** Notification Title (Required). */ accessor notificationTitle: string; /** Notification subtitle.(optional) */ accessor notificationSubtitle: string; /** * Timestamp of notification. * It is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`. */ accessor timeStamp: string; /** Card href link. */ accessor href: string; /** Card link target. */ accessor target: '_self' | '_blank' | '_parent' | '_top' | ''; /** Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`. */ accessor tagStatus: TagStatus; /** Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel */ accessor type: NotificationType; /** Customizable text strings. */ accessor textStrings: TextStrings; /** Close button description (Required to support accessibility). */ accessor closeBtnDescription: string; /** * Assistive text for notification type. * Required for `'clickable'`, `'inline'` and `'toast'` notification types. * */ accessor assistiveNotificationTypeText: string; /** Notification role (Required to support accessibility). */ accessor notificationRole: 'alert' | 'log' | 'status' | undefined; /** * Status label (Required to support accessibility). * Assign the localized string value for the word **Status**. * */ accessor statusLabel: string; /** Set badgeColor based on provided tagStatus. * @internal */ accessor _badgeColor: any; /** Set notification mark read prop. Required ony for `type: 'clickable'`.*/ accessor unRead: boolean; /** Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true. */ accessor hideCloseButton: boolean; /** Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'` */ accessor timeout: number; /** Track if slot has content to conditionally render description div * @internal */ accessor _hasDescriptionSlotContent: boolean; render(): import("lit-html").TemplateResult<1>; private renderInnerUI; updated(changedProperties: any): void; private _close; private _handleClose; private _handleCardClick; private _handleSlotChange; private _checkSlotContent; } declare global { interface HTMLElementTagNameMap { 'kyn-notification': Notification; } } export {}; //# sourceMappingURL=notification.d.ts.map