import { KbqNotificationCenterModule } from '@koobiq/components/notification-center';| Name | Description |
|---|---|
| changes: Observable |
Emits an event whenever the changes. |
| isEmpty: boolean | true if there are no notifications. |
| items: KbqNotificationItem[] | Notification items |
| onReload: EventEmitter |
Triggers an event when the user presses the reload button. |
| unreadItemsCounter: Observable |
Number of unread notifications |
Selector: [kbqNotificationCenterTrigger]
Exported as: kbqNotificationCenterTrigger| Name | Description |
|---|---|
@Input() backdropClass: string
|
Class that will be used in the background |
@Input() container: HTMLElement
|
Container for additional positioning, used with stickToWindow |
@Input() disabled: boolean
|
Whether the trigger is disabled. |
@Input() offset: number
|
Offset of popUp |
@Input('kbqNotificationCenterPanelClass')
panelClass: string
|
Class that will be used in the panel |
@Input('kbqNotificationCenterPlacement')
placement: "top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight"
|
Placement of popUp |
@Input() popoverHeight: string
|
Set height of popover. Default is calc(100vh - 48px). 48px - height of navbar |
@Input() popoverMode: boolean
|
Use popover or not |
@Input() stickToWindow: "top" | "right" | "left" | "bottom"
|
Additionally positions the element relative to the window side (Top, Right, Bottom and Left). If container is specified, the positioning will be relative to it. |
@Output('kbqPlacementChange')
placementChange: EventEmitter |
Emits a change event whenever the placement state changes. |
@Output('kbqVisibleChange')
visibleChange: EventEmitter |
Emits a change event whenever the visible state changes. |
| availablePositions: { [key: string]: ConnectionPositionPair; } | |
| closingActionsSubscription: Subscription | |
| destroyRef: DestroyRef | |
| detach: () => void | |
| direction: Directionality | |
| elementRef: ElementRef |
|
| enterDelay: number | |
| hideWithTimeout: boolean | Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger |
| hostView: ViewContainerRef | |
| hovered: BehaviorSubject |
Stream that emits when the popupTrigger is hovered. |
| instance: any | |
| isOpen: boolean | |
| leaveDelay: number | |
| listeners: Map |
|
| mouseEvent: MouseEvent | |
| ngZone: NgZone | |
| onPositionChange: ($event: ConnectedOverlayPositionChange) => void | |
| overlay: Overlay | |
| overlayRef: OverlayRef | |
| placementPriority: string | string[] | |
| portal: ComponentPortal |
|
| preventClose: boolean | prevents closure by any event |
| scheduler: AsyncScheduler | |
| scrollDispatcher: ScrollDispatcher | |
| scrollable: CdkScrollable | |
| strategy: FlexibleConnectedPositionStrategy | |
| triggerName: string | |
| unreadItemsCounter: Observable |
Number of unread notifications |
| visible: boolean |
| Name | Description |
|---|---|
| actions: TemplateRef |
|
| caption: string | TemplateRef |
|
| content: string | TemplateRef |
|
| date: string | |
| icon: boolean | TemplateRef |
|
| iconClass: string | |
| id: string | |
| read: boolean | |
| style: string | |
| title: string | TemplateRef |
const maxUnreadItemsLength: number;
default configuration of notification-center
const KBQ_NOTIFICATION_CENTER_DEFAULT_CONFIGURATION: { notifications: string; remove: string; doNotDisturb: string; showPopUpNotifications: string; noNotifications: string; failedToLoadNotifications: string; repeat: string; };
Injection Token for providing configuration of notification-center
const KBQ_NOTIFICATION_CENTER_CONFIGURATION: InjectionToken<unknown>;